templates/main/site/views/Partials/Ingredients/ingredientsBrulafine.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>
  5.     {% include "main/site/views/Partials/Heroes/heroBrulafine.html.twig" with {
  6.         headerTag: "h2" 
  7.     } %}
  9.     {% if siteHasPackForNewUsers() %}
  10.         <div class="container-fluid mt-3">
  11.             {{ include('main/site/views/Partials/newUserPackBanner.html.twig')}}
  12.         </div>
  13.     {% endif %}
  15.     <div class="section pt-3" id="que-contient-brulafine">
  16.         <div class="container-fluid">
  17.             <div class="section__title">
  18.                 <h3 class="h2 text-center underline-bottom max-title-width">
  19.                     {{ 'site.ingredients.sections.ingredient.brulafine.titleV2'|trans }}
  20.                 </h3>
  21.             </div>
  23.             <div class="row d-flex flex-column flex-sm-row">
  24.                 <div class="col-sm-7 order-1 order-sm-0">
  26.                     <div class="ingredient-item">
  27.                         <div class="ingredient-item__header">
  28.                             <div class="ingredient-item__header__image">
  29.                                 <picture>
  30.                                     <source srcset="{{ asset('/images/main/product/ingredients/vert.webp') }} 1x, {{ asset('/images/main/product/ingredients/vert@2x.webp') }} 1.5x" type="image/webp">
  31.                                     <source srcset="{{ asset('/images/main/product/ingredients/vert.jpg') }} 1x, {{ asset('/images/main/product/ingredients/vert@2x.jpg') }} 1.5x" type="image/jpg">
  32.                                     <img width="200" height="200" loading="lazy" class="radius-round" src="{{ asset('/images/main/product/ingredients/vert.jpg') }}" alt="{{ 'site.home.sections.ingredients2.brulafine.vert.title'|trans }}">
  33.                                 </picture>
  34.                             </div>
  35.                             <div class="ingredient-item__header__body">
  36.                                 <h4 class="ingredient-item__header__title">
  37.                                     {{ 'site.ingredients.sections.ingredient.brulafine.vert.name.part1'|trans }}
  38.                                 </h4>
  39.                                 <p>
  40.                                     {{ 'site.ingredients.sections.ingredient.brulafine.vert.name.part2V2'|trans | raw }}
  41.                                 </p>
  42.                             </div>
  43.                         </div>
  44.                         <div class="ingredient-item__card">
  45.                             <h5 class="ingredient-item__card__title" type="button" data-toggle="collapse" data-target="#brulafine-ingredient-vert-1" aria-expanded="false">
  46.                                 {{ 'site.ingredients.titleDescription'|trans }}
  47.                                 {{icon('btn-arrow')}}
  48.                             </h5>
  49.                             <div id="brulafine-ingredient-vert-1" class="collapse">
  50.                                 <div class="ingredient-item__card__body">
  51.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text1'|trans | raw }}</p>
  52.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text2'|trans | raw }}</p>
  53.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text3'|trans | raw }}</p>
  54.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text4'|trans | raw }}</p>
  55.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text5'|trans | raw }}</p>
  56.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text6'|trans | raw }}</p>
  57.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text7'|trans | raw }}</p>
  58.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text8'|trans | raw }}</p>
  59.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text9'|trans | raw }}</p>
  60.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text10'|trans | raw }}</p>
  61.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text11'|trans | raw }}</p>
  62.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text12'|trans | raw }}</p>
  63.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.vert.description.text13'|trans | raw }}</p>
  64.                                 </div>
  65.                             </div>
  66.                         </div>
  67.                         <div class="ingredient-item__card">
  68.                             <h5 class="ingredient-item__card__title" type="button" data-toggle="collapse" data-target="#brulafine-ingredient-vert-2" aria-expanded="false">
  69.                                 {{ 'site.ingredients.titleEffects'|trans }}
  70.                                 {{icon('btn-arrow')}}
  71.                             </h5>
  72.                             <div id="brulafine-ingredient-vert-2" class="collapse">
  73.                                 <div class="ingredient-item__card__body">
  74.                                     <ul class="ingredient-item__list">
  75.                                         {% for i in range(1,4) %}
  76.                                             <li>
  77.                                                 {{icon('check-circle')}}
  78.                                                 {{ ('site.ingredients.sections.ingredient.brulafine.vert.list.'~i) | trans }}
  79.                                             </li>
  80.                                         {% endfor %}
  81.                                     </ul>
  82.                                     <p style="margin-top: 1.4em">{{ 'site.ingredients.sections.ingredient.brulafine.vert.infoText'|trans | raw }}</p>
  83.                                 </div>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  88.                     <div class="ingredient-item">
  89.                         <div class="ingredient-item__header">
  90.                             <div class="ingredient-item__header__image">
  91.                                 <picture>
  92.                                     <source srcset="{{ asset('/images/main/product/ingredients/guarana.webp') }} 1x, {{ asset('/images/main/product/ingredients/guarana@2x.webp') }} 1.5x" type="image/webp">
  93.                                     <source srcset="{{ asset('/images/main/product/ingredients/guarana.jpg') }} 1x, {{ asset('/images/main/product/ingredients/guarana@2x.jpg') }} 1.5x" type="image/jpg">
  94.                                     <img width="200" height="200" loading="lazy" class="radius-round" src="{{ asset('/images/main/product/ingredients/guarana.jpg') }}" alt="{{ 'site.home.sections.ingredients2.brulafine.guarana.title'|trans }}">
  95.                                 </picture>
  96.                             </div>
  97.                             <div class="ingredient-item__header__body">
  98.                                 <h4 class="ingredient-item__header__title">
  99.                                     {{ 'site.ingredients.sections.ingredient.brulafine.guarana.name.part1'|trans }}
  100.                                 </h4>
  101.                                 <p>
  102.                                     {{ 'site.ingredients.sections.ingredient.brulafine.guarana.name.part2V2'|trans | raw }}
  103.                                 </p>
  104.                             </div>
  105.                         </div>
  106.                         <div class="ingredient-item__card">
  107.                             <h5 class="ingredient-item__card__title" type="button" data-toggle="collapse" data-target="#brulafine-ingredient-guarana-1" aria-expanded="false">
  108.                                 {{ 'site.ingredients.titleDescription'|trans }}
  109.                                 {{icon('btn-arrow')}}
  110.                             </h5>
  111.                             <div id="brulafine-ingredient-guarana-1" class="collapse">
  112.                                 <div class="ingredient-item__card__body">
  113.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.guarana.description.text1'|trans | raw }}</p>
  114.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.guarana.description.text2'|trans | raw }}</p>
  115.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.guarana.description.text3'|trans | raw }}</p>
  116.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.guarana.description.text4'|trans | raw }}</p>
  117.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.guarana.description.text5'|trans | raw }}</p>
  118.                                 </div>
  119.                             </div>
  120.                         </div>
  121.                         <div class="ingredient-item__card">
  122.                             <h5 class="ingredient-item__card__title" type="button" data-toggle="collapse" data-target="#brulafine-ingredient-guarana-2" aria-expanded="false">
  123.                                 {{ 'site.ingredients.titleEffects'|trans }}
  124.                                 {{icon('btn-arrow')}}
  125.                             </h5>
  126.                             <div id="brulafine-ingredient-guarana-2" class="collapse">
  127.                                 <div class="ingredient-item__card__body">
  128.                                     <ul class="ingredient-item__list">
  129.                                         {% for i in range(1,6) %}
  130.                                             <li>
  131.                                                 {{icon('check-circle')}}
  132.                                                 {{ ('site.ingredients.sections.ingredient.brulafine.guarana.list.'~i) | trans }}
  133.                                             </li>
  134.                                         {% endfor %}
  135.                                     </ul>
  136.                                 </div>
  137.                             </div>
  138.                         </div>
  139.                     </div>
  141.                     <div class="ingredient-item">
  142.                         <div class="ingredient-item__header">
  143.                             <div class="ingredient-item__header__image">
  144.                                 <picture>
  145.                                     <source srcset="{{ asset('/images/main/product/ingredients/kola.webp') }} 1x, {{ asset('/images/main/product/ingredients/kola@2x.webp') }} 1.5x" type="image/webp">
  146.                                     <source srcset="{{ asset('/images/main/product/ingredients/kola.jpg') }} 1x, {{ asset('/images/main/product/ingredients/kola@2x.jpg') }} 1.5x" type="image/jpg">
  147.                                     <img width="200" height="200" loading="lazy" class="radius-round" src="{{ asset('/images/main/product/ingredients/kola.jpg') }}" alt="{{ 'site.home.sections.ingredients2.brulafine.kola.title'|trans }}">
  148.                                 </picture>
  149.                             </div>
  150.                             <div class="ingredient-item__header__body">
  151.                                 <h4 class="ingredient-item__header__title">{{ 'site.ingredients.sections.ingredient.brulafine.kola.name.part1'|trans }}</h4>
  152.                                 <p>{{ 'site.ingredients.sections.ingredient.brulafine.kola.name.part2V2'|trans | raw }}</p>
  153.                             </div>
  154.                         </div>
  155.                         <div class="ingredient-item__card">
  156.                             <h5 class="ingredient-item__card__title" type="button" data-toggle="collapse" data-target="#brulafine-ingredient-kola-1" aria-expanded="false">
  157.                                 {{ 'site.ingredients.titleDescription'|trans }}
  158.                                 {{icon('btn-arrow')}}
  159.                             </h5>
  160.                             <div id="brulafine-ingredient-kola-1" class="collapse">
  161.                                 <div class="ingredient-item__card__body">
  162.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.kola.description.text1'|trans | raw }}</p>
  163.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.kola.description.text2'|trans | raw }}</p>
  164.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.kola.description.text3'|trans | raw }}</p>
  165.                                     <p>{{ 'site.ingredients.sections.ingredient.brulafine.kola.description.text4'|trans | raw }}</p>
  166.                                 </div>
  167.                             </div>
  168.                         </div>
  169.                         <div class="ingredient-item__card">
  170.                             <h5 class="ingredient-item__card__title" type="button" data-toggle="collapse" data-target="#brulafine-ingredient-kola-2" aria-expanded="false">
  171.                                 {{ 'site.ingredients.titleEffects'|trans }}
  172.                                 {{icon('btn-arrow')}}
  173.                             </h5>
  174.                             <div id="brulafine-ingredient-kola-2" class="collapse">
  175.                                 <div class="ingredient-item__card__body">
  176.                                     <ul class="ingredient-item__list">
  177.                                         {% for i in range(1,3) %}
  178.                                             <li>
  179.                                                 {{icon('check-circle')}}
  180.                                                 {{ ('site.ingredients.sections.ingredient.brulafine.kola.list.'~i) | trans }}
  181.                                             </li>
  182.                                         {% endfor %}
  183.                                     </ul>
  184.                                 </div>
  185.                             </div>
  186.                         </div>
  187.                     </div>
  188.                 </div>
  190.                 <div class="col-sm-4 col-sm-offset-1 order-0 order-sm-1 mb-3">
  191.                     <div class="stick-desktop">
  192.                         <div class="composition-table">
  193.                             <div class="composition-table__header">
  194.                                 <h4>{{ 'site.ingredients.titleInformation'|trans }}</h4>
  195.                             </div>
  196.                             <div class="composition-table__body">
  197.                                 <p>
  198.                                     <em>
  199.                                         {{ 'site.ingredients.sections.ingredient.brulafine.sidebar.paragraph'|trans }}
  200.                                     </em>
  201.                                 </p>
  202.                                 <div class="composition-table__section">
  203.                                     <h5 class="composition-table__row">{{ 'site.ingredients.sections.ingredient.brulafine.sidebar.subtitle'|trans | raw }}</h5>
  204.                                     {% for i in range(1,2) %}
  205.                                         <p class="composition-table__row">
  206.                                             {{ ('site.ingredients.sections.ingredient.brulafine.sidebar.list.'~i) | trans | raw }}
  207.                                         </p>
  208.                                     {% endfor %}
  209.                                 </div>
  210.                                 <div class="composition-table__section">
  211.                                     <h5 class="composition-table__row">{{ 'site.ingredients.sections.ingredient.brulafine.sidebar.subtitle2'|trans | raw }}</h5>
  212.                                     {% for i in range(1,1) %}
  213.                                         <p class="composition-table__row">
  214.                                             {{ ('site.ingredients.sections.ingredient.brulafine.sidebar.list2.'~i) | trans | raw }}
  215.                                         </p>
  216.                                     {% endfor %}
  217.                                 </div>
  218.                                 <div class="composition-table__section">
  219.                                     <h5 class="composition-table__row">{{ 'site.ingredients.sections.ingredient.brulafine.sidebar.subtitle3'|trans | raw }}</h5>
  220.                                     {% for i in range(1,1) %}
  221.                                         <p class="composition-table__row">
  222.                                             {{ ('site.ingredients.sections.ingredient.brulafine.sidebar.list3.'~i) | trans | raw }}
  223.                                         </p>
  224.                                     {% endfor %}
  225.                                 </div>
  226.                                 <div class="composition-table__section">
  227.                                     <h5 class="composition-table__row">{{ 'site.ingredients.sections.ingredient.brulafine.sidebar.subtitle4'|trans | raw }}</h5>
  228.                                 </div>
  229.                             </div>
  230.                         </div>
  231.                         {% if affiliateForLegalNotices(tracking) %}
  232.                             <p class="font-xs mb-0 mt-2">
  233.                                 <sup>*</sup>
  234.                                 {{ 'site.ingredients.sections.ingredient.brulafine.sidebar.legal'|trans }}</p>
  235.                         {% endif %}
  236.                     </div>
  237.                 </div>
  238.             </div>
  239.         </div>
  240.     </div>
  241. </section>