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

Open in your IDE?
  1. {% trans_default_domain 'Site' %}
  2. {% from ('main/site/views/Partials/icon.html.twig') import icon  %}
  4. <section>
  6.     <div class="gradient-blue-green half-screen-image">
  7.         <div class="half-screen-image__image wow fadeIn">
  8.             <picture>
  9.                 <source sizes="(max-width: 1366px) 100vw, 1366px" srcset="
  10.                 {{ asset('/images/main/composition-woman-plant-field.webp') }} 360w,
  11.                 {{ asset('/images/main/composition-woman-plant-field@2x.webp') }} 965w,
  12.                 {{ asset('/images/main/composition-woman-plant-field@3x.webp') }} 1366w" type="image/webp">
  13.                 <source sizes="(max-width: 1366px) 100vw, 1366px" srcset="
  14.                 {{ asset('/images/main/composition-woman-plant-field.jpg') }} 360w,
  15.                 {{ asset('/images/main/composition-woman-plant-field@2x.jpg') }} 965w,
  16.                 {{ asset('/images/main/composition-woman-plant-field@3x.jpg') }} 1366w" type="image/jpeg">
  17.                 <img width="683" height="414" loading="lazy" src="{{ asset('/images/main/composition-woman-plant-field.jpg') }}" alt="">
  18.             </picture>
  19.         </div>
  20.         <div class="container-fluid">
  21.             <div class="row">
  22.                 <div class="col-sm-5 col-sm-offset-7">
  23.                     <div class="section">
  24.                         <h2 class="h1 text-white mb-0 wow fadeInBottom">
  25.                             {{ 'site.home.sections.composition.title'|trans }}
  26.                         </h2>
  27.                     </div>
  28.                 </div>
  29.             </div>
  30.         </div>
  31.     </div>
  33.     <div class="section pb-0">
  34.         <div class="container-fluid">
  35.             <div class="row row--vcenter">
  36.                 <div class="col-sm-6">
  37.                     <p class="text-center wow fadeInLeft">
  38.                         <picture>
  39.                             <source srcset="{{ asset('/images/main/brulafine-castalis-'~app.request.locale~'.webp') }} 1x, {{ asset('/images/main/brulafine-castalis-'~app.request.locale~'@2x.webp') }} 1.5x" type="image/webp">
  40.                             <source srcset="{{ asset('/images/main/brulafine-castalis-'~app.request.locale~'.png') }} 1x, {{ asset('/images/main/brulafine-castalis-'~app.request.locale~'@2x.png') }} 1.5x" type="image/png">
  41.                             <img width="538" height="585" loading="lazy" src="{{ asset('/images/main/brulafine-castalis-'~app.request.locale~'.png') }}" alt="">
  42.                         </picture>
  43.                     </p>
  44.                 </div>
  45.                 <div class="col-sm-6">
  46.                     <p class="h3">{{ 'site.home.sections.composition.text1'|trans | raw }}</p>
  47.                     <p>{{ 'site.home.sections.composition.text2'|trans | raw }}</p>
  49.                     <p>
  50.                         <strong class="text-dark">
  51.                             {% if pillule_state == 'pullulane' %}
  52.                                 {{ 'site.home.sections.ingredients.ckonjac.pullulane'|trans | raw }}
  53.                             {% elseif pillule_state == 'hpmc' %}
  54.                                 {{ 'site.home.sections.ingredients.ckonjac.hpmc'|trans | raw }}
  55.                             {% endif %}
  56.                         </strong>
  57.                     </p>
  59.                     <p>{{ 'site.home.sections.composition.text3'|trans | raw }}</p>
  60.                     <p>{{ 'site.home.sections.composition.text4'|trans | raw }}</p>
  61.                     <p>
  62.                         <a href="{{ path('brulafine_ingredients')}}">
  63.                             {{icon('address-book')}}
  64.                             {{ 'site.home.sections.composition.button'|trans }}
  65.                         </a>
  66.                     </p>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </div>
  72. </section>