layout: default


<header class=“vertical-center post-header”{% if page.image %} style=“background-image: url({{ page.image }});”{% endif %}>

<div class="small-container no-side-padding">
  <h2>{{ page.title }}</h2>
  <p>
    <i data-icon="ei-calendar" data-size="s"></i>{{ page.date | date: '%B %d, %Y' }}
    <i data-icon="ei-user" data-size="s"></i>{{ page.author | default: site.author }}
  </p>
</div>

</header>

<article class=“small-container overlap post-content”>

{{ content }}
{% include form-box.html %}

</article>

<section class=“after-post”>

  <h3 class="text-center">Related posts</h3>

<div class="posts">
  <div class="container">

    {% assign related = site.related_posts %}
    {% for item in related | limit: 3 %}
      <article class="cell">
        <a href="{{ item.url }}">
          <img class="thumbnail-image" src=" {{ item.image | default: "/assets/thumbnail.svg" }}" alt="{{ item.title }}">
        </a>
        <div class="container">
          <h5><a class="title-link" href="{{ item.url }}">{{ item.title }}</a></h5>
        </div>
      </article>
    {% endfor %}

  </div>
</div>

</section>