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

Two Column Layout

Image placeholder 414 px x 70 px

Column heading

1This 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.

Image placeholder 414 px x 70 px

Column heading

2This 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.

Three Column Layout

[1/3] + [1/3 ] + [1/3]

Image placeholder 256 px x 112 px

Column heading

1This 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.

Image placeholder 256 px x 112 px

Column heading

2This 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.

Image placeholder 256 px x 112 px

Column heading

3This 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 Column Layout

[2/3] + [1/3 ]

Column heading

1This 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.

Column heading

2This 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.

Four Column Layout

[1/4] + [1/4 ] + [1/4] + [1/4]

Image placeholder 180px x 70px

Column heading

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

Image placeholder 180px x 70px

Column heading

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

Image placeholder 180px x 70px

Column heading

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

Image placeholder 180px x 70px

Column heading

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

Two Column Layout

[1/2] + [1/2 ]

Column heading

1This 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.

Column heading

2This 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.

Six Column Layout

[1/6] + [1/6] + [1/6] + [1/6] + [1/6] + [1/6]

Image placeholder 120px x 40px

Heading 1

Some content fills this column.

Image placeholder 120px x 40px

Heading 2

Some content fills this column.

Image placeholder 120px x 40px

Heading 3

Some content fills this column.

Image placeholder 120px x 40px

Heading 4

Some content fills this column.

Image placeholder 120px x 40px

Heading 5

Some content fills this column.

Image placeholder 120px x 40px

Heading 6

Some content fills this column.

Complex Column Layout

You can divide the page in 2, 3, 4, 5 or 6 columns and subdivide each one in sub-columns.

Image placeholder 180px x 70px

Column heading

1This 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.

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.

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.

Column heading

2This 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.

Image placeholder 180px x 70px

Column heading

1 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.

Image placeholder 180px x 70px

Column heading

2 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.

Image placeholder 180px x 70px

Column heading

3 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.

Image placeholder 120px x 40px

Column heading

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

Image placeholder 120px x 40px

Column heading

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

Image placeholder 120px x 40px

Column heading

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

Image placeholder 120px x 40px

Column heading

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

< Go back

Ready to make an impact online? Let us show you how we can help you succeed. Contact us for a free consultation!