templates/includes/blocks/partnersList.html.twig line 42

Open in your IDE?
  1. <section class="border-grid relative pt-14 pb-7"
  2.   section-shade="light"
  3.   batch-wrapp>
  4.   <div>
  5.     <div
  6.       class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 border-y sm:border-0 border-gray sm:divide-x divide-y sm:divide-y-reverse divide-gray">
  8.       {% for partner in content.partners %}
  9.       {% set item = sulu_content_load(partner.id,{'title': 'title', 'image': 'image', 'description': 'description'}) %}
  11.       <div class="border-item p-8 lg:p-12 border-gray">
  12.         <div class="flex flex-col items-center text-center">
  13.           {# Image #}
  14.           <div class="flex items-center justify-center w-full" style="height: 200px">
  15.             {# Image size 570*300 with white/transparent background only #}
  16.             {% if item.content.image|length > 0 %}
  17.             {% set image = item.content.image.thumbnails['570x300-inset'] %}
  18.             <img src="{{image}}"
  19.               alt="{{item.content.title}}"
  20.               loading="lazy"
  21.               style="max-height: 200px; object-fit: contain">
  22.             {% endif %}
  23.           </div>
  25.           {# Title #}
  26.           <p class="title text-2xl mt-8">
  27.             {{item.content.title}}
  28.           </p>
  29.           {# Text #}
  30.           <p class="text-sm mt-8">
  31.             {{item.content.description}}
  32.           </p> 
  34.         </div>
  35.       </div>
  36.       
  37.       {% endfor %}
  39.     </div>
  42.     {% include "./partials/layout/pagination.html.twig" with {
  43.     'class' : 'blue mt-8 md:mt-12'
  44.     } %}
  45.  
  46.     
  47.   </div>
  49. </section>