Layouts
Alternate Layout
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Haml
Alternate Layout (inverse)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout.alternate-layout--inverse
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Haml
Nested Alternate Layout
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Nested section
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
Nested section
.alternate-layout.alternate-layout--inverse
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Nested section
.alternate-layout__section
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id...
.alternate-layout__section
%p Nested section
Haml
Grid
This is on the basis of Bootstrap grid system.