templates/frontend/general/how-to.html.twig line 1

Open in your IDE?
  1. {% set howto = customer.contentHowTo %}
  3. {% if howto.active == 1 %}
  4.     <section id="how-it-works" class="rts-player-static {{ howto.backgroundColor }}" {% if howto.backgroundImage.id is defined %}style="background-image: url('{{ howto.backgroundImage.src }}')"{% endif %}>
  5.         <div class="container">
  6.             <div class="rts-player-static baseball nfl">
  7.                 <div class="row">
  8.                     <div class="col-md-4">
  9.                         <div class="p-5 bg-white h-100">
  10.                             <div class="how-it-works-icon icon text-center {{ howto.iconColor }}" style="height: 175px;">
  11.                                 {% if howto.howToIcon1.id is defined %}
  12.                                     <i class="align-middle {{ howto.howToIcon1.css }}"></i>
  13.                                 {% endif %}
  14.                             </div>
  15.                             <div class="content">
  16.                                 <h3 class="heading pb-3">1. Schritt</h3>
  17.                                 {{ howto.howToText1|raw }}
  18.                             </div>
  19.                         </div>
  20.                     </div>
  21.                     <div class="col-md-4">
  22.                         <div class="p-5 bg-white h-100">
  23.                             <div class="how-it-works-icon icon text-center {{ howto.iconColor }}" style="height: 175px;">
  24.                                 {% if howto.howToIcon2.id is defined %}
  25.                                     <i class="align-middle {{ howto.howToIcon2.css }}"></i>
  26.                                 {% endif %}
  27.                             </div>
  28.                             <div class="content">
  29.                                 <h3 class="heading pb-3">2. Schritt</h3>
  30.                                 {{ howto.howToText2|raw }}
  31.                             </div>
  32.                         </div>
  33.                     </div>
  34.                     <div class="col-md-4">
  35.                         <div class="p-5 bg-white h-100">
  36.                             <div class="how-it-works-icon icon text-center {{ howto.iconColor }}" style="height: 175px;">
  37.                                 {% if howto.howToIcon3.id is defined %}
  38.                                     <i class="align-middle {{ howto.howToIcon3.css }}"></i>
  39.                                 {% endif %}
  40.                             </div>
  41.                             <div class="content">
  42.                                 <h3 class="heading pb-3">3. Schritt</h3>
  43.                                 {{ howto.howToText3|raw }}
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         </div>
  50.     </section>
  51. {% endif %}