templates/components/image-text-two-links-section.html.twig line 1

Open in your IDE?
  1. <div class="image-text-section my-3 {{ backgroundColorClass ?? '' }}">
  2.     <div class="container py-5">
  3.         <div class="row">
  4.             <div class="col-12 col-lg-6 order-2 order-lg-{{ order.text ?? '1' }}">
  5.                 <div>
  6.                     {% if (title is defined) %}
  7.                     <h2 class="mb-5 point {{ darkPoint|default(false) ? 'dark' : 'light' }}">{{ title }}</h2>
  8.                     {% endif %}
  9.                     <div class="mb-4 {{ title is not defined ? 'teaser-text' : '' }}">{{ text|raw }}</div>
  10.                 </div>
  11.                 <div class="mb-3 mb-lg-0 d-flex justify-content-center justify-content-sm-start">
  12.                     <div class="text-center links">
  13.                         {{ include('@components/button-with-icon.html.twig', {
  14.                             text: button.text,
  15.                             icon: 'fa-phone',
  16.                             order: {
  17.                                 icon: '1',
  18.                                 text: '2'
  19.                             },
  20.                             link: {
  21.                                 href: 'tel:%s'|format(button.text)
  22.                             }
  23.                         }) }}
  24.                         <p class="my-3">oder</p>
  25.                         {{ include('@components/link.html.twig', {
  26.                             text: link.text,
  27.                             link: link.link
  28.                         }) }}
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.             <div class="col-12 col-lg-6 order-1 mb-4 mb-lg-0 order-lg-{{ order.image ?? '2' }}">
  33.                 {% if (imageIsIcon is defined and imageIsIcon) %}
  34.                     <img style="width: 14rem; height: 14rem;" class="d-block mx-auto" src="{{ image }}" alt="">
  35.                 {% elseif (imageAsBackground is defined and imageAsBackground) %}
  36.                     <div class="ratio ratio16x9 position-relative" style="height: 20rem">
  37.                         <div class="image position-absolute w-100 h-100 top-0" style="background-image: url('{{image}}'); background-size: cover; background-position: center; background-repeat: no-repeat"></div>
  38.                     </div>
  39.                 {% else %}
  40.                     <img class="d-block w-100" src="{{ image }}" alt="">
  41.                 {% endif %}
  42.             </div>
  43.         </div>
  44.     </div>
  45. </div>