templates/themes/theme/casestudies/featured_casestudy.html.twig line 1

Open in your IDE?
  1. <a class="block mb-12 img-hover" href="{{ generatePath(app.request, study.linkedPageId, { 'caseStudy_slug': study.slug }) }}">
  2.     {% if study.image5 %}
  3.         <div class="article-img">
  4.             <img class="max-w-full h-auto mb-8" src="{{ imageCache('/' ~ study.getFullImage5Path, 'zoomCrop', 1040, 720) }}" width="670" height="464" alt="{{ study.clientName }}" loading="lazy" />
  5.         </div>
  6.     {% endif %}
  7.     <div class="flex justify-between items-stretch">
  8.         {% if study.image %}
  9.         <div class="w-1/2">
  10.             <img class="h-auto max-h-[60px] w-auto max-w-full" src="{{ imageCache('/'~ study.getFullImagePath, "cropResize", 200, 200) }}" height="100" width="100" alt="{{ study.clientName }}" loading="lazy" />
  11.         </div>
  12.         {% endif %}
  13.         <div class="{% if study.image %}w-1/2 border-l border-dark pl-4 {% else %}w-full{% endif %} flex flex-col justify-center">
  14.             <p class="text-sm mb-0 text-secondary"><strong>Project</strong></p>
  15.             <h3 class="capitalize text-dark mt-0 mb-0">{{ study.projectName }}</h3>
  16.             {% if study.createdAt %}
  17.                 <p class="text-sm text-dark mb-0">{{ study.projectStartDate|date('M Y') }}</p>
  18.             {% endif %}
  19.         </div>
  20.     </div>
  21. </a>