templates/main/site/views/Partials/Homepage/homepageIngredients.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 class="section gradient-pink-orange-light">
  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.ingredients2.brulafine.title'|trans | raw }} {% if affiliateForLegalNotices(tracking) %}*
  9.                 {% endif %}
  10.             </h2>
  11.             <p class="text-center text-dark font-lg">
  12.                 {{ 'site.home.sections.ingredients2.brulafine.text'|trans }}
  13.                 {% if affiliateForLegalNotices(tracking) %}*
  14.                 {% endif %}
  15.             </p>
  16.         </div>
  17.         <div class="row">
  18.             <div class="col-sm-4 wow fadeInUp">
  19.                 <p class="text-center">
  20.                     <picture>
  21.                         <source srcset="{{ asset('/images/main/product/ingredients/vert.webp') }} 1x, {{ asset('/images/main/product/ingredients/vert@2x.webp') }} 1.5x" type="image/webp">
  22.                         <source srcset="{{ asset('/images/main/product/ingredients/vert.jpg') }} 1x, {{ asset('/images/main/product/ingredients/vert@2x.jpg') }} 1.5x" type="image/jpg">
  23.                         <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 }}">
  24.                     </picture>
  25.                 </p>
  26.                 <h3 class="text-center mb-0">
  27.                     {{ 'site.home.sections.ingredients2.brulafine.vert.title'|trans | raw }}
  28.                 </h3>
  29.                 <p class="text-center">
  30.                     <em>{{ 'site.home.sections.ingredients2.brulafine.vert.subtitle'|trans | raw }}</em>
  31.                 </p>
  32.                 <ul class="list-unstyled">
  33.                     {% for i in range(1,4) %}
  34.                         <li>
  35.                             {{ ('site.home.sections.ingredients2.brulafine.vert.list.'~i) | trans| raw }}
  36.                             {% if affiliateForLegalNotices(tracking) %}
  37.                                 <sup>*</sup>
  38.                             {% endif %}
  39.                         </li>
  40.                     {% endfor %}
  41.                 </ul>
  42.             </div>
  43.             <div class="col-sm-4 wow fadeInUp" data-wow-delay="0.1s">
  44.                 <p class="text-center">
  45.                     <picture>
  46.                         <source srcset="{{ asset('/images/main/product/ingredients/guarana.webp') }} 1x, {{ asset('/images/main/product/ingredients/guarana@2x.webp') }} 1.5x" type="image/webp">
  47.                         <source srcset="{{ asset('/images/main/product/ingredients/guarana.jpg') }} 1x, {{ asset('/images/main/product/ingredients/guarana@2x.jpg') }} 1.5x" type="image/jpg">
  48.                         <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 }}">
  49.                     </picture>
  50.                 </p>
  51.                 <h3 class="text-center mb-0">
  52.                     {{ 'site.home.sections.ingredients2.brulafine.guarana.title'|trans | raw }}
  53.                 </h3>
  54.                 <p class="text-center">
  55.                     <em>{{ 'site.home.sections.ingredients2.brulafine.guarana.subtitle'|trans | raw }}</em>
  56.                 </p>
  57.                 <ul class="list-unstyled">
  58.                     {% for i in range(1,6) %}
  59.                         <li>
  60.                             {{ ('site.home.sections.ingredients2.brulafine.guarana.list.'~i) | trans | raw }}
  61.                             {% if affiliateForLegalNotices(tracking) %}
  62.                                 <sup>*</sup>
  63.                             {% endif %}
  64.                         </li>
  65.                     {% endfor %}
  66.                 </ul>
  67.             </div>
  68.             <div class="col-sm-4 wow fadeInUp" data-wow-delay="0.2s">
  69.                 <p class="text-center">
  70.                     <picture>
  71.                         <source srcset="{{ asset('/images/main/product/ingredients/kola.webp') }} 1x, {{ asset('/images/main/product/ingredients/kola@2x.webp') }} 1.5x" type="image/webp">
  72.                         <source srcset="{{ asset('/images/main/product/ingredients/kola.jpg') }} 1x, {{ asset('/images/main/product/ingredients/kola@2x.jpg') }} 1.5x" type="image/jpg">
  73.                         <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 }}">
  74.                     </picture>
  75.                 </p>
  76.                 <h3 class="text-center mb-0">
  77.                     {{ 'site.home.sections.ingredients2.brulafine.kola.title'|trans  | raw }}
  78.                 </h3>
  79.                 <p class="text-center">
  80.                     <em>{{ 'site.home.sections.ingredients2.brulafine.kola.subtitle'|trans | raw }}</em>
  81.                 </p>
  82.                 <ul class="list-unstyled">
  83.                     {% for i in range(1,3) %}
  84.                         <li>
  85.                             {{ ('site.home.sections.ingredients2.brulafine.kola.list.'~i) | trans | raw }}
  86.                             {% if affiliateForLegalNotices(tracking) %}
  87.                                 <sup>*</sup>
  88.                             {% endif %}
  89.                         </li>
  90.                     {% endfor %}
  91.                 </ul>
  92.             </div>
  94.         </div>
  95.         <p class="text-center mt-4 mb-1">
  96.             <a href="{{ path('brulafine_ingredients')}}" class="btn btn-lg btn-wrap btn-default">
  97.                 {{ 'site.home.sections.ingredients2.brulafine.button'|trans | raw }}
  98.                 {{icon('arrow-right', 'ml-1')}}
  99.             </a>
  100.         </p>
  101.         {% if affiliateForLegalNotices(tracking) %}
  102.             <p class="text-center font-xs text-gray">
  103.                 * {{ 'site.home.sections.ingredients.brulafine.legal'|trans | raw }}
  104.             </p>
  105.         {% endif %}
  106.     </div>
  107. </section>