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

Open in your IDE?
  1. {% trans_default_domain 'Site' %}
  3. <section class="section" id="c-Konjac">
  5.     <div class="container-fluid">
  6.         <div class="section__title wow fadeInUp">
  7.             <h2 class="h1 text-center underline-bottom max-title-width">
  8.                 {{ 'site.home.sections.konjac.mainTitle'|trans | raw }} {% if affiliateForLegalNotices(tracking) %}*
  9.                 {% endif %}
  10.             </h2>
  12.         </div>
  13.         <div class="row row--vcenter">
  14.             <div class="col-sm-6">
  15.                 <p class="text-center wow fadeInLeft">
  16.                     <picture>
  17.                         <source srcset="{{ asset('/images/main/product/hero-konjac-'~app.request.locale~'.webp') }} 1x, {{ asset('/images/main/product/hero-konjac-'~app.request.locale~'@2x.webp') }} 1.5x" type="image/webp">
  18.                         <source srcset="{{ asset('/images/main/product/hero-konjac-'~app.request.locale~'.png') }} 1x, {{ asset('/images/main/product/hero-konjac-'~app.request.locale~'@2x.png') }} 1.5x" type="image/png">
  19.                         <img width="560" height="488" loading="lazy" src="{{ asset('/images/main/product/hero-konjac-'~app.request.locale~'.png') }}" alt="">
  20.                     </picture>
  21.                 </p>
  22.             </div>
  23.             <div class="col-sm-6">
  24.                 <p class="h3">{{ 'site.home.sections.konjac.title'|trans | raw }}</p>
  25.                 <p>{{ 'site.home.sections.konjac.text1'|trans | raw }}</p>
  26.                 <p>{{ 'site.home.sections.konjac.text2'|trans | raw }}</p>
  27.                 <p>{{ 'site.home.sections.konjac.text3'|trans | raw }}</p>
  28.                 <p>{{ 'site.home.sections.konjac.text4'|trans | raw }}</p>
  29.             </div>
  30.         </div>
  32.         <div class="pack-banner mt-4 wow fadeInBottom">
  33.             <div class="pack-banner__text">
  35.                 <p class="h3">
  36.                     {{ 'site.home.sections.konjac.bannerText'|trans | raw }}
  37.                     {% if affiliateForLegalNotices(tracking) %}
  38.                         <sup>*</sup>
  39.                     {% endif %}
  40.                 </p>
  41.                 <p>
  42.                     <a href="{{ path('brulafine_show_packs')}}" class="btn btn-success btn-lg">{{ 'site.home.sections.konjac.bannerButton'|trans | raw }}</a>
  43.                 </p>
  44.                 {% if affiliateForLegalNotices(tracking) %}
  45.                     <p class="font-xs mb-0">*
  46.                         {{ 'site.home.sections.konjac.legal'|trans | raw }}</p>
  47.                 {% endif %}
  48.             </div>
  49.             <div class="pack-banner__image">
  50.                 <picture>
  51.                     <source srcset="{{ asset('/images/main/pack-brulafine-konjac-banner-'~app.request.locale~'.webp') }} 1x, {{ asset('/images/main/pack-brulafine-konjac-banner-'~app.request.locale~'@2x.webp') }} 1.5x" type="image/webp">
  52.                     <source srcset="{{ asset('/images/main/pack-brulafine-konjac-banner-'~app.request.locale~'.png') }} 1x, {{ asset('/images/main/pack-brulafine-konjac-banner-'~app.request.locale~'@2x.png') }} 1.5x" type="image/png">
  53.                     <img width="548" height="287" loading="lazy" src="{{ asset('/images/main/pack-brulafine-konjac-banner-'~app.request.locale~'.png') }}" alt="">
  54.                 </picture>
  55.             </div>
  56.         </div>
  57.     </div>
  58. </section>