[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 justified 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=»38259″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/justified-portfolio/1-portfolio-justified-grid/» css=».vc_custom_1445422605394{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 Justified 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 alignment: Center
  • Hover style: Colored background
  • Hover icons: Enabled
  • Hover animation: Reverse direction aware
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Enabled
  • Row target height: 350px
  • Loading mode: Lazy loading
  • Loading effect: None
[/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=»38263″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/justified-portfolio/2-portfolio-justified-grid/» css=».vc_custom_1445004704129{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 Justified 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 alignment: Center
  • Hover style: Colored background
  • Hover icons: Enabled
  • Hover animation: Scale in
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Categorization: Enabled
  • Sorting: Enabled
  • Row target height: 350px
  • 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=»38273″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/justified-portfolio/3-portfolio-justified-grid/» css=».vc_custom_1445005573657{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 Justified 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: Content-width
  • Text: Disabled
  • Hover icons: Disabled
  • Categorization: Enabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Sorting: Enabled
  • Row target height: 260px
  • 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=»38277″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/justified-portfolio/4-portfolio-justified-grid/» css=».vc_custom_1445006366550{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 Justified 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
  • Hover style: Animated lines
  • Hover icons: Disabled
  • Hover animation: Effect 3
  • Categorization: Enabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Sorting: Disabled
  • Row target height: 320px
  • 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=»38281″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/justified-portfolio/5-portfolio-justified-grid/» css=».vc_custom_1445007389161{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 Justified 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
  • Hover style: Text in the bottom
  • Text alignment: Left
  • Hover icons: Disabled
  • Categorization: Enabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Sorting: Enabled
  • Row target height: 300px
  • Loading mode: AJAX pagination
  • Loading effect: Fall perspective
  • 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=»38555″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/justified-portfolio/6-portfolio-justified-grid/» css=».vc_custom_1445176080031{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 Justified 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: Full-width
  • Text alignment: Center
  • Hover style: Colored background
  • Hover animation: Scale In
  • Hover icons: Disabled
  • Categorization: Disabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Sorting: Disabled
  • Row target height: 300px
  • Loading mode: AJAX pagination
  • Loading effect: Scale
  • 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=»38293″ img_size=»559×384″ alignment=»center» onclick=»custom_link» link=»http://the7.dream-demo.com/portfolio/justified-portfolio/7-portfolio-justified-grid/» css=».vc_custom_1445009257080{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 Justified 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 alignment: Center
  • Text visibility: Always visible
  • Hover style: Dark gradient
  • Hover icons: Disabled
  • Categorization: Enabled
[/vc_column_inner][vc_column_inner width=»1/2″]
  • Sorting: Disabled
  • Row target height: 280px
  • Loading mode: Load more
  • Loading effect: Scale up
  • Content area: After projects
  • 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]