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

Open in your IDE?
  3. <div class="banner-block-study pb-6 lazyBackgroundImage" data-mobile="{{ imageCache('/' ~ study.getFullImagePath, 'zoomCrop', 900, 405) }}" data-desktop="{{ imageCache('/' ~ study.getFullImagePath, 'zoomCrop', 3200, 1440) }}">
  4.     <div class="container h-full">
  5.         <div class="flex items-end h-full">
  6.             <h1>Case Study</h1>
  7.         </div>
  8.     </div>
  9. </div>
  11. <div class="container my-12">
  12.     <div class="row">
  13.     <div class="lg:col-3">
  15.         <div class="lg:sticky lg:top-36 lg:z-20">
  16.             <hr />
  17.             {% if study.client %}
  18.             <div class="mb-6">
  19.                 <h3 class="text-primary mb-2">Client</h3>
  20.                 <img class="max-w-[75%] max-h-[70px] h-auto" src="{{ imageCache('/' ~ study.client.getFullImagePath, 'cropResize', 760, 380) }}" />
  21.             </div>
  22.             {% endif %}
  24.             {% if study.location %}
  25.             <div class="mb-6">
  26.                 <h3 class="text-primary mb-0">Location</h3>
  27.                 <p>{{ study.location }}</p>
  28.             </div>
  29.             {% endif %}
  31.             {% if study.duration %}
  32.             <div class="mb-6">
  33.                 <h3 class="text-primary mb-0">Project Duration</h3>
  34.                 <p>{{ study.duration }}</p>
  35.             </div>
  36.             {% endif %}
  38.             {% if study.scope %}
  39.             <div class="mb-6">
  40.                 <h3 class="text-primary mb-0">Scope</h5>
  41.                 <p>{{ study.scope }}</p>
  42.             </div>
  43.             {% endif %}
  44.         </div>
  45.     </div>
  47.     <div class="lg:col-9 casestudy-cms">
  48.         <h1>{{ study.title }}</h1>
  49.         {{ study.content|raw }}
  50.         {% if study.image2 %}
  51.         <img class="max-w-full h-auto mt-6 md:mt-12" src="{{ imageCache('/' ~ study.getFullImage2Path, 'zoomCrop', 1600, 900) }}" loading="lazy" />
  52.         {% endif %}
  53.     </div>
  55.     </div>
  56. </div>
  58. {% if study.activeCaseStudySlideItems|length > 0 %}
  59.   <section class="pb-6">
  60.       <div class="container">
  61.         <div class="row">
  62.             <div class="col-12">
  63.                 <h3>Photo Gallery</h3>
  64.             </div>
  65.         </div>
  66.           <div class="row">
  67.               {% for item in study.activeCaseStudySlideItems %}
  68.                     <div class="md:col-4 sm:col-6">
  69.                         <img class="max-w-full h-auto mb-6" src="{{ imageCache('/' ~ item.fullImagePath, 'zoomCrop', 800, 800)  }}" alt="item.title" loading="lazy" />
  70.                     </div>
  71.               {% endfor %}
  72.           </div>
  73.       </div>
  74.   </section>
  75. {% endif %}