templates/areas/teaser-experience-slider/experienceTeaser.html.twig line 1

Open in your IDE?
  1. <span class="experience-teaser__counter">
  2.     {{ loop.index < 10 ? "0" ~ loop.index : loop.index }}
  3. </span>
  4. <section class="experience-teaser teaser-animation stretch-link">
  5.     {% if isYoungStyria|default(false) %}
  6.         <img class="demi-infrastructure-teaser-grid__young-styria-logo" src="/static/img/young-styria/young-styria.jpg">
  7.     {% endif %}
  8.     <div class="experience-teaser__embed embed-responsive">
  9.         {% if image|default(false) %}
  10.             {% set description = getImageDescription(image, true) %}
  12.             {{ image.thumbnail('experience-teaser').html({
  13.                 imgAttributes: {
  14.                     class: 'js-lazy-img embed-responsive-item teaser-animation__img',
  15.                     title: description|default(''),
  16.                     alt: description|default(''),
  17.                 },
  18.                 lowQualityPlaceholder: true
  19.             })|raw }}
  20.         {% endif %}
  22.         {% do jsConfig().add('lazyImg', true) %}
  23.     </div>
  25.     <div class="experience-teaser__content">
  26.         <div>
  27.             <h3 class="experience-teaser__title h5">
  28.                 {% if link|default('')|slice(0, 4)|lower == 'http' %}
  29.                     <a href="{{ link|default('') }}" class="stretch-link__link" title="{{ description|default('') }}" data-event-tracking-category="LP Partnerteaser STT" data-event-tracking-action="{{ hostUrl() ~ getMainRequest().pathInfo() }}" data-event-tracking-label="{{ link|default('') }}">{{ elements_cutStringRespectingWhitespace(title|default(''), 50) }}</a>
  30.                 {% else %}
  31.                     <a href="{{ link|default('') }}" class="stretch-link__link" title="{{ description|default('') }}">{{ elements_cutStringRespectingWhitespace(title|default(''), 50) }}</a>
  32.                 {% endif %}
  33.             </h3>
  34.             {% if subtitle|default(false) %}
  35.                 <div class="experience-teaser__sub-title">
  36.                     {{ elements_cutStringRespectingWhitespace(subtitle, 50) }}
  37.                 </div>
  38.             {% endif %}
  39.         </div>
  40.     </div>
  41. </section>