  {% for tag in page.taxonomy.tag %}
  <div class="card" data-filter="{{tag}}">
  {% endfor %}
    <div class="card-header">
      {% include 'partials/blog/public.html.twig' %}
    </div>
    {% set image = page.media.images|first %}
    {% if image %}
    <div class="card-image">
      <a href="{{ page.url }}">{{ image.cropZoom(800,400).html }}</a>
    </div>
    {% endif %}
    <div class="card-body">
      <div class="card-title">
        {% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
        {% include 'partials/blog/date.html.twig' %}
      </div>
    <div class="card-summary">
      <a href="{{ page.url }}">
      {% if page.summary != page.content %}
          {{ page.summary(100)|raw }}
      {% endif %}
      </a>
    </div>
  </div>
</div>
