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.

Get The Code
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.

Get The Code
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.

Get The Code
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.

Get The Code
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.

Get The Code
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.

Get The Code
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.

Get The Code
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.

Get The Code
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.

Get The Code