Grid Layouts

[vc_row full_width=”stretch_row” css=”.vc_custom_1449436029440{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #3171ac !important;}”][vc_column width=”1/6″][vc_single_image image=”90″ img_size=”full” alignment=”center”][/vc_column][vc_column width=”1/6″][/vc_column][vc_column width=”3/6″][vc_column_text]

Grid Layouts

The ability to arrange content into multiple grid sizes offers a web designer a lot of flexibility in creating the right space for content.

As you can see my the examples below the page may be divided up into several different layouts and in each of these sections we can add many of the content elements you’ll find on that page.[/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row css=”.vc_custom_1449432134886{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column][vc_column_text]

Full Width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.

Integer orci lacus, maximus vel lacus semper, ultrices volutpat purus. Praesent finibus imperdiet mi, in congue metus luctus non. Praesent id euismod tortor, ut pharetra nisi. Sed sed placerat nulla. Morbi in erat quis tortor luctus semper. Phasellus euismod vestibulum lorem eget feugiat. Aenean suscipit urna sed elementum maximus. Morbi nec ornare erat, sit amet vulputate ante. Aliquam bibendum est quis libero tempor, quis feugiat massa suscipit.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1449432719897{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #fafafa !important;}”][vc_column width=”1/2″][vc_column_text]

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1449432134886{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column width=”2/3″][vc_column_text]

3/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.

Integer orci lacus, maximus vel lacus semper, ultrices volutpat purus. Praesent finibus imperdiet mi, in congue metus luctus non. Praesent id euismod tortor, ut pharetra nisi. Sed sed placerat nulla. Morbi in erat quis tortor luctus semper. Phasellus euismod vestibulum lorem eget feugiat. Aenean suscipit urna sed elementum maximus. Morbi nec ornare erat, sit amet vulputate ante. Aliquam bibendum est quis libero tempor, quis feugiat massa suscipit.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1449432733032{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #fafafa !important;}”][vc_column width=”1/3″][vc_column_text]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1449432134886{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1449432746189{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #fafafa !important;}”][vc_column width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_column_text]

3/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.

Integer orci lacus, maximus vel lacus semper, ultrices volutpat purus. Praesent finibus imperdiet mi, in congue metus luctus non. Praesent id euismod tortor, ut pharetra nisi. Sed sed placerat nulla. Morbi in erat quis tortor luctus semper. Phasellus euismod vestibulum lorem eget feugiat. Aenean suscipit urna sed elementum maximus. Morbi nec ornare erat, sit amet vulputate ante. Aliquam bibendum est quis libero tempor, quis feugiat massa suscipit.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1449432134886{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.

Integer orci lacus, maximus vel lacus semper, ultrices volutpat purus. Praesent finibus imperdiet mi, in congue metus luctus non. Praesent id euismod tortor, ut pharetra nisi. Sed sed placerat nulla. Morbi in erat quis tortor luctus semper. Phasellus euismod vestibulum lorem eget feugiat. Aenean suscipit urna sed elementum maximus. Morbi nec ornare erat, sit amet vulputate ante. Aliquam bibendum est quis libero tempor, quis feugiat massa suscipit.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1449432757009{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #fafafa !important;}”][vc_column width=”5/6″][vc_column_text]

5/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.

Integer orci lacus, maximus vel lacus semper, ultrices volutpat purus. Praesent finibus imperdiet mi, in congue metus luctus non. Praesent id euismod tortor, ut pharetra nisi. Sed sed placerat nulla. Morbi in erat quis tortor luctus semper. Phasellus euismod vestibulum lorem eget feugiat. Aenean suscipit urna sed elementum maximus. Morbi nec ornare erat, sit amet vulputate ante. Aliquam bibendum est quis libero tempor, quis feugiat massa suscipit.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1449432134886{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1449432769566{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #fafafa !important;}”][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1449432134886{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_column_text]

2/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien. Sed lorem ex, tristique ut odio vitae, imperdiet vehicula ante.

Nam varius nisi laoreet, egestas ex sit amet, fermentum libero. Nulla porta ante a mauris bibendum blandit. Curabitur luctus rhoncus urna, varius consectetur erat consectetur vel. Etiam eu quam dapibus, consectetur mi ac, elementum ex.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed est enim, bibendum in quam in, elementum lacinia sapien.[/vc_column_text][/vc_column][/vc_row]