Grid layouts to showcase your work
Portfolio sections are grid layouts that focus on imagery and alignment.
Each of our templates comes with several portfolio sections:
A simple two column grid that includes images, headings, and prices. This is a variation best suited for ecommerce.
On mobile, the columns go full width and stack. But you can easily change that by adding a mobile column helper class next to the "column" in <th class="column ..."> (see mobile column modifiers).
Example
An image grid with different sizes, great for showing off a portfolio, or even shop products.
On mobile, the columns go full width and stack.
Example
Similar in concept to the previous section, but a little less complex.
It includes a header that goes inline with a hamburger menu, which you can use as a 'project filter' by linking menu items to different pages on your site. On mobile, the columns go full width and stack.
Example
A simple two column, multiple row grid, that includes images and headings.
On mobile, the columns go full width and stack.
Example
The Logo Grid is a multi-column grid layout, ideal for showing off partner or sponsor logos.
On mobile, the logo columns go full width and stack.
Example
You can easily change the looks of a portfolio section by changing its background, text, spacing, and images.