Portfolio justified grid

Dial in your perfect justified grid portfolio.

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

portf-browser-the7-3-justgrid-01
Portfolio Justified Grid

EXAMPLE 1

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text alignment: Center
  • Hover style: Colored background
  • Hover icons: Enabled
  • Hover animation: Reverse direction aware

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Enabled
  • Row target height: 350px
  • Loading mode: Lazy loading
  • Loading effect: None

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/justified-portfolio/1-portfolio-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
portf-browser-the7-3-justgrid-02
Portfolio Justified Grid

EXAMPLE 2

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Text alignment: Center
  • Hover style: Colored background
  • Hover icons: Enabled
  • Hover animation: Scale in

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Enabled
  • Row target height: 350px
  • Loading mode: Lazy loading
  • Loading effect: Move up

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/justified-portfolio/2-portfolio-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
portf-browser-the7-3-justgrid-03
Portfolio Justified Grid

EXAMPLE 3

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Text: Disabled
  • Hover icons: Disabled
  • Categorization: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Sorting: Enabled
  • Row target height: 260px
  • Loading mode: Load more
  • Loading effect: Helix

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/justified-portfolio/3-portfolio-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
portf-browser-the7-3-justgrid-04
Portfolio Justified Grid

EXAMPLE 4

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Hover style: Animated lines
  • Hover icons: Disabled
  • Hover animation: Effect 3
  • Categorization: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Sorting: Disabled
  • Row target height: 320px
  • Loading mode: Lazy loading
  • Loading effect: Fade in

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/justified-portfolio/4-portfolio-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
portf-browser-the7-3-justgrid-05
Portfolio Justified Grid

EXAMPLE 5

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Hover style: Text in the bottom
  • Text alignment: Left
  • Hover icons: Disabled
  • Categorization: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Sorting: Enabled
  • Row target height: 300px
  • Loading mode: AJAX pagination
  • Loading effect: Fall perspective
  • Sidebar: Enabled

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/justified-portfolio/5-portfolio-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
portf-browser-the7-3-justgrid-06
Portfolio Justified Grid

EXAMPLE 6

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text alignment: Center
  • Hover style: Colored background
  • Hover animation: Scale In
  • Hover icons: Disabled
  • Categorization: Disabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Sorting: Disabled
  • Row target height: 300px
  • Loading mode: AJAX pagination
  • Loading effect: Scale
  • Content area: Before projects

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/justified-portfolio/6-portfolio-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
portf-browser-the7-3-justgrid-07
Portfolio Justified Grid

EXAMPLE 7

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text alignment: Center
  • Text visibility: Always visible
  • Hover style: Dark gradient
  • Hover icons: Disabled
  • Categorization: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Sorting: Disabled
  • Row target height: 280px
  • Loading mode: Load more
  • Loading effect: Scale up
  • Content area: After projects
  • Fancy title: Enabled

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/justified-portfolio/7-portfolio-justified-grid/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]