Templates

A Beautiful Gallery

Wanna create a responsive gallery to showcase your portfolio, recent photos or images? It's quite easy thanks to Foundation and Clearing Lightbox.

You just need to choose a template like the page- or page-fullwidth-template and then use some foundation magic.

Clearing Lightbox Code

Clearing Lightbox is so flexible especially when using the block grid. For extensive documentation visit the foundation docs.

<ul class="clearing-thumbs small-block-grid-3" data-clearing>
  <li><a href="path/to/your/img"><img data-caption="caption 1" src="path/to/your/thumbnail"></a></li>
  <li><a href="path/to/your/img"><img data-caption="caption 2" src="path/to/your/thumbnail"></a></li>
  <li><a href="path/to/your/img"><img data-caption="caption 3" src="path/to/your/thumbnail"></a></li>
</ul>

Other Post Formats

DESIGN
post format

Archive