templates/pages/blocks/service_list_section.html.twig line 1

Open in your IDE?
  1.   <section class="about__cover {{content.background}}" data-brand-header>
  2.     <div class="grid-container">
  3.       <div class="grid-x grid-margin-x align-middle about__wrapper">
  4.         <div
  5.             class="cell medium-offset-1 medium-10 large-offset-0 xlarge-offset-1 large-8 xlarge-5 small-order-2 large-order-1">
  6.           <div class="eyebrow eyebrow__no-center">
  7.             <div class="out" data-css-animation='out-in' style="--delay: .2s">
  8.               <div class="in">
  9.                 <p>{{ view.title }}</p>
  10.               </div>
  11.             </div>
  12.           </div>
  13.           <div class="title indent-m title__no-center" data-css-animation="fade-in-up" style="--delay: .4s">
  14.             <h2>{{ content.subtitle }}</h2>
  15.           </div>
  16.           <div class="services__list" data-css-animation="stagger-list" style="--delay: .6s">
  17.             {% for service in content.services %}
  18.               <a href="#{{ service.title }}" class="services__list-item" role="button"
  19.                  data-scroll-to="{{ service.title|replace({" ": "_"}) }}" data-css-animation="stagger-item">{{ service.title }}</a>
  20.             {% endfor %}
  21.           </div>
  22.         </div>
  23.         <div class="cell medium-offset-3 medium-6 large-offset-0 xlarge-offset-1 large-4 small-order-1 large-order-2">
  24.           <div class="about__image" data-css-animation="image">
  25.             <!-- recommended size: default - 448x744, retina @2x - 896x1488 -->
  26.             <img data-src="{{ content.image.thumbnails['448x744'] }}"
  27.                  data-srcset="{{ content.image.thumbnails['896x1488'] }} 2x" alt data-lazy-image>
  28.           </div>
  29.         </div>
  30.       </div>
  31.     </div>
  32.   </section>
  34. {% for service in content.services %}
  35.       {% include 'elements/service_list.html.twig' with {
  36.         'service': service,
  37.         'background': content.background,
  38.       } %}
  39. {% endfor %}