Page Layouts

These <main> tags fit within the page structure seen here.

Full Width

This is the foundational layout. Backgound color/images can go full width. Content is responsible for it's own container.

View demo page

Mixed Full Widths

Uses "Full Width" + each area of content has it's own container.
View demo page to get full effect.

Mixed Full Width

12 columns wide

Full width background

12 columns wide

View demo page

12 Columns

Lorem ipsum dolor sit amet, erant dolor phaedrum ad vel, usu mundi consequuntur ne. In pri ceteros pericula argumentum, at eum veri congue consequat, no quot nibh mea. Natum aliquam pericula at vis, congue efficiendi cu mea. Tibique commune gubergren et usu, usu ne sadipscing voluptatibus comprehensam, te wisi tritani his. Ornatus comprehensam eu sed, sit nisl eruditi ocurreret. Lorem ipsum dolor sit amet, erant dolor phaedrum ad vel, usu mundi consequuntur ne. In pri ceteros pericula argumentum, at eum veri congue consequat, no quot nibh mea. Natum aliquam pericula at vis, congue efficiendi cu mea. Tibique commune gubergren et usu, usu ne sadipscing voluptatibus comprehensam, te wisi tritani his. Ornatus comprehensam eu sed, sit nisl eruditi ocurreret.

View demo page