gilles-acezat/user/themes/gilles_acezat/templates/partials/blog-item.html.twig

  {% if not hero_image_name %}
  <div class="header-item">
      <div class="title">
          {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
          {% if page.header.subtitle %}
          <h3 >{{ page.header.subtitle }}</h3>
          {% endif %}
          {% include 'partials/blog/date.html.twig' %}
          {% include 'partials/blog/category.html.twig' %}
      </div>
      <div class="tags">
        {% include 'partials/blog/taxonomy.html.twig' %}
      </div>
  {% endif %}


  <div class="content">
    <div class="txt">
      {{ page.content|raw }}
    </div>
  </div>

  <div class="prev-next">

    {% if not page.isLast %}
    <a class="btn" href="{{ page.prevSibling.url }}">

      <span class="title">{{ page.prevSibling.title }}</span>

      {% if page.prevSibling.taxonomy.category %}
      <span class="tags">
        {% for category in page.prevSibling.taxonomy.category %}
        {{ category }}
        {% endfor %}
      </span>
      {% endif %}

      <span class="blog-date">
        <time class="dt-published" datetime="{{ page.date|date("c") }}">
          {{ page.prevSibling.date|date("Y") }}
        </time>
      </span>
    </a>
    {% endif %}

    {% if not page.isFirst %}
    <a class="btn" href="{{ page.nextSibling.url }}">
      <span class="title">{{ page.nextSibling.title }}</span>

      {% if page.nextSibling.taxonomy.category %}
      <span class="tags">
        {% for category in page.nextSibling.taxonomy.category %}
        {{ category }}
        {% endfor %}
      </span>
      {% endif %}

      <span class="blog-date">
        <time class="dt-published" datetime="{{ page.date|date("c") }}">
          {{ page.nextSibling.date|date("Y") }}
        </time>
      </span>
    </a>
    {% endif %}
  </div>
</div>

  <div class="img">
  {% set image = page.media.images|first %}
  {% if image %}
  {{ image.cropZoom(800,400).html }}
  {% endif %}
</div>

  <div class="top">
    <a href="#page-wrapper">
      <img src="" alt="">
      <p>top</p>
    </a>
  </div>