templates/main/site/views/Static/coaching.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'Site' %}
  2. {% extends "main/site/views/common/base.html.twig" %}
  4. {% block title %}{{ 'site.coaching.pageData.title'|trans | raw }}{% endblock %}
  6. {% block meta_description %}<meta name="description" content="{{ 'site.coaching.pageData.meta.description'|trans | raw }}">{% endblock %}
  8. {% block page_specific_meta %}
  9.     {{ parent() }}
  10.     <link rel="canonical" href="{{ url('brulafine_coaching') }}" />
  11. {% endblock %}
  14. {% block javascripts %}
  15. {{ parent() }}
  16. {{ GGMarketingTag('visite', app.request.locale, tracking) }}
  17.     <script>
  18.         var heroImgs = $(".coaching-new-hero__images > img")
  19.         var heroImgcount = heroImgs.length;
  21.         heroImgs.load(function() {
  22.             heroImgcount--;
  23.             if (!heroImgcount) {
  24.                 $(".coaching-new-hero").addClass('coaching-new-hero--active');
  25.                 new WOW().init();
  26.             }
  27.         }).filter(function() { return this.complete; }).load();
  28.     </script>
  29.     {# end for coaching only #}
  30. {% endblock %}
  32. {% block fb_event_tag %}
  33.     {% if tracking is defined %}
  34.         {{ getFbkEventTag(app.request.locale, tracking, 'visite') }} {# We want only one tag per page. If no event provided, pageview will be displayed. #}
  35.     {% else %}
  36.         {{ getFbkEventTag(app.request.locale) }}
  37.     {% endif %}
  38. {% endblock %}
  40. {% block page_content %}
  42.     {# content #}
  43.     <div class="content" role="main">
  45.       <div class="coaching-new-hero">
  46.         <div class="loading"></div>
  47.         <div class="container-fluid">
  48.             <div class="row">
  49.               <div class="col-sm-6">
  50.                 <div class="coaching-new-hero__body">
  51.                   <h1 class="mb-3 underline-bottom wow fadeInUp" data-wow-duration=".3s" data-wow-delay="0s">{{ 'site.coaching.hero.title'|trans | raw }}</h1>
  52.                   <div class="wow fadeInUp" data-wow-duration=".3s" data-wow-delay="0.1s">
  53.                     <p class="h3">{{ 'site.coaching.hero.title2'|trans | raw }}</p>
  54.                     <p>{{ 'site.coaching.hero.text'|trans | raw }}</p>
  55.                     <p class="h5 mb-gutter">{{ 'site.coaching.hero.text2'|trans | raw }}</p>
  56.                   </div>
  57.                   <p class="mb-0 wow fadeInUp" data-wow-duration=".3s" data-wow-delay="0.3s">
  58.                     <a href="#commande" class="btn btn-default btn-lg">{{ 'site.coaching.hero.button'|trans | raw }}</a>
  59.                   </p>
  60.                 </div>
  61.               </div>
  62.               <div class="col-sm-6">
  63.                 <div class="coaching-new-hero__images">
  64.                   <img class="coaching-new-hero__images__item coaching-new-hero__iphone wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.2s" data-src="{{ asset('/images/main/c-hero-iphone-' ~ app.request.locale ~ '.png') }}" alt="">
  65.                   <img class="coaching-new-hero__images__item coaching-new-hero__food-1 wow zoomIn" data-wow-duration=".3s" data-wow-delay="0.9s" data-src="/images/main/c-hero-food-1.jpg" alt="">
  66.                   <img class="coaching-new-hero__images__item coaching-new-hero__food-2 wow zoomIn" data-wow-duration=".3s" data-wow-delay="1s" data-src="/images/main/c-hero-food-2.jpg" alt="">
  67.                   <img class="coaching-new-hero__images__item coaching-new-hero__food-3 wow zoomIn" data-wow-duration=".3s" data-wow-delay="1.1s" data-src="/images/main/c-hero-food-3.jpg"  alt="">
  68.                   <img class="coaching-new-hero__images__item coaching-new-hero__food-4 wow zoomIn" data-wow-duration=".3s" data-wow-delay="1.2s" data-src="/images/main/c-hero-food-4.jpg" alt="">
  69.                 </div>
  70.               </div>
  71.             </div>
  72.         </div>
  73.       </div>
  75.             <div class="section section--small section--c-1">
  76.                 <div class="container-fluid">
  77.                     
  78.                     <div class="row">
  79.             <div class="col-sm-6">
  80.               <p class="text-center"><img class="img-fluid section--c-1__image" data-src="/images/main/c-ipad.jpg" alt=""></p>
  81.             </div>
  82.             <div class="col-sm-6">
  83.               <p class="h3">{{ 'site.coaching.sections.one.title'|trans | raw }}</p>
  84.               <p>{{ 'site.coaching.sections.one.text.1'|trans | raw }}</p>
  85.               <p>{{ 'site.coaching.sections.one.text.2'|trans | raw }}</p>
  86.             </div>
  87.           </div>
  89.           <div class="row row--vcenter">
  90.             <div class="col-md-6">
  91.               <p class="h3">{{ 'site.coaching.sections.one.title2'|trans | raw }}</p>
  92.               <p>{{ 'site.coaching.sections.one.text2.1'|trans | raw }}</p>
  93.               <p>{{ 'site.coaching.sections.one.text2.2'|trans | raw }}</p>
  94.             </div>
  95.             <div class="col-md-6 hidden-xs hidden-sm">
  96.               <p class="text-center"><img data-src="/images/main/c-apple.jpg" class="img-fluid wow fadeInRight" data-wow-duration=".8s" alt=""></p>
  97.             </div>
  98.           </div>
  101.                 </div>
  102.       </div>
  103.       
  104.       <section class="section section--green section--c-2">
  105.         <div class="container-fluid">
  106.           <div class="row row--vcenter">
  107.             <div class="col-sm-6">
  108.                 <p class="text-right mb-0">
  109.                     <img class="img-fluid section--c-2__image wow fadeInLeft" data-wow-duration=".8s" data-wow-offset="400" data-src="/images/main/c-coach.png" alt="">
  110.                 </p>
  111.             </div>
  112.             <div class="col-sm-6 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0.4s">
  113.               <div class="section--c-2__body">
  114.                 <h2>{{ 'site.coaching.sections.two.title'|trans | raw }}</h2>
  115.                 <p>{{ 'site.coaching.sections.two.text.1'|trans | raw }}</p>
  116.                 <p class="mb-0">{{ 'site.coaching.sections.two.text.2'|trans | raw }}</p>
  117.               </div>
  118.             </div>
  119.           </div>
  120.         </div>
  121.       </section>
  123.       <section class="section section--gray section--c-3">
  124.         <div class="container-fluid">
  125.           <div class="section__title">
  126.                 <h2 class="h2 text-center underline-bottom">{{ 'site.coaching.sections.three.title'|trans | raw }}</h2>
  127.           </div>
  128.           <div class="row">
  129.             <div class="col-sm-6 wow fadeInUp" data-wow-offset="200" data-wow-duration=".6s">
  130.               <p class="text-center">
  131.                 <img data-src="{{ asset('/images/main/c-screen-1-' ~ app.request.locale ~ '.png') }}" class="img-fluid section--c-3__image" alt="">
  132.               </p>
  133.               <h3 class="h5">{{ 'site.coaching.sections.three.title2'|trans | raw }}</h3>
  134.               <p>
  135.                   {{ 'site.coaching.sections.three.text.1'|trans | raw }}
  136.               </p>
  137.               <p>{{ 'site.coaching.sections.three.text.2'|trans | raw }}</p>
  138.             </div>
  139.             <div class="col-sm-6 wow fadeInUp" data-wow-offset="200" data-wow-duration=".6s" data-wow-delay="0.2s">
  140.               <p class="text-center">
  141.                 <img data-src="{{ asset('/images/main/c-screen-2-' ~ app.request.locale ~ '.png') }}" class="img-fluid section--c-3__image" alt="">
  142.               </p>
  143.                 <h3 class="h5">{{ 'site.coaching.sections.three.title3'|trans | raw }}</h3>
  144.               <p>{{ 'site.coaching.sections.three.text2'|trans | raw }}</p>
  145.             </div>
  146.           </div>
  147.          
  148.         </div>
  149.       </section>
  151.       <section class="section">
  152.         <div class="container-fluid">
  153.             <div class="section__title">
  154.                   <h2 class="h2 text-center underline-bottom">{{ 'site.coaching.sections.four.title'|trans | raw }}</h2>
  155.             </div>
  156.             <div class="coaching-menu">
  157.               <div class="row">
  158.                 <div class="col-xs-6 col-sm-3">
  159.                   <div class="coaching-menu__box wow fadeIn" data-wow-duration=".6s">
  160.                     <div class="coaching-menu__box__image">
  161.                       <img data-src="/images/main/c-m-1.jpg" class="img-fluid" alt="">
  162.                     </div>
  163.                     <div class="coaching-menu__box__body">
  164.                       <span class="hidden-xs">{{ 'site.common.menu'|trans | raw }}</span> {{ 'site.coaching.sections.four.menu.1'|trans | raw }}
  165.                     </div>
  166.                   </div>
  167.                 </div>
  168.                 <div class="col-xs-6 col-sm-3">
  169.                   <div class="coaching-menu__box wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.1s">
  170.                     <div class="coaching-menu__box__image">
  171.                       <img data-src="/images/main/c-m-2.jpg" class="img-fluid" alt="">
  172.                     </div>
  173.                     <div class="coaching-menu__box__body">
  174.                       <span class="hidden-xs">{{ 'site.common.menu'|trans | raw }}</span> {{ 'site.coaching.sections.four.menu.2'|trans | raw }}
  175.                     </div>
  176.                   </div>
  177.                 </div>
  178.                 <div class="col-xs-6 col-sm-3">
  179.                   <div class="coaching-menu__box wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.2s">
  180.                     <div class="coaching-menu__box__image">
  181.                       <img data-src="/images/main/c-m-3.jpg" class="img-fluid" alt="">
  182.                     </div>
  183.                     <div class="coaching-menu__box__body">
  184.                       <span class="hidden-xs">{{ 'site.common.menu'|trans | raw }}</span> {{ 'site.coaching.sections.four.menu.3'|trans | raw }}
  185.                     </div>
  186.                   </div>
  187.                 </div>
  188.                 <div class="col-xs-6 col-sm-3">
  189.                   <div class="coaching-menu__box wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.3s">
  190.                     <div class="coaching-menu__box__image">
  191.                       <img data-src="/images/main/c-m-4.jpg" class="img-fluid" alt="">
  192.                     </div>
  193.                     <div class="coaching-menu__box__body">
  194.                       <span class="hidden-xs">{{ 'site.common.menu'|trans | raw }}</span> {{ 'site.coaching.sections.four.menu.4'|trans | raw }}
  195.                     </div>
  196.                   </div>
  197.                 </div>
  198.               </div>
  199.             </div>
  200.           
  201.             <div class="row mb-gutter">
  202.               <div class="col-lg-10 col-lg-offset-2">
  203.                 <div class="row mb-gutter">
  204.                   <div class="col-sm-6">
  205.                     <ul class="list-icons">
  206.                       <li class="list-icons__item wow fadeIn" data-wow-duration=".6s">
  207.                           <img data-src="/images/main/c-i1.svg" class="icon text-primary" alt="">
  208.                           <span class="h5 mb-0">{{ 'site.coaching.sections.four.list.1'|trans | raw }}</span>
  209.                       </li>
  210.                       <li class="list-icons__item wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.2s">
  211.                           <img data-src="/images/main/c-i2.svg" class="icon text-primary" alt="">
  212.                           <span class="h5 mb-0">{{ 'site.coaching.sections.four.list.2'|trans | raw }}</span>
  213.                       </li>
  214.                       <li class="list-icons__item wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.4s">
  215.                           <img data-src="/images/main/c-i3.svg" class="icon text-primary" alt="">
  216.                           <span class="h5 mb-0">{{ 'site.coaching.sections.four.list.3'|trans | raw }}</span>
  217.                       </li>
  218.                       <li class="list-icons__item wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.6s">
  219.                           <img data-src="/images/main/c-i4.svg" class="icon text-primary" alt="">
  220.                           <span class="h5 mb-0">{{ 'site.coaching.sections.four.list.4'|trans | raw }}</span>
  221.                       </li>
  222.                     </ul>
  223.                   </div>
  224.                   <div class="col-sm-6">
  225.                     <ul class="list-icons">
  226.                       <li class="list-icons__item wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.1s">
  227.                           <img data-src="/images/main/c-i5.svg" class="icon text-primary" alt="">
  228.                           <span class="h5 mb-0">{{ 'site.coaching.sections.four.list.5'|trans | raw }}</span>
  229.                       </li>
  230.                       <li class="list-icons__item wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.3s">
  231.                           <img data-src="/images/main/c-i6.svg" class="icon text-primary" alt="">
  232.                           <span class="h5 mb-0">{{ 'site.coaching.sections.four.list.6'|trans | raw }}</span>
  233.                       </li>
  234.                       <li class="list-icons__item wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.5s">
  235.                           <img data-src="/images/main/c-i7.svg" class="icon text-primary" alt="">
  236.                           <span class="h5 mb-0">{{ 'site.coaching.sections.four.list.7'|trans | raw }}</span>
  237.                       </li>
  238.                       <li class="list-icons__item wow fadeIn" data-wow-duration=".6s" data-wow-delay="0.7s">
  239.                           <img data-src="/images/main/c-i8.svg" class="icon text-primary" alt="">
  240.                           <span class="h5 mb-0">{{ 'site.coaching.sections.four.list.8'|trans | raw }}</span>
  241.                       </li>
  242.                     </ul>
  243.                   </div>
  244.                 </div>
  246.               </div>
  247.             </div>
  248.             <div class="section__title">
  249.                 <h2 class="h1 text-center underline-bottom">{{ 'site.coaching.sections.five.title'|trans | raw }}</h2>
  250.                 <h3 class="h3 text-center mt-gutter">{{ 'site.coaching.sections.five.title2'|trans | raw }}</h3>
  251.             </div>
  252.             <p class="text-center">
  253.                 <img data-src="{{ asset('/images/main/c-graph-' ~ app.request.locale ~ '.svg') }}" class="img-fluid wow fadeInUp" data-wow-duration=".6s" alt="">
  254.             </p>
  255.             <div class="row mt-gutter">
  256.                 <div class="col-lg-10 col-lg-offset-2">
  257.                   <div class="row">
  258.                     <div class="col-xs-6">
  259.                         <ul class="list-bullets">
  260.                             {% for i in range(1,2) %}
  261.                                 <li>{{ ('site.coaching.sections.five.list.'~i)|trans | raw }}</li>
  262.                             {% endfor %}
  263.                         </ul>
  264.                     </div>
  265.                     <div class="col-xs-6">
  266.                         <ul class="list-bullets">
  267.                             {% for i in range(1,2) %}
  268.                                 <li>{{ ('site.coaching.sections.five.list2.'~i)|trans | raw }}</li>
  269.                             {% endfor %}
  270.                         </ul>
  271.                     </div>
  272.                   </div>
  273.                 </div>
  274.             </div>
  275.         </div>
  276.       </section>
  278.       <section class="section section--c-4">
  279.           <div class="container-fluid">
  280.             <div class="row row--vcenter">
  281.               <div class="col-sm-6">
  282.                   <div class="section--c-4__images">
  283.                     <img data-src="{{ asset('/images/main/c-screen-3-' ~ app.request.locale ~ '.png') }}" class="img-fluid" alt="">
  284.                     <img data-src={{ asset('/images/main/c-hand-iphone-' ~ app.request.locale ~ '.png') }} class="img-fluid hidden-xs hidden-sm wow fadeInLeft" data-wow-offset="400" data-wow-duration=".6s" alt="">
  285.                   </div>
  286.                   </p>
  287.               </div>
  288.               <div class="col-sm-6">
  289.                 <div class="section-c-4__body">
  290.                   <h2 class="h2">{{ 'site.coaching.sections.six.title'|trans | raw }}</h2>
  291.                   <ul class="list-icons list-icons--sm list-icons--tick mb-0">
  292.                       <li class="list-icons__item">
  293.                         <svg class="icon icon-24">
  294.                           <use xlink:href="/images/main/icons-ui-sprite.svg#icon-tick"></use>
  295.                         </svg>
  296.                           {{ 'site.coaching.sections.six.list.1'|trans | raw }}
  297.                       </li>
  298.                       <li class="list-icons__item">
  299.                         <svg class="icon icon-24">
  300.                           <use xlink:href="/images/main/icons-ui-sprite.svg#icon-tick"></use>
  301.                         </svg>
  302.                           {{ 'site.coaching.sections.six.list.2'|trans | raw }}
  303.                       </li>
  304.                       <li class="list-icons__item">
  305.                         <svg class="icon icon-24">
  306.                           <use xlink:href="/images/main/icons-ui-sprite.svg#icon-tick"></use>
  307.                         </svg>
  308.                           {{ 'site.coaching.sections.six.list.3'|trans | raw }}
  309.                       </li>
  310.                       <li class="list-icons__item mb-0">
  311.                         <svg class="icon icon-24">
  312.                           <use xlink:href="/images/main/icons-ui-sprite.svg#icon-tick"></use>
  313.                         </svg>
  314.                           {{ 'site.coaching.sections.six.list.4'|trans | raw }}
  315.                       </li>
  316.                       
  317.                   </ul>
  318.                 </div>
  319.               </div>
  320.             </div>
  321.           </div>
  322.       </section>
  324.       <section class="section section--c-5">
  325.           <div class="container-fluid">
  326.               <div class="section__title">
  327.                     <h2 class="h2 text-center underline-bottom">{{ 'site.coaching.sections.seven.title'|trans | raw }}</h2>
  328.               </div>
  329.               <div class="row">
  330.                   <div class="col-lg-10 col-lg-offset-1">
  331.                     <div class="row">
  332.                       <div class="col-sm-4 wow fadeInUp" data-wow-duration=".6s">
  333.                         <p class="text-center">
  334.                             <img data-src="/images/main/c-i-pc.svg" alt="">
  335.                         </p>
  336.                         <p class="text-center">
  337.                             {{ 'site.coaching.sections.seven.text.1'|trans | raw }}
  338.                         </p>
  339.                       </div>
  340.                       <div class="col-sm-4 wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.2s">
  341.                         <p class="text-center">
  342.                             <img data-src="/images/main/c-i-tablet.svg" alt="">
  343.                         </p>
  344.                         <p class="text-center">
  345.                             {{ 'site.coaching.sections.seven.text.2'|trans | raw }}
  346.                         </p>
  347.                       </div>
  348.                       <div class="col-sm-4 wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.4s">
  349.                         <p class="text-center">
  350.                             <img data-src="/images/main/c-i-phone.svg" alt="">
  351.                         </p>
  352.                         <p class="text-center">
  353.                             {{ 'site.coaching.sections.seven.text.3'|trans | raw }}
  354.                         </p>
  355.                       </div>
  356.                     </div>
  357.                   </div>
  358.               </div>
  359.           </div>
  360.         </section>
  362.         <div class="section section--c-6" id="commande">
  363.             <div class="container-fluid">
  364.                 <div class="section__title">
  365.                       <h2 class="h2 text-center underline-bottom">{{ 'site.coaching.sections.eight.title'|trans | raw }}</h2>
  366.                 </div>
  367.               </div>
  368.         </div>
  370.         {% include "main/site/views/Partials/Heroes/heroKonjacDetails.html.twig" with {
  371.           headerTag: "h3"
  372.         } %}
  375.         <section class="section section--small">
  376.           <div class="container-fluid">
  377.             <div class="row">
  378.               <div class="col-md-8" id="pack-selector">
  379.                   <div class="section__title section__title--small">
  380.                     <h2>{{ 'site.coaching.sections.nine.title'|trans | raw }}</h2>
  381.                   </div>
  383.                   {# Packs - copied from src\Castalis\Pls\Brulafine\CoreBundle\Resources\views\Default\pack.html.twig #}
  384.     
  385.                   {% for flash_message in app.session.flashBag.get('error') %}
  386.                               <div class="alert alert-danger" role="alert">
  387.                                 <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  388.                                   {{ flash_message | trans({}, constant('App\\Services\\TranslationManager::TRANSLATION_DOMAIN_FLASH')) }}
  389.                               </div>
  390.                   {% endfor %}
  392.                   {% for sitePackTemplate in defaultProposedPacks %}
  393.                   {% if sitePackTemplate.packTemplate.packTemplateType == constant('App\\Entity\\Main\\PackTemplate::AUTO_PACK') %}
  394.                           {% include "main/site/views/Partials/regularPackPartial.html.twig" %}
  395.                   {% elseif sitePackTemplate.packTemplate.packTemplateType == constant('App\\Entity\\Main\\PackTemplate::CUSTOM_PACK') %}
  396.                   <h3 class="h4">{{ 'site.coaching.sections.nine.title2'|trans | raw }}</h3>
  397.                           {% include "main/site/views/Partials/customPackPartial.html.twig" %}
  398.                   {% endif %}
  399.                   {% endfor %}
  400.                   <p class="text-right">
  401.                       <a href="/cart" class="btn btn-lg btn-primary step__cta">
  402.                           {{ 'site.common.buttons.continue'|trans | raw }}
  403.                           <svg class="icon icon-18 icon-right">
  404.                               <use xlink:href="/images/main/icons-ui-sprite.svg#icon-btn-arrow"></use>
  405.                           </svg>
  406.                       </a>
  407.                   </p>
  410.                   {# end Packs #}
  413.               </div>
  414.               <div class="col-md-4">
  415.                   <div class="box box--c-offer">
  416.                       <div class="box--c-offer__image">
  417.                           <img data-src="/images/main/c-offer.jpg" width="358" height="329" class="img-fluid" alt="">
  418.                       </div>
  419.                       <div class="box--c-offer__body">
  420.                         <h3 class="h3">{{ 'site.coaching.sections.nine.right.title'|trans | raw }}</h3>
  421.                         <ul class="list-icons list-icons--sm list-icons--tick">
  422.                             <li class="list-icons__item">
  423.                               <svg class="icon icon-24">
  424.                                 <use xlink:href="/images/main/icons-ui-sprite.svg#icon-tick"></use>
  425.                               </svg>
  426.                                 {{ 'site.coaching.sections.nine.right.list.1'|trans | raw }}
  427.                             </li>
  428.                             <li class="list-icons__item">
  429.                               <svg class="icon icon-24">
  430.                                 <use xlink:href="/images/main/icons-ui-sprite.svg#icon-tick"></use>
  431.                               </svg>
  432.                                 {{ 'site.coaching.sections.nine.right.list.2'|trans | raw }}
  433.                             </li>
  434.                             <li class="list-icons__item">
  435.                               <svg class="icon icon-24">
  436.                                 <use xlink:href="/images/main/icons-ui-sprite.svg#icon-tick"></use>
  437.                               </svg>
  438.                                 {{ 'site.coaching.sections.nine.right.list.3'|trans | raw }}
  439.                             </li>
  440.                         </ul>
  441.                           <p class="font-sm text-justify mt-gutter mb-0">{{ 'site.coaching.sections.nine.text'|trans | raw }} <a href="{{ path('brulafine_protected_asset', {'assetType': 'cgu', 'locale': app.request.locale}) }}" target="_blank" rel="nofollow noopener">{{ 'site.common.CGU'|trans | raw }}</a> {{ 'site.common.et'|trans | raw }} <a href="{{ path('brulafine_protected_asset', {'assetType': 'cgv', 'locale': app.request.locale}) }}" target="_blank" rel="nofollow noopener">{{ 'site.common.CGV'|trans | raw }}</a>.</p>
  442.                       </div>
  443.                   </div>
  444.               </div>
  445.             </div>
  446.             </div>
  447.         </section>
  449.         <section class="section section--small">
  450.             <div class="container-fluid">
  451.               <h2 class="h5">{{ 'site.coaching.sections.ten.title'|trans | raw }}</h2>
  452.               <div class="row">
  453.                   <div class="col-sm-4">
  454.                     <h3 class="h6">{{ 'site.coaching.sections.ten.title2'|trans | raw }}</h3 class="h6">
  455.                     <p class="text-justify font-sm">{{ 'site.coaching.sections.ten.text'|trans | raw }}</p>
  456.                   </div>
  457.                   <div class="col-sm-4">
  458.                     <h3 class="h6">{{ 'site.coaching.sections.ten.title3'|trans | raw }}</h3 class="h6">
  459.                     <p class="text-justify font-sm">{{ 'site.coaching.sections.ten.text2'|trans | raw }}</p>
  460.                   </div>
  461.                   <div class="col-sm-4">
  462.                     <h3 class="h6">{{ 'site.coaching.sections.ten.title4'|trans | raw }}</h3 class="h6">
  463.                     <p class="font-sm">{{ 'site.coaching.sections.ten.text3'|trans | raw }}</p>
  464.                     <p class="font-sm">{{ 'site.coaching.sections.ten.text4'|trans | raw }}</p>
  465.                     <ul class="list-bullets font-sm">
  466.                         {% for i in range(1,3) %}
  467.                             <li>{{ ('site.coaching.sections.ten.list.'~i)|trans | raw }}</li>
  468.                         {% endfor %}
  469.                     </ul>
  470.                   </div>
  471.               </div>
  472.                 {% if app.request.locale == 'fr' %}
  473.               <hr>
  474.               <p class="font-sm">{{ 'site.coaching.sections.ten.text5'|trans | raw }}</p>
  475.               <p class="font-sm">{{ 'site.coaching.sections.ten.text6'|trans | raw }} <a href="https://www.anses.fr/fr/system/files/NUT2012SA0103Ra-1.pdf" rel="noopener noreferrer" target="_blank">{{ 'site.coaching.sections.ten.link'|trans() | raw }}</a>.</p>
  476.               <p class="font-sm">{{ 'site.coaching.sections.ten.text7'|trans | raw }} <a href="http://www.mangerbouger.fr/pro/IMG/pdf/rapport_recommandations_anses_activite_physique_sedentarite.pdf" rel="noopener noreferrer" target="_blank">{{ 'site.coaching.sections.ten.link'|trans() | raw }}</a>.</p>
  477.               <p class="font-sm">{{ 'site.coaching.sections.ten.text8'|trans | raw }} <a href="http://www.mangerbouger.fr/PNNS/Guides-et-documents" rel="noopener noreferrer" target="_blank">{{ 'site.coaching.sections.ten.link'|trans() | raw }}</a>.</p>
  478.                 {% endif %}
  479.             </div>
  480.         </section>
  482.     </div>
  483.     {# end content #}
  485. {% endblock %}