<!– Begin Latest news –> <section class=“slide whiteSlide”>

<div class="content">
  <div class="slim-wrap">
    <h1 class="ae-1 home-headline padding-bottom-3">Latest News</h1>
    <ul class="grid masonry fixedSpaces">
      {% for post in site.posts %}
      {% unless post_count > 2 %}
      <li class="col-4-12 padding-bottom-3">
        <div class="padding-0 ae-{{ forloop.index }}">
          <div id="thumbnail-{{ forloop.index }}">
            {% if post.header_image %}
              {% assign thumbnail_url = post.header_image %}
            {% else %}
              {% assign thumbnail_url = "http://via.placeholder.com/1024x500?text=Placholder" %}
            {% endif %}
            <style type="text/css">
              #thumbnail-{{ forloop.index }} {
                background: url('{{ thumbnail_url }}') no-repeat center 0;
                background-size: cover;
                -o-background-size: cover;
                -moz-background-size: cover;
                -webkit-background-size: cover;
                height: 220px;
              }
            </style>
          </div>
          <h3 class="equalElement padding-top-2">{{ post.title }}</h3>
          <p class="tiny opacity-4 margin-bottom-3">{{ post.excerpt | strip_html | truncatewords: 15 }}</p>
          <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}" class="button blue gradient crop">Read More</a>
        </div>
      </li>
      {% endunless %}
      {% unless page.url contains "latest_news" %}
        {% assign post_count = post_count | plus: 1  %}
      {% endunless %}
      {% endfor %}

    </ul>
    <div class="padding-top-5 text-align-center center">
      <a href="/latest_news" class="button green gradient small crop margin-top-4 ae-4">+ See all the latest</a>
    </div>
  </div> 
</div>

</section> <!– .Latest news –>