zurb-foundation-5/doc/includes/kitchen/examples_kitchen_clearing.html

Foundation 5 for npm (no code modification from original repo)

<div>
  <ul class="clearing-thumbs" data-clearing>
    <li><a class="th" href="{{assets}}/img/examples/comet.jpg"><img data-caption="Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum." src="{{assets}}/img/examples/comet-th-sm.jpg"></a></li>

    <li><a class="th" href="{{assets}}/img/examples/earth.jpg"><img src="{{assets}}/img/examples/earth-th-sm.jpg"></a></li>

    <li><a class="th" href="{{assets}}/img/examples/launch.jpg"><img data-caption="Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus." src="{{assets}}/img/examples/launch-th-sm.jpg"></a></li>

    <li><a class="th" href="{{assets}}/img/examples/satelite.jpg"><img src="{{assets}}/img/examples/satelite-th-sm.jpg"></a></li>
    
    <li><a class="th" href="{{assets}}/img/examples/space.jpg"><img data-caption="Integer posuere erat a ante venenatis dapibus posuere velit aliquet." src="{{assets}}/img/examples/space-th-sm.jpg"></a></li>
  </ul>
</div>