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

Open in your IDE?
  1.     <section class="{{content.DescWithImgSecBackground}} about__cover" data-brand-header>
  2.       <div class="grid-container">
  3.         <div class="grid-x grid-margin-x align-middle">
  4.           {{_self.image(content, content.DescWithImgSecLeft != 'left')}}
  5.           {{_self.description(content)}}
  6.         </div>
  7.       </div>
  8.     </section>
  10. {% macro image(content, rightOnDesktop) %}
  11.           <div class="cell medium-offset-3 medium-6 large-offset-0 xlarge-offset-1 large-4 {% if rightOnDesktop %} large-order-2{% endif %}">
  12.             <div data-css-animation="image">
  13.               <!-- recommended size: default - 448x744, retina @2x - 896x1488 -->
  14.               <img data-src="{{content.DescWithImgSecImage.thumbnails['500x']}}"
  15.                    data-srcset="{{content.DescWithImgSecImage.thumbnails['1000x']}}" 2x" alt data-lazy-image>
  16.             </div>
  17.           </div>
  18. {% endmacro %}
  20. {% macro description(content) %}
  21.           <div class="cell medium-offset-1 medium-10 large-6 xlarge-4">
  22.             <div class="eyebrow eyebrow__no-center">
  23.               <div class="out" data-css-animation='out-in' style="--delay: .2s">
  24.                 <div class="in">
  25.                   <p>{{ content.DescWithImgSecSubtitle }}</p>
  26.                 </div>
  27.               </div>
  28.             </div>
  29.             <div class="title indent-m title__no-center" data-css-animation="fade-in-up" style="--delay: .4s">
  30.               <h2>{{ content.DescWithImgSecTitle }}</h2>
  31.             </div>
  32.             {% for item in content.blocks %}
  33.                     {{ include('pages/blocks/subBlocks/' ~ item.type ~ '.html.twig', {
  34.                         content : item,
  35.                         index : loop.index,
  36.                 block : content
  37.                     }) }}
  38.                 {% endfor %}
  39.           </div>
  40. {% endmacro %}