3 Unequal Columns with Billboards #1 (3 to 1/2 to 1)

This example shows a basic layout with billboards at the top, a content area, and 2 side columns.

The side columns drop down below the content at "small" size, and then down to a single stacked column at "extra-small"

(A) Headline for Content

On a 12-column-grid layout, this content block starts off as being 6 columns, then 12 columns.

Vivamus accumsan non metus non condimentum. Nulla iaculis vehicula pretium. Sed vel velit ut augue consectetur auctor. Nunc porttitor lectus id orci tempor, non laoreet tortor euismod. Nullam suscipit purus et libero malesuada, in ornare lectus convallis. Phasellus at egestas leo. Phasellus nec malesuada mauris, pulvinar cursus felis. In mauris odio, placerat id ultrices quis, auctor nec libero. Phasellus sed placerat justo. Ut vel diam faucibus ipsum convallis sagittis sit amet ac enim. Nam lobortis eu urna eget rutrum.

Nam malesuada elit et odio iaculis luctus. Aliquam felis justo, sodales vel rhoncus eu, lobortis in nulla. Nullam ante eros, tincidunt sit amet scelerisque ac, molestie eget ligula. In eget ornare felis. Integer erat est, pellentesque sit amet tristique id, eleifend ultrices orci. Nullam quis sapien enim. Quisque pellentesque lorem consectetur arcu dapibus, quis tincidunt felis scelerisque.

Mauris tincidunt faucibus pretium. Donec ut lorem lobortis libero consequat fringilla. Quisque volutpat at velit id imperdiet. Phasellus scelerisque velit in ante venenatis pharetra. In at felis eu lacus semper scelerisque quis non nulla. Aliquam vitae sollicitudin leo. Fusce consequat laoreet enim, eu aliquam enim tincidunt quis. Duis eu velit ipsum. Integer vehicula sagittis leo, eu ultricies libero sollicitudin a. Etiam ut tortor nec neque porttitor faucibus. Duis tristique turpis non diam pulvinar condimentum. Cras iaculis leo lectus, sed faucibus orci aliquam vitae. Suspendisse varius aliquet metus. Maecenas eu sollicitudin nunc. In sem felis, gravida non est vitae, egestas fermentum velit.

Curabitur et turpis nibh. Nullam vulputate mauris mauris, vel accumsan arcu iaculis sit amet. Proin diam nisl, ultrices sit amet adipiscing non, sollicitudin sit amet ligula. Etiam lobortis at sem in rhoncus. Morbi rutrum pretium luctus. Mauris non commodo mi. Aliquam sed sollicitudin ipsum. Donec dui nibh, commodo sed sem ac, pharetra vehicula lectus.

(B) Headline for Content

On a 12-column-grid layout, this content block starts off as being 3 columns, then 6 columns, then 12 columns.

placeholder

Proin eu pharetra magna. Cras lobortis velit quis enim rutrum, nec fermentum nunc sodales. Etiam sed ante dui. Quisque aliquam vestibulum neque, at interdum tortor feugiat vitae. Integer mi sem, gravida ut justo et, aliquet rhoncus magna. Donec nibh sapien, consectetur vitae laoreet fermentum, mollis at purus.

(C) Headline for Content

On a 12-column-grid layout, this content block starts off as being 3 columns, then 6 columns, then 12 columns.

placeholder

Vivamus lorem tellus, ullamcorper id sagittis et, elementum sit amet justo. Aenean tincidunt ante sed magna sodales, quis ornare neque pretium. Curabitur rhoncus non enim eu tincidunt. Morbi egestas arcu et diam consequat ultricies. Aenean dapibus turpis lacus, et adipiscing velit vulputate et.