[vc_row margin_top=»-50″ type=»1″ bg_repeat=»repeat» padding_top=»60″ padding_bottom=»60″][vc_column el_class=»text-centered»][vc_column_text]

Dial in your perfect grid portfolio.

[/vc_column_text][vc_empty_space height=»25px»][vc_column_text]

Mix and match different portfolio layouts, appearances and settings.
See example of some ideas for your portfolio below.

[/vc_column_text][/vc_column][/vc_row][vc_row margin_top=»60″ margin_bottom=»30″][vc_column width=»1/3″ offset=»vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=»38228″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-grid/1-portfolio-grid/» css=».vc_custom_1444993646727{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}»][vc_empty_space height=»40px»][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Portfolio Grid

[/vc_column_text][vc_column_text]

EXAMPLE 1

[/vc_column_text][vc_empty_space height=»25px»][vc_row_inner][vc_column_inner width=»1/2″]

  • Page layout: Full-width
  • Text position: Below images
  • Text alignment: Center
  • Text backgrounds: Enabled
  • Hover icons: Enabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Lazy loading
  • Loading effect: Fall perspective
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[vc_empty_space height=»30px»][/vc_column][/vc_row][vc_row margin_bottom=»30″ type=»1″ bg_repeat=»repeat» padding_top=»60″ padding_bottom=»30″][vc_column width=»1/3″ offset=»vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=»38231″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-grid/2-portfolio-grid/» css=».vc_custom_1444993990992{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}»][vc_empty_space height=»40px»][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Portfolio Grid

[/vc_column_text][vc_column_text]

EXAMPLE 2

[/vc_column_text][vc_empty_space height=»25px»][vc_row_inner][vc_column_inner width=»1/2″]

  • Page layout: Content-width
  • Text position: Below images
  • Text alignment: Left
  • Text backgrounds: Enabled
  • Hover icons: Enabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: Fade in
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[vc_empty_space height=»30px»][/vc_column][/vc_row][vc_row margin_top=»60″ margin_bottom=»30″][vc_column width=»1/3″ offset=»vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=»38234″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-grid/3-portfolio-grid/» css=».vc_custom_1444994420831{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}»][vc_empty_space height=»40px»][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Portfolio Grid

[/vc_column_text][vc_column_text]

EXAMPLE 3

[/vc_column_text][vc_empty_space height=»25px»][vc_row_inner][vc_column_inner width=»1/2″]

  • Page layout: Full-width
  • Sidebar: Disabled
  • Text position: On image
  • Text alignment: Center
  • Hover icons: Enabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: Scale up
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[vc_empty_space height=»30px»][/vc_column][/vc_row][vc_row margin_bottom=»30″ type=»1″ bg_repeat=»repeat» padding_top=»60″ padding_bottom=»30″][vc_column width=»1/3″ offset=»vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=»38237″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-grid/4-portfolio-grid/» css=».vc_custom_1444994827811{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}»][vc_empty_space height=»40px»][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Portfolio Grid

[/vc_column_text][vc_column_text]

EXAMPLE 4

[/vc_column_text][vc_empty_space height=»25px»][vc_row_inner][vc_column_inner width=»1/2″]

  • Page layout: Full-width
  • Text position: On image
  • Text visibility: Always visible
  • Text alignment: Left
  • Hover: Dark gradient
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Hover icons: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Lazy loading
  • Loading effect: Move up
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[vc_empty_space height=»30px»][/vc_column][/vc_row][vc_row margin_top=»60″ margin_bottom=»30″][vc_column width=»1/3″ offset=»vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=»38240″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-grid/5-portfolio-grid/» css=».vc_custom_1444995736832{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}»][vc_empty_space height=»40px»][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Portfolio Grid

[/vc_column_text][vc_column_text]

EXAMPLE 5

[/vc_column_text][vc_empty_space height=»25px»][vc_row_inner][vc_column_inner width=»1/2″]

  • Page layout: Content-width
  • Text position: On image
  • Text alignment: Center
  • Hover: Text in the bottom
  • Hover icons: Disabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination
  • Loading effect: Helix
  • Sidebar: Enabled
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[vc_empty_space height=»30px»][/vc_column][/vc_row][vc_row margin_bottom=»30″ type=»1″ bg_repeat=»repeat» padding_top=»60″ padding_bottom=»30″][vc_column width=»1/3″ offset=»vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=»38249″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-grid/6-portfolio-grid/» css=».vc_custom_1444997166046{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}»][vc_empty_space height=»40px»][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Portfolio Grid

[/vc_column_text][vc_column_text]

EXAMPLE 6

[/vc_column_text][vc_empty_space height=»25px»][vc_row_inner][vc_column_inner width=»1/2″]

  • Page layout: Content-width
  • Text position: On image
  • Text alignment: Center
  • Hover: Colored background
  • Hover animation: Scale in
  • Hover icons: Disabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: None
  • Content area: After projects
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[vc_empty_space height=»30px»][/vc_column][/vc_row][vc_row margin_top=»60″ margin_bottom=»-20″][vc_column width=»1/3″ offset=»vc_col-lg-6 vc_col-md-4 vc_col-xs-12″][vc_single_image image=»38252″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-grid/7-portfolio-grid/» css=».vc_custom_1444998034636{margin-top: 6px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #dfe2e4 !important;border-left-style: solid !important;border-right-color: #dfe2e4 !important;border-right-style: solid !important;border-top-color: #dfe2e4 !important;border-top-style: solid !important;border-bottom-color: #dfe2e4 !important;border-bottom-style: solid !important;}»][vc_empty_space height=»40px»][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-6 vc_col-md-8 vc_col-xs-12″][vc_column_text]

Portfolio Grid

[/vc_column_text][vc_column_text]

EXAMPLE 7

[/vc_column_text][vc_empty_space height=»25px»][vc_row_inner][vc_column_inner width=»1/2″]

  • Page layout: Full-width
  • Text position: Below images
  • Text alignment: Left
  • Text backgrounds: Disabled
  • Hover icons: Disabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Disabled
  • Loading mode: Load more
  • Loading effect: Scale
  • Fancy title: Enabled
[/vc_column_inner][/vc_row_inner][vc_empty_space height=»20px»]View demo page[vc_empty_space height=»30px»][/vc_column][/vc_row]