[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 masonry 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=»38153″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-masonry/1-portfolio-masonry/» css=».vc_custom_1444926603939{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 Masonry

[/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: Content-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: Load more
  • 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_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=»38162″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-masonry/2-portfolio-masonry/» css=».vc_custom_1444985183747{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 Masonry

[/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: Full-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: Disabled
  • Loading mode: Lazy loading
  • 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=»38192″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-masonry/3-portfolio-masonry/» css=».vc_custom_1444991226412{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 Masonry

[/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
  • Text position: On image
  • Text alignment: Left
  • Hover: Text in the bottom
  • Hover icons: Disabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Load more
  • Loading effect: Helix
[/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=»38214″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-masonry/4-portfolio-masonry/» css=».vc_custom_1444991156802{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 Masonry

[/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 alignment: Center
  • Hover: Colored background
  • Hover animation: Reverse direction aware
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Hover icons: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • 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_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=»38199″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-masonry/5-portfolio-masonry/» css=».vc_custom_1444987917471{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 Masonry

[/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
  • Hover: Animated lines
  • Hover animation: Effect 3
  • Hover icons: Disabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: Scale up
  • 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=»38208″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-masonry/6-portfolio-masonry/» css=».vc_custom_1444989394082{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 Masonry

[/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: Below image
  • Text alignment: Center
  • Text background: Disabled
  • Hover icons: Enabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Lazy loading
  • Loading effect: Move up
  • Content area: Before 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=»38211″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/portfolio-masonry/7-portfolio-masonry/» css=».vc_custom_1444990225066{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 Masonry

[/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: On image
  • Text alignment: Left
  • Hover style: Dark gradient
  • Hover icons: Enabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Lazy loading
  • Loading effect: Scale up
  • 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]