Multiple Columns

Use 1-6 columns to organize content. Columns can also be nested in each other for virtually endless possibilities. Column grid based designs will always make your pages look professional.

< Go back

[fancy_header]Two Column Layout[/fancy_header]

[one_half]

Image placeholder 414 px x 70 px

Column heading

[dropcap2]1[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound.
[/one_half]

[one_half_last]

Image placeholder 414 px x 70 px

Column heading

[dropcap2]2[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound.
[/one_half_last]

[divider_top]

[fancy_header]Three Column Layout[/fancy_header]
[teaser][1/3] + [1/3 ] + [1/3][/teaser]
[one_third]

Image placeholder 256 px x 112 px

Column heading

[dropcap2]1[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound.
[/one_third]

[one_third]

Image placeholder 256 px x 112 px

Column heading

[dropcap2]2[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound.
[/one_third]

[one_third_last]

Image placeholder 256 px x 112 px

Column heading

[dropcap2]3[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound.
[/one_third_last]

[divider_top]
[fancy_header]Two Column Layout[/fancy_header]
[teaser][2/3] + [1/3 ][/teaser]
[two_third]

Column heading

[dropcap2]1[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound. This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound.

[/two_third]

[one_third_last]

Column heading

[dropcap2]2[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound.

[/one_third_last]

[divider_top]
[fancy_header]Four Column Layout[/fancy_header]
[teaser][1/4] + [1/4 ] + [1/4] + [1/4][/teaser]
[one_fourth]

Image placeholder 180px x 70px

Column heading

[dropcap2]1[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up.
[/one_fourth]

[one_fourth]

Image placeholder 180px x 70px

Column heading

[dropcap2]2[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up.
[/one_fourth]

[one_fourth]

Image placeholder 180px x 70px

Column heading

[dropcap2]3[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up.
[/one_fourth]

[one_fourth_last]

Image placeholder 180px x 70px

Column heading

[dropcap2]4[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up.
[/one_fourth_last]

[divider_top]
[fancy_header]Two Column Layout[/fancy_header]
[teaser][1/2] + [1/2 ][/teaser]
[one_half]

Column heading

[dropcap2]1[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound. More text here would fill this column up with riveting information and keep readers spell-bound.

[/one_half]

[one_half_last]

Column heading

[dropcap2]2[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound. More text here would fill this column up with riveting information and keep readers spell-bound.

[/one_half_last]

[divider_top]
[fancy_header]Six Column Layout[/fancy_header]
[teaser][1/6] + [1/6] + [1/6] + [1/6] + [1/6] + [1/6][/teaser]
[one_sixth]
Image placeholder 120px x 40px

Heading 1

Some content fills this column.
[/one_sixth]

[one_sixth]
Image placeholder 120px x 40px

Heading 2

Some content fills this column.
[/one_sixth]

[one_sixth]
Image placeholder 120px x 40px

Heading 3

Some content fills this column.
[/one_sixth]

[one_sixth]
Image placeholder 120px x 40px

Heading 4

Some content fills this column.
[/one_sixth]

[one_sixth]
Image placeholder 120px x 40px

Heading 5

Some content fills this column.
[/one_sixth]

[one_sixth_last]
Image placeholder 120px x 40px

Heading 6

Some content fills this column.
[/one_sixth_last]

[divider_top]
[fancy_header]Complex Column Layout[/fancy_header]
[teaser]You can divide the page in 2, 3, 4, 5 or 6 columns and subdivide each one in sub-columns.[/teaser]
[one_fourth]

Image placeholder 180px x 70px

Column heading

[dropcap2]1[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound.

[one_half]

Image placeholder 75 px x 75 px
Text here.

Image placeholder 75 px x 75 px
Text here.

Image placeholder 75 px x 75 px
Text here.
[/one_half]

[one_half_last]

Image placeholder 75 px x 75 px
Text here.

Image placeholder 75 px x 75 px
Text here.

Image placeholder 75 px x 75 px
Text here.
[/one_half_last]

[/one_fourth]

[three_fourth_last]

Column heading

[dropcap2]2[/dropcap2]This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound. More text here would fill this column up with riveting information and keep readers spell-bound.

This text column uses a drop-cap to show the large number at left. More text here would fill this column up with riveting information and keep readers spell-bound. More text here would fill this column up with riveting information and keep readers spell-bound.

[one_third]
Image placeholder 180px x 70px

Column heading

[dropcap2]1[/dropcap2] More text here would fill this column up with riveting information and keep readers spell-bound.

More text here would fill this column up with riveting information and keep readers spell-bound.

[/one_third]

[one_third]
Image placeholder 180px x 70px

Column heading

[dropcap2]2[/dropcap2] More text here would fill this column up with riveting information and keep readers spell-bound.

More text here would fill this column up with riveting information and keep readers spell-bound.

[/one_third]

[one_third_last]
Image placeholder 180px x 70px

Column heading

[dropcap2]3[/dropcap2] More text here would fill this column up with riveting information and keep readers spell-bound.

More text here would fill this column up with riveting information and keep readers spell-bound.

[/one_third_last]

[one_fourth]
Image placeholder 120px x 40px

Column heading

[dropcap2]1[/dropcap2] More text here would fill this column up with riveting information and keep readers spell-bound.
[/one_fourth]

[one_fourth]
Image placeholder 120px x 40px

Column heading

[dropcap2]2[/dropcap2] More text here would fill this column up with riveting information and keep readers spell-bound.
[/one_fourth]

[one_fourth]
Image placeholder 120px x 40px

Column heading

[dropcap2]3[/dropcap2] More text here would fill this column up with riveting information and keep readers spell-bound.
[/one_fourth]

[one_fourth_last]
Image placeholder 120px x 40px

Column heading

[dropcap2]4[/dropcap2] More text here would fill this column up with riveting information and keep readers spell-bound.
[/one_fourth_last]

[/three_fourth_last]

[divider_top]

< Go back