templates/main/site/views/Partials/Homepage/homepageReasons.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'Site' %}
  2. <section class="section">
  3.     <div class="container-fluid">
  4.         <div class="section__title">
  5.             <h2 class="h1 text-center underline-bottom wow fadeInUp">
  6.                 {{ 'site.home.sections.reasons.title'|trans }}
  7.             </h2>
  8.         </div>
  9.         <div class="row">
  10.             <div class="col-sm-4 wow fadeInUp">
  11.                 <p class="text-center">
  12.                     <picture>
  13.                         <source srcset="{{ asset('/images/main/innovation-nature.webp') }} 1x, {{ asset('/images/main/innovation-nature@2x.webp') }} 1.5x" type="image/webp">
  14.                         <source srcset="{{ asset('/images/main/innovation-nature.png') }} 1x, {{ asset('/images/main/innovation-nature@2x.png') }} 1.5x" type="image/png">
  15.                         <img width="256" height="207" loading="lazy" src="{{ asset('/images/main/innovation-nature.png') }}" alt="">
  16.                     </picture>
  17.                 </p>
  18.                 <h3 class="d-flex align-items-center">
  19.                     <span class="radius-round icon-42 flex-shrink-0 mr-2 d-flex align-items-center justify-content-center bg-secondary text-white">1</span>
  20.                     <span>
  21.                         {{ 'site.home.sections.reasons.reason1.title'|trans | raw }}
  22.                     </span>
  23.                 </h3>
  24.                 <p>
  25.                     {{ 'site.home.sections.reasons.reason1.text'|trans | raw }} {% if affiliateForLegalNotices(tracking) %}*
  26.                     {% endif %}
  27.                 </p>
  28.             </div>
  29.             <div class="col-sm-4 wow fadeInUp" data-wow-delay="0.1s">
  30.                 <p class="text-center">
  31.                     <picture>
  32.                         <source srcset="{{ asset('/images/main/tripple-action.webp') }} 1x, {{ asset('/images/main/tripple-action@2x.webp') }} 1.5x" type="image/webp">
  33.                         <source srcset="{{ asset('/images/main/tripple-action.png') }} 1x, {{ asset('/images/main/tripple-action@2x.png') }} 1.5x" type="image/png">
  34.                         <img width="256" height="207" loading="lazy" src="{{ asset('/images/main/tripple-action.png') }}" alt="">
  35.                     </picture>
  36.                 </p>
  37.                 <h3 class="d-flex align-items-center">
  38.                     <span class="radius-round icon-42 flex-shrink-0 mr-2 d-flex align-items-center justify-content-center bg-secondary text-white">2</span>
  39.                     <span>
  40.                         {{ 'site.home.sections.reasons.reason2.title'|trans | raw }}
  41.                     </span>
  42.                 </h3>
  43.                 <p>
  44.                     {{ 'site.home.sections.reasons.reason2.text'|trans | raw }} {% if affiliateForLegalNotices(tracking) %}*
  45.                     {% endif %}
  46.                 </p>
  47.             </div>
  48.             <div class="col-sm-4 wow fadeInUp" data-wow-delay="0.2s">
  49.                 <p class="text-center">
  50.                     <picture>
  51.                         <source srcset="{{ asset('/images/main/duo-brulafine-ckonjac-'~app.request.locale~'.webp') }} 1x, {{ asset('/images/main/duo-brulafine-ckonjac-'~app.request.locale~'@2x.webp') }} 1.5x" type="image/webp">
  52.                         <source srcset="{{ asset('/images/main/duo-brulafine-ckonjac-'~app.request.locale~'.png') }} 1x, {{ asset('/images/main/duo-brulafine-ckonjac-'~app.request.locale~'@2x.png') }} 1.5x" type="image/png">
  53.                         <img width="256" height="207" loading="lazy" src="{{ asset('/images/main/duo-brulafine-ckonjac-'~app.request.locale~'.png') }}" alt="">
  54.                     </picture>
  55.                 </p>
  56.                 <h3 class="d-flex align-items-center text-primary">
  57.                     <span class="radius-round icon-42 flex-shrink-0 mr-2 d-flex align-items-center justify-content-center bg-primary text-white">3</span>
  58.                     <span>
  59.                         {{ 'site.home.sections.reasons.reason3.title'|trans | raw }}
  60.                     </span>
  61.                 </h3>
  62.                 <p>
  63.                     {{ 'site.home.sections.reasons.reason3.text'|trans | raw }} {% if affiliateForLegalNotices(tracking) %}*
  64.                     {% endif %}
  65.                 </p>
  66.             </div>
  67.         </div>
  68.         {% if affiliateForLegalNotices(tracking) %}
  69.             <p class="text-center font-xs text-gray mt-5">
  70.                 *
  71.                 {{ 'site.home.sections.reasons.legal'|trans }}
  72.             </p>
  73.         {% endif %}
  74.     </div>
  75. </section>