Grid System

[vc_row][vc_column][volcanno_heading heading_style=”custom-heading-02″ title=”Boxed Grid” subtitle=”GRID SYSTEM”][/vc_column][/vc_row][vc_row css=”.vc_custom_1483001022189{margin-bottom: 30px !important;}”][vc_column][vc_column_text css=”.vc_custom_1482500425078{padding-top: 60px !important;}”]

Full Column

ConsultingPress uses Visual Composer Page Builder with advanced grid system. You can use boxed grid stystem with wide range of column options or full grid system. This is an example of full width column.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1483001030124{margin-bottom: 30px !important;}”][vc_column width=”1/2″][vc_column_text]

1/2

ConsultingPress uses Visual Composer Page Builder with advanced grid system. You can use boxed grid stystem with wide range of column options or full grid system. This is an example of one half width column.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]

1/2

ConsultingPress uses Visual Composer Page Builder with advanced grid system. You can use boxed grid stystem with wide range of column options or full grid system. This is an example of one half width column.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1483001037753{margin-bottom: 30px !important;}”][vc_column width=”1/3″][vc_column_text]

1/3

This is example of one-third column. Class used for this column size is col-md-4. So three md-4 columns can fit in one row.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]

1/3

This is example of one-third column. Class used for this column size is col-md-4. So three md-4 columns can fit in one row.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]

1/3

This is example of one-third column. Class used for this column size is col-md-4. So three md-4 columns can fit in one row.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1483001044069{margin-bottom: 30px !important;}”][vc_column width=”1/4″][vc_column_text]

1/4

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text]

1/4

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text]

1/4

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text]

1/4

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1483001052840{margin-bottom: 30px !important;}”][vc_column width=”2/3″][vc_column_text]

2/3

This is example of combinations of columns. For example here we have one 1/3 column and one 2/3 column. You can arrange them as you like.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]

1/3

This is example of combinations of columns. For example here we have one 1/3 column and one 2/3 column. You can arrange them as you like.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

1/4

This is example of combinations of columns. For example here we have one 3/4 column and one 1/4 column. You can arrange them as you like.[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_column_text]

3/4

This is example of combinations of columns. For example here we have one 3/4 column and one 1/4 column. You can arrange them as you like.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][volcanno_heading heading_style=”custom-heading-02″ title=”Full Width Grid” subtitle=”GRID SYSTEM”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” css=”.vc_custom_1483001286464{margin-bottom: 0px !important;}”][vc_column css=”.vc_custom_1482499168381{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482500672137{padding-top: 60px !important;border-radius: 1px !important;}”]

Full Column

ConsultingPress uses Visual Composer Page Builder with advanced grid system. You can use boxed grid stystem with wide range of column options or full grid system. This is an example of full width column.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” css=”.vc_custom_1482500217659{margin-bottom: 0px !important;}”][vc_column width=”1/2″ css=”.vc_custom_1482499228763{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482500885590{padding-top: 60px !important;}”]

1/2

This is example of one-half column. Class used for this column size is col-md-6. So two md-6 columns can fit in one row.[/vc_column_text][/vc_column][vc_column width=”1/2″ css=”.vc_custom_1482499449521{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482500885590{padding-top: 60px !important;}”]

1/2

This is example of one-half column. Class used for this column size is col-md-6. So two md-6 columns can fit in one row.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” css=”.vc_custom_1482500273870{margin-bottom: 0px !important;}”][vc_column width=”1/3″ css=”.vc_custom_1482499475458{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482501474636{padding-top: 60px !important;}”]

1/3

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482499966018{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482501474636{padding-top: 60px !important;}”]

1/3

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1482501474636{padding-top: 60px !important;}”]

1/3

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” css=”.vc_custom_1482500280381{margin-bottom: 0px !important;}”][vc_column width=”1/4″ css=”.vc_custom_1482499983939{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482501570227{padding-top: 60px !important;}”]

1/4

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.

[/vc_column_text][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1482499997616{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482501570227{padding-top: 60px !important;}”]

1/4

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.

[/vc_column_text][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1482500054412{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482501570227{padding-top: 60px !important;}”]

1/4

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.

[/vc_column_text][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1482500050020{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482501570227{padding-top: 60px !important;}”]

1/4

This is example of one-fourth column. Class used for this column size is col-md-3. So four md-3 columns can fit in one row.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” css=”.vc_custom_1483001444184{margin-bottom: 0px !important;}”][vc_column width=”1/3″ css=”.vc_custom_1482500036836{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482500962833{padding-top: 60px !important;}”]

1/3

This is example of combinations of columns. For example here we have one 1/3 column and one 2/3 column. You can arrange them as you like.[/vc_column_text][/vc_column][vc_column width=”2/3″ css=”.vc_custom_1482500024216{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482500955803{padding-top: 60px !important;}”]

2/3

This is example of combinations of columns. For example here we have one 1/3 column and one 2/3 column. You can arrange them as you like. This is example where 1/3 column is one the first place and 2/3 column on second place in a row.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content”][vc_column width=”3/4″ css=”.vc_custom_1482500069664{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482500980011{padding-top: 60px !important;}”]

3/4

This is example of combinations of columns. For example here we have one 3/4 column and one 1/4 column. You can arrange them as you like. This is example where we have 3/4 columns on the first place and 1/4 column on second place in a row. You can switch it’s places, so first column will be 3/4 and second column will be 1/4. You can use any combination of columns in a row. The main thing is to be careful that sum of numbers of it’s classes is twelve. For example col-md-9 class means 9/12, that is 3/4. So the remaining colum that goes in that row is “col-md-3”, which means 3/12, that is 1/4.

[/vc_column_text][/vc_column][vc_column width=”1/4″ css=”.vc_custom_1482500084548{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 60px !important;border-left-color: #eeeeee !important;border-left-style: solid !important;border-right-color: #eeeeee !important;border-right-style: solid !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}”][vc_column_text css=”.vc_custom_1482501620277{padding-top: 60px !important;}”]

1/4

This is example of combinations of columns. For example here we have one 3/4 column and one 1/4 column. You can arrange them as you like.

[/vc_column_text][/vc_column][/vc_row]