

<div class="content-item h-entry">

  {% if not hero_image_name %}
      <div class="content-title text-center">
          {% 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' %}
          {% include 'partials/blog/taxonomy.html.twig' %}

      </div>
  {% endif %}

  <p class="prev-next text-center">

      {% 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 %}
  </p>

  <div class="e-content">
      {{ page.content|raw }}
      {% 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>
</div>
