templates/main/site/views/Partials/Ingredients/ingredientsAdditional.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 id="quels-sont-les-ingredients-additionnels">
  5.     <div class="section gradient-pink-orange-light">
  6.         <div class="container-fluid">
  7.             <h2 class="h1 text-center underline-bottom mb-0">{{ 'site.ingredients.sections.ingredient.secondary.title'|trans }}</h2>
  8.         </div>
  9.     </div>
  10.     <div class="section">
  11.         <div class="container-fluid">
  13.             <div class="row">
  14.                 <div class="col-md-10 col-md-offset-1">
  16.                     <div class="row">
  17.                         <div class="col-xs-4 col-md-3">
  18.                             <p class="text-center">
  19.                                 <picture>
  20.                                     <source srcset="{{ asset('/images/main/product/ingredients/bamboo.webp') }} 1x, {{ asset('/images/main/product/ingredients/bamboo@2x.webp') }} 1.5x" type="image/webp">
  21.                                     <source srcset="{{ asset('/images/main/product/ingredients/bamboo.jpg') }} 1x, {{ asset('/images/main/product/ingredients/bamboo@2x.jpg') }} 1.5x" type="image/jpg">
  22.                                     <img width="128" height="128" loading="lazy" class="radius-round" src="{{ asset('/images/main/product/ingredients/bamboo.jpg') }}" alt="{{ 'site.home.sections.ingredients2.brulafine.kola.title'|trans }}">
  23.                                 </picture>
  24.                             </p>
  25.                         </div>
  26.                         <div class="col-xs-8 col-md-9">
  27.                             <h3 class="mb-0">{{ 'site.ingredients.sections.ingredient.secondary.bamboo.name.part1'|trans }}</h3>
  28.                             <p class="font-sm">
  29.                                 <em>
  30.                                     {{ 'site.ingredients.sections.ingredient.secondary.bamboo.name.part2V2'|trans | raw }}
  31.                                 </em>
  32.                             </p>
  33.                             <p>{{ 'site.ingredients.sections.ingredient.secondary.bamboo.text2'|trans | raw }}</p>
  34.                         </div>
  35.                     </div>
  37.                     <div class="row mt-2">
  38.                         {% if pillule_state == 'hpmc' %}
  39.                             <div class="col-md-9">
  40.                                 <h3 class="mb-0">{{ 'site.ingredients.sections.ingredient.secondary.hpmc.name.part1'|trans }}</h3>
  41.                                 <p class="font-sm">
  42.                                     <em>
  43.                                         {{ 'site.ingredients.sections.ingredient.secondary.hpmc.name.part2'|trans|raw }}
  44.                                     </em>
  45.                                 </p>
  46.                                 {% for i in range(1,4) %}
  47.                                     <p>{{ ('site.ingredients.sections.ingredient.secondary.hpmc.text2.'~i) | trans }}</p>
  48.                                 {% endfor %}
  49.                             </div>
  50.                         {% elseif pillule_state == 'pullulane' %}
  51.                             <div class="col-xs-4 col-md-3">
  52.                                 <p class="text-center">
  53.                                     <picture>
  54.                                         <source srcset="{{ asset('/images/main/product/ingredients/pullulane.webp') }} 1x, {{ asset('/images/main/product/ingredients/pullulane@2x.webp') }} 1.5x" type="image/webp">
  55.                                         <source srcset="{{ asset('/images/main/product/ingredients/pullulane.jpg') }} 1x, {{ asset('/images/main/product/ingredients/pullulane@2x.jpg') }} 1.5x" type="image/jpg">
  56.                                         <img width="128" height="128" loading="lazy" class="radius-round" src="{{ asset('/images/main/product/ingredients/pullulane.jpg') }}" alt="{{ 'site.home.sections.ingredients2.brulafine.kola.title'|trans }}">
  57.                                     </picture>
  58.                                 </p>
  59.                             </div>
  60.                             <div class="col-xs-8 col-md-9">
  61.                                 <h3 class="mb-0">{{ 'site.ingredients.sections.ingredient.secondary.pullulane.name.part1'|trans }}</h3>
  62.                                 <p class="font-sm">
  63.                                     <em>
  64.                                         {{ 'site.ingredients.sections.ingredient.secondary.pullulane.name.part2'|trans | raw }}
  65.                                     </em>
  66.                                 </p>
  67.                                 {% for i in range(1,2) %}
  68.                                     <p>{{ ('site.ingredients.sections.ingredient.secondary.pullulane.text.'~i) | trans }}</p>
  69.                                 {% endfor %}
  70.                             </div>
  71.                         {% endif %}
  72.                     </div>
  73.                 </div>
  74.             </div>
  76.         </div>
  77.     </div>
  78. </section>