templates/includes/blocks/sticky-teaser-card.html.twig line 1

  1. <div class="swiper-slide">
  2.     <div class="sticky-teaser-card">
  3.         {% if card.image %}
  4.         <div class="sticky-teaser-card__media">
  5.             <img src ="{{ card.image|thumbnailUrl('2880x') }}"
  6.                  srcset ="{{ card.image|thumbnailUrl('320x') }} 320w, {{ card.image|thumbnailUrl('640x') }} 640w, {{ card.image|thumbnailUrl('1280x') }} 1280w, {{ card.image|thumbnailUrl('1440x') }} 1440w, {{ card.image|thumbnailUrl('2048x') }} 2048w" alt="{{ card.stickyTeaserCardImageALT|default(card.image.description|striptags) }}"
  7.                  x-ref="image"  sizes="(min-width: 1440px) 720px, (min-width: 768px) 50vw, 100vw">
  8.         </div>
  9.         {% endif %}
  10.         <div class="sticky-teaser-card__title {% if card.stickyTeaserTitleMobile %}desktop-only {% endif %}">
  11.             {{ card.title|raw }}
  12.         </div>
  13.         {% if card.stickyTeaserTitleMobile %}
  14.             <div class="sticky-teaser-card__title mobile-only" x-ref="mobiletitle">
  15.                 {{card.stickyTeaserTitleMobile|raw }}
  16.             </div>
  17.         {% endif %}
  18.         <div class="sticky-teaser-card__text">
  19.             {{ card.text|raw }}
  20.         </div>
  21.         {% if card.teaserCardActionLink != null %}
  22.             <div class="sticky-teaser-card__action">
  23.                 <a href="{{ card.teaserCardActionLink }}" class="text-button">
  24.                     {{ card.action }}
  25.                     <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
  26.                         <path d="M.5 8.5h15M10.5 3.5l5 5-5 5" stroke="currentColor" stroke-miterlimit="10"
  27.                               stroke-linecap="round" stroke-linejoin="round"/>
  28.                     </svg>
  29.                 </a>
  30.             </div>
  31.         {% endif %}
  32.     </div>
  33. </div>