lamine_wp/web/app/themes/la_mine/templates/components/thumbnails/thumbnails.twig

{% set cat = item.categories|last %}

<div class="item thumbnails col-12 col-sm-6 col-lg-4 mb-5 {{cat.slug}}">
  <a href="{{site.url}}/{{item.post_name}}">

    <div class="__images">
    <div class="icone_cat {{cat.slug}}">

    </div>
      <div class="__img">
        <img src="{{ Image(item.image_event).src|resize(500, 500) }}" >
      </div>
    </div>

    <div class="wrap__content_proch">
      <div class="__title"><h5>{{item.titre}}</h5></div>
      <div class="__content">
        <div class="__date">
          <div class="__day">
            {% set start = item.debut_event|date("Ydj") %}
            {% set end = item.fin_event|date("Ydj") %}

            {% if start == end %}
              <span class="start">
                Le <time>{{item.debut_event|date("j F Y") }}</time>
                de <time>{{item.debut_event|date("G:i")}}</time>
              </span>
              <span class="end">
                à <time>{{item.fin_event|date("G:i")}}</time>
              </span>

            {% else %}

              <span class="start">
                Du <time>{{item.debut_event|date("j F Y") }}</time>
                à <time>{{item.debut_event|date("G:i")}}</time>
              </span>
              <span class="end">
                <br>Au <time>{{item.fin_event|date("j F Y") }}</time>
                à <time>{{item.fin_event|date("G:i")}}</time></br>
              </span>

            {% endif %}
          </div>
        </div>
        <div class="lieu">{{item.lieu}}</div>
      </div>
    </div>
  </a>
</div>