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

  • Page layout: Full-width
  • Text position: Below images
  • Text alignment: Center
  • Text backgrounds: Enabled
  • Hover icons: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Lazy loading
  • Loading effect: Fall perspective
View demo page
portf-browser-the7-3-grid-02
Portfolio Grid

EXAMPLE 2

  • Page layout: Content-width
  • Text position: Below images
  • Text alignment: Left
  • Text backgrounds: Enabled
  • Hover icons: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: Fade in
View demo page
portf-browser-the7-3-grid-03
Portfolio Grid

EXAMPLE 3

  • Page layout: Full-width
  • Sidebar: Disabled
  • Text position: On image
  • Text alignment: Center
  • Hover icons: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: Scale up
View demo page
portf-browser-the7-3-grid-04
Portfolio Grid

EXAMPLE 4

  • Page layout: Full-width
  • Text position: On image
  • Text visibility: Always visible
  • Text alignment: Left
  • Hover: Dark gradient
  • Hover icons: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Lazy loading
  • Loading effect: Move up
View demo page
portf-browser-the7-3-grid-05
Portfolio Grid

EXAMPLE 5

  • Page layout: Content-width
  • Text position: On image
  • Text alignment: Center
  • Hover: Text in the bottom
  • Hover icons: Disabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination
  • Loading effect: Helix
  • Sidebar: Enabled
View demo page
portf-browser-the7-3-grid-06
Portfolio Grid

EXAMPLE 6

  • Page layout: Content-width
  • Text position: On image
  • Text alignment: Center
  • Hover: Colored background
  • Hover animation: Scale in
  • Hover icons: Disabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination
  • Loading effect: None
  • Content area: After projects
View demo page
portf-browser-the7-3-grid-07
Portfolio Grid

EXAMPLE 7

  • Page layout: Full-width
  • Text position: Below images
  • Text alignment: Left
  • Text backgrounds: Disabled
  • Hover icons: Disabled
  • Categorization: Enabled
  • Sorting: Disabled
  • Loading mode: Load more
  • Loading effect: Scale
  • Fancy title: Enabled
View demo page