templates/about-us/partials/_card.html.twig line 1

Open in your IDE?
  1. {% if child.getProperty('featuredImage').thumbnail is defined %}
  2.     {% set featuredImage = child.getProperty('featuredImage').thumbnail('content') %}
  3. {% else %}
  4.     {% set featuredImage = null %}
  5. {% endif %}
  7. <div class="block mb-20 ">
  8.     <h2 class="mb-8 text-4xl font-bold leading-8">{{ child.getProperty('navigation_name') }}</h2>
  9.     <div class="relative">
  10.         <div class="z-20 relative rounded-md bg-gray h-[340px] bg-center bg-cover" style="background-image:url('{{ featuredImage ?? null }}');">
  11.             <div class="absolute top-0 bottom-0 left-0 right-0 flex flex-col justify-end p-8 rounded-md bg-gradient-to-t from-black/30 to-transparent">
  12.                 <div class="max-w-sm">
  13.                     {% if child.getProperty('featuredTitle') is defined %}
  14.                         <h3 class="mb-6 text-2xl font-bold text-white">
  15.                             {{ child.getProperty('featuredTitle') }}
  16.                         </h3>
  17.                     {% endif %}
  18.                     <a href="{{ child.url() | trimUrl }}" class="button button__primary button__primary--white">{{ 'Lees meer' | trans }}</a>
  19.                 </div>
  20.             </div>
  21.         </div>
  22.         <div class="z-10 md:h-[90px] w-full lg:w-[660px] right-0 bottom-0 md:absolute -mb-10 md:-mr-10  placeholder-gray-200 md:rounded-md {{ loop.index is even ? 'bg-blue-200' : 'bg-white' }}">
  23.         </div>
  24.     </div>
  25. </div>