{% extends "_layout/main" %}
 
 {% block main %}
 

 
   <!-- section start -->
   <section class="layout-pt-xl layout-pb-md">
     <!-- container start -->
     <div class="container">
       <!-- row start -->
       
       
       <div class="fancy-grid -col-2">
   
         {% for postEntry in craft.entries.section('newsPosts').all() %} 
            <div class="fancy-grid__item">
              <a data-cursor-icon="arrow-right" data-anim="slide-up delay-2" class="portfolioCard -type-1 -hover" data-barba href="{{ postEntry.url }}">
                <div class="portfolioCard__img">
                  <div class="portfolioCard__img__inner">
                     {% set image = postEntry.featuredImage.inReverse().one() %}
                     {% if image %}
                        <div class="ratio ratio-3:4 bg-image js-lazy" data-bg="{{ image.getUrl('featuredImage') }}"></div>
                     {% endif %}
                  </div>
                </div>
      
                <div class="portfolioCard__content mt-20">
                  <p class="portfolioCard__category overflow-hidden text-dark mb-8">
                    {{ postEntry.headline }}
                  </p>
      
                  <h3 class="portfolioCard__title overflow-hidden text-2xl fw-600">
                    {{ postEntry.title }}
                  </h3>
                </div>
              </a>
            </div>
         {% endfor %}  
       </div>
       <!-- row end -->
     </div>
     <!-- container end -->
   </section>
   <!-- section end -->
   
   
      

{% endblock %}