Logo

Introduction

This is a full width section. The "#main-content" div is divided by ".section" divs as needed. Section divs can contain ".col" divs to form columns if needed.

The navigation above is just an example layout, by the way. Instead of including the navigation in its own separate div as in this template, you could instead apply the "nav" classname just to an UL and move it to inside the header div for example. (Along with adding new styles for your desired design.)

Column sub section #1

half column

Column sub section #2

half column

This is a half column

Columns can be divided into sections with ".section" divs if needed. This is just a regular column without section divisions

Headers for columns can go inside or outside ".col" divs depending on what they are labeling.

This is a header for the three columns below (class name is for IE)

two thirds column

one fourth column

one fourth column

one fourth column

one fourth column

one fourth column

three fourths column

one fourth column

half of three fourths column

half of three fourths column