Symbolsense

Meet Your Dream Logo Design

Home Portfolio grid

Dial in your perfect grid portfolio.

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

portf-browser-the7-3-grid-01
Portfolio Grid

EXAMPLE 1

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text position: Below images
  • Text alignment: Center
  • Text backgrounds: Enabled
  • Hover icons: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Lazy loading
  • Loading effect: Fall perspective

[/dt_vc_list]

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

EXAMPLE 2

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Text position: Below images
  • Text alignment: Left
  • Text backgrounds: Enabled
  • Hover icons: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: Fade in

[/dt_vc_list]

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

EXAMPLE 3

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Sidebar: Disabled
  • Text position: On image
  • Text alignment: Center
  • Hover icons: Enabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: Scale up

[/dt_vc_list]

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

EXAMPLE 4

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text position: On image
  • Text visibility: Always visible
  • Text alignment: Left
  • Hover: Dark gradient

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover icons: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Lazy loading
  • Loading effect: Move up

[/dt_vc_list]

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

EXAMPLE 5

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Text position: On image
  • Text alignment: Center
  • Hover: Text in the bottom
  • Hover icons: Disabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination
  • Loading effect: Helix
  • Sidebar: Enabled

[/dt_vc_list]

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

EXAMPLE 6

[dt_vc_list dividers=”false”]

  • Page layout: Content-width
  • Text position: On image
  • Text alignment: Center
  • Hover: Colored background
  • Hover animation: Scale in
  • Hover icons: Disabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: None
  • Content area: After projects

[/dt_vc_list]

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

EXAMPLE 7

[dt_vc_list dividers=”false”]

  • Page layout: Full-width
  • Text position: Below images
  • Text alignment: Left
  • Text backgrounds: Disabled
  • Hover icons: Disabled

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Categorization: Enabled
  • Sorting: Disabled
  • Loading mode: Load more
  • Loading effect: Scale
  • Fancy title: Enabled

[/dt_vc_list]

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