<div class="row-fluid m-row js-demos demo-list">
  {% for post in site.demos %}
    <div class="span3 m-span3 figure-wrap js-demo">
      <a href="{{ site.baseurl }}/{{ post.slug }}">
        <figure>
          <div class="keep-ratio four-three">
            <img src="{{ site.baseurl }}/img/demos/{{ post.slug }}.webp" alt="{{ post.label }}" />
          </div>
          <figcaption>{{ post.label }}</figcaption>
        </figure>
      </a>
    </div>
  {% endfor %}
</div>
