extends template block title title GroundworkCSS ♥ block content .container .pad-left.pad-right h1.AverageSans.zero Example Layout 5 p Source re-ordering: Center column on top article.row section.two.fourths.right-one.padded .cycle-slideshow(data-cycle-fx='scrollHorz', data-cycle-pause-on-hover='true') img(src='http://placehold.it/750x400/2ecc71/ffffff/&text=Slide+1', alt='') img(src='http://placehold.it/750x400/3498db/ffffff/&text=Slide+2', alt='') img(src='http://placehold.it/750x400/9b59b6/ffffff/&text=Slide+3', alt='') img(src='http://placehold.it/750x400/f1c40f/ffffff/&text=Slide+4', alt='') hr img.pull-left.gap-right(src='http://placehold.it/250x130/34495e/ffffff/', alt='') h1 Featured Article p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Nunc vel vehicula ante. p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Nunc vel vehicula ante. aside.one.fourth.left-two.padded.border-right h1 Left Sidebar .row .one.whole.two-up-small-tablet.one-up-mobile ul.list li Unordered list item #1 li Unordered list item #2 li Unordered list item #3 li Unordered list item #4 .one.whole.two-up-small-tablet.one-up-mobile ol.list li Ordered list item #1 li Ordered list item #2 li Ordered list item #3 hr h3 Left Sidebar Image Gallery .row .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e67e22/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e67e22/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e67e22/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e67e22/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e67e22/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e67e22/ffffff/', alt='') aside.one.fourth.padded.border-left h1 Right Sidebar .row .one.whole.two-up-small-tablet.one-up-mobile ul.list li Unordered list item #1 li Unordered list item #2 li Unordered list item #3 li Unordered list item #4 .one.whole.two-up-small-tablet.one-up-mobile ol.list li Ordered list item #1 li Ordered list item #2 li Ordered list item #3 hr h3 Right Sidebar Image Gallery .row .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e74c3c/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e74c3c/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e74c3c/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e74c3c/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e74c3c/ffffff/', alt='') .one.half.three-up-small-tablet.two-up-mobile.padded.align-center img(src='http://placehold.it/120x85/e74c3c/ffffff/', alt='') article.row section.one.third.padded h3 Section Heading 3 .row .two-up-small-tablet.one-up-mobile.align-center img(src='http://placehold.it/380x200/f02475/ffffff/', alt='') .two-up-small-tablet.one-up-mobile p.padded.no-pad-mobile | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. section.one.third.padded h3 Section Heading 3 .row .two-up-small-tablet.one-up-mobile.align-center img(src='http://placehold.it/380x200/1abc9c/ffffff/', alt='') .two-up-small-tablet.one-up-mobile p.padded.no-pad-mobile | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. section.one.third.padded h3 Section Heading 3 .row .two-up-small-tablet.one-up-mobile.align-center img(src='http://placehold.it/380x200/34495e/ffffff/', alt='') .two-up-small-tablet.one-up-mobile p.padded.no-pad-mobile | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices.