description = "News Items"

[viewBag]
==
{% set posts = postList %}
{% if posts is empty %}
  <h1 class="block-title text-center">No posts yet.</h1>
{% else %}
<div class="col-sm-12 col-xs-12 noP">
  <div class="flex-con-stretch">
    {% for latest in posts %}
      <div class="col-sm-4 col-xs-6 home-news-base hover-base trans wow fadeIn" data-wow-delay="{{loop.index / 3}}s">
        <a href="{{url('/article/'~latest.slug)}}">
          <div class="home-news-con hover-base card-shadow">
            <div class="home-news-image bg-img hover-zoom" style="{% if latest.featured_images.count %}background-image: url('{{latest.featured_images[0].path}}'){% else %}background-image: url({{'assets/img/mecha-grayscale.png'|theme}}); background-size: 200px; background-color: white;{% endif %}"></div>
            <div class="home-news-det">
              <h6 class="service-category-title">{{latest.title}}</h6>
              <p class="published-label">Published on <span>{{latest.published_at|date('M d, Y')}}</span></p>
            </div>
          </div>
        </a>
      </div>
    {% endfor %}
  </div>
</div>
{% endif %}