<!– 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 –>