view docs
Column Layouts
With our column shortcodes it is possible to create any type of layout. You can choose between six columns or create your own layout by using a combination of the columns. Of course it’s possible to nest shortcodes inside eachother!
one half
1Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Suspendisse quam sem, consequat. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.
one half
2Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Suspendisse quam sem, consequat. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.
[one_half]
<h5>one half</h5>
<p>[dropcap2]1[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.</p>
[/one_half]
[one_half_last]
<h5>one half</h5>
<p>[dropcap2]2[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.</p>
[/one_half_last]
one third
1Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.
one third
2Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.
one third
3Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.
[one_third]
<h5>one third</h5>
<p>[dropcap2]1[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.</p>
[/one_third]
[one_third]
<h5>one third</h5>
<p>[dropcap2]2[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.</p>
[/one_third]
[one_third_last]
<h5>one third</h5>
<p>[dropcap2]3[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.</p>
[/one_third_last]
Two Third
1Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus. Mauris a ante.
One Third
2Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
[two_third]
<h5>two third</h5>
<p>[dropcap2]1[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus. Mauris a ante.</p>
[/two_third]
[one_third_last]
<h5>one third</h5>
<p>[dropcap2]2[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. </p>
[/one_third_last]
one fourth
1Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.
one fourth
2Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.
one fourth
3Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.
one fourth
4Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.
[one_fourth]
<h5>one fourth</h5>
<p>[dropcap2]1[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.</p>
[/one_fourth]
[one_fourth]
<h5>one fourth</h5>
<p>[dropcap2]2[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.</p>
[/one_fourth]
[one_fourth]
<h5>one fourth</h5>
<p>[dropcap2]3[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.</p>
[/one_fourth]
[one_fourth_last]
<h5>one fourth</h5>
<p>[dropcap2]4[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.</p>
[/one_fourth_last]
one fourth
1Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem.
three fourth
2Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Suspendisse quam sem, consequat. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.
[one_fourth]
<h5>one fourth</h5>
<p>[dropcap2]1[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem.</p>
[/one_fourth]
[three_fourth_last]
<h5>three fourth</h5>
<p>[dropcap2]2[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.</p>
[/three_fourth_last]
One Fifth
1Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
One Fifth
2Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
One Fifth
3Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
One Fifth
4Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
One Fifth
5Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
[one_fifth]
<h5>One Fifth</h5>
<p>[dropcap2]1[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_fifth]
[one_fifth]
<h5>One Fifth</h5>
<p>[dropcap2]2[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_fifth]
[one_fifth]
<h5>One Fifth</h5>
<p>[dropcap2]3[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_fifth]
[one_fifth]
<h5>One Fifth</h5>
<p>[dropcap2]4[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_fifth]
[one_fifth_last]
<h5>One Fifth</h5>
<p>[dropcap2]5[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_fifth_last]
two fifth
1Donec sed tellus eget sapien fringilla nonummy. Suspendisse sem, consequat at, commodo vitae. feugiat in, nunc. Morbi imperdiet augue quis tellus.
three fifth
3Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Suspendisse quam sem, consequat at.
[two_fifth]
<h5>two fifth</h5>
<p>[dropcap2]1[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Suspendisse sem, consequat at, commodo vitae. feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
[/two_fifth]
[three_fifth_last]
<h5>three fifth</h5>
<p>[dropcap2]3[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Suspendisse quam sem, consequat at.</p>
[/three_fifth_last]
One Sixth
1Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
One Sixth
2Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
One Sixth
3Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
One Sixth
4Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
One Sixth
5Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
One Sixth
6Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.
[one_sixth]
<h5>One Sixth</h5>
<p>[dropcap2]1[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_sixth]
[one_sixth]
<h5>One Sixth</h5>
<p>[dropcap2]2[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_sixth]
[one_sixth]
<h5>One Sixth</h5>
<p>[dropcap2]3[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_sixth]
[one_sixth]
<h5>One Sixth</h5>
<p>[dropcap2]4[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_sixth]
[one_sixth]
<h5>One Sixth</h5>
<p>[dropcap2]5[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_sixth]
[one_sixth_last]
<h5>One Sixth</h5>
<p>[dropcap2]6[/dropcap2]Donec sed tellus in eget sapien en fringilla nonummy. Lorem ipsum sit amet. Quisque aliquam.</p>
[/one_sixth_last]
One Sixth
1Donec sed tellus eget sapien en fringilla.
Five Sixth
2Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.
[one_sixth]
<h5>One Sixth</h5>
<p>[dropcap2]1[/dropcap2]Donec sed tellus eget sapien en fringilla.</p>
[/one_sixth]
[five_sixth_last]
<h5>Five Sixth</h5>
<p>[dropcap2]2[/dropcap2]Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Morbi imperdiet augue quis tellus.
Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.
Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.</p>
[/five_sixth_last]
