templates/front/pages/homepage.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/front.html.twig' %}
  2. {% block content %}
  3.     <section class="slider">
  4.         <div class="container">
  5.             <div class="row">
  6.                 <div id="slide-home" class="carousel slide" data-ride="carousel">
  7.                     <div class="carousel-item carousel1" style="height: 740px;background-color: #000;">
  8.                         {% for slide in slides %}
  9.                             <div class="fond-item " data-aos="fade-zoom-in" data-aos-delay="1000" style="background: url('{{ asset('uploads/'~slide.image) }}'); {% if not loop.first %}opacity: 0;{% endif %} ">
  10.                                 <div class="item">
  11.                                     <div class="titre_item">{{ slide.title }}</div>
  12.                                     <div class="sperateur"></div>
  13.                                     <div class="description_item">{{ slide.description|raw }}</div>
  14.                                     <div class="link_item">
  15.                                         <a href="{{ slide.btnLink }}" class="btn_slider">
  16.                                             <i class="icon icon-left-arrow gly-rotate"></i> {{ slide.btnText }} </a>
  17.                                     </div>
  18.                                 </div>
  19.                             </div>
  20.                         {% endfor %}
  21.                     </div>
  22.                 </div>
  23.             </div>
  24.         </div>
  25.     </section>
  26.     <section class="bloc1">
  27.         <div class="container">
  28.             <div class="row">
  29.                 <div class="blocs">
  30.                     <form id="filter" action="">
  31.                         <div class="colf">
  32.                             <p class="title_filter"> {{ blocs.accueil_bloc_search.title }} </p>
  33.                             {{ blocs.accueil_bloc_search.description|raw }}
  34.                         </div>
  35.                         <div class="colf">
  36.                             <input type="text" class="input" name="keywords" placeholder="Mots clés..">
  37.                         </div>
  38.                         <div class="colf">
  39.                             <select id="formation_type">
  40.                                 <option value=""> Type de formation</option>
  41.                                 <option value="{{ path('page_stage_academie') }}"> Stage Academy</option>
  42.                                 <option value="{{ path('page_nos_formations_live') }}"> Formation Live</option>
  43.                                 <option value="{{ path('page_nos_formations_coaching') }}"> Formation Coaching</option>
  44.                             </select>
  45.                         </div>
  46.                         <div class="colf">
  47.                             <button type="button" class="submit"/>
  48.                             <i class="icon icon-left-arrow gly-rotate"> </i> Rechercher</button>
  49.                         </div>
  50.                     </form>
  51.                     <div id="formation_filter_error" class="alert alert-danger" style="display: none">Veuillez
  52.                         selectionner un type de formation
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </section>
  58.     <section class="bloc2">
  59.         <div class="container">
  60.             <div class="row">
  61.                 <h1 class="title"> {{ blocs.accueil_bloc_about.title }} </h1>
  62.                 <div class="sperateur"></div>
  63.             </div>
  64.             <div class="row texte-saco">
  65.                 {{ blocs.accueil_bloc_about.description|raw }}
  66.             </div>
  67.         </div>
  68.     </section>
  69.         <section class="bloc2_after">
  70.         <div class="container" style="margin-bottom:2%;">
  71.             
  72.                 <h2 class="title"> {{ blocs.title_chiffre.title }} </h2>
  73.                 <div class="sperateur"></div>
  74.             
  75.         </div>
  76.         <div class="container">
  77.             <div class="counter_bloc">
  78.                 <div class="number_counter">{{ blocs.chiffre_1.description|raw }}</div>
  79.                 <div class="text_counter"> 
  80.                 <span> {{ blocs.chiffre_1.title }}  </span> 
  81.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Mode_Isolation" x="0px" y="0px" viewBox="0 0 25 25" style="enable-background:new 0 0 25 25;" xml:space="preserve">
  82.                 <g>
  83.                     <path d="M7.9,8.54c0.45,1.31,1.03,2.56,1.58,3.82c0.13,0.31,0.26,0.61,0.4,0.92c0.11,0.23,0.25,0.46,0.47,0.54   c0.51,0.21,1.06-0.39,1.45-0.7c2.02-1.57,4.03-3.15,6.04-4.73c0.47-0.37,0.94-0.8,1.47-1.06c0.4-0.2,0.91-0.34,1.25,0.08   c0-0.12,0-0.25,0-0.37c-1.13,1.19-2.28,2.34-3.42,3.51c-1.15,1.18-2.29,2.36-3.44,3.55c-0.57,0.59-1.14,1.17-1.71,1.76   c-0.28,0.29-0.56,0.58-0.84,0.87c-0.27,0.28-0.53,0.58-0.81,0.82c-0.23,0.19-0.48,0.33-0.75,0.19c-0.24-0.13-0.43-0.4-0.59-0.65   c-0.45-0.69-0.88-1.4-1.32-2.09c-1.02-1.62-2.05-3.22-3.07-4.83c-0.03,0.15-0.07,0.31-0.1,0.46c1.05-0.9,2.18-1.67,3.38-2.26   C7.99,8.3,8.08,8.17,8.04,8c-0.03-0.14-0.17-0.26-0.29-0.2C6.5,8.39,5.31,9.13,4.21,10.03c-0.11,0.09-0.2,0.31-0.1,0.46   c0.95,1.49,1.89,2.98,2.85,4.47c0.48,0.74,0.96,1.48,1.44,2.23c0.36,0.55,0.79,1.23,1.44,1.22c0.33-0.01,0.62-0.21,0.88-0.45   c0.29-0.27,0.57-0.58,0.85-0.87c0.59-0.62,1.19-1.23,1.78-1.85c1.18-1.22,2.36-2.45,3.53-3.67c1.33-1.39,2.65-2.8,4-4.17   c0.09-0.09,0.08-0.27,0-0.37c-0.63-0.8-1.63-0.33-2.3,0.15c-1,0.73-1.97,1.54-2.95,2.31c-0.99,0.78-1.98,1.56-2.97,2.34   c-0.5,0.4-1,0.79-1.5,1.19c-0.18,0.14-0.46,0.43-0.69,0.32c-0.2-0.1-0.31-0.5-0.41-0.72c-0.62-1.41-1.22-2.85-1.95-4.18   C8.04,8.32,7.85,8.39,7.9,8.54L7.9,8.54z"/>
  84.                 </g>
  85.                 </svg>
  86.                 </div>
  87.             </div>
  88.             <div class="counter_bloc flex_b">
  89.                 <div class="number_counter">{{ blocs.chiffre_2.description|raw }} % </div>
  90.                 <div class="text_counter"> 
  91.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Mode_Isolation" x="0px" y="0px" viewBox="0 0 25 25" style="enable-background:new 0 0 25 25;" xml:space="preserve">
  92.                 <style type="text/css">
  93.                     .st0{fill:url(#SVGID_1_);}
  94.                 </style>
  95.                 <radialGradient id="SVGID_1_" cx="195.7171" cy="-249.3641" r="22.1756" gradientTransform="matrix(0.3941 0 0 0.3516 -64.6391 100.1688)" gradientUnits="userSpaceOnUse">
  96.                     <stop offset="0.5744" style="stop-color:#161412"/>
  97.                     <stop offset="0.7977" style="stop-color:#161412"/>
  98.                     <stop offset="1" style="stop-color:#161412"/>
  99.                 </radialGradient>
  100.                 <path class="st0" d="M21.2,10.45c-0.03-0.03-0.05-0.05-0.08-0.08c-0.12-0.03-0.22-0.05-0.31-0.06c-0.51-0.05-1.03-0.07-1.53-0.08  c-0.5,0-1.04-0.01-1.71-0.01c-0.38,0-0.76,0-1.13,0c-0.38,0-0.75,0-1.13,0h-0.09l-0.04-0.08c-0.04-0.09-0.08-0.17-0.13-0.25  c-0.08-0.16-0.17-0.32-0.22-0.48c-0.22-0.59-0.43-1.2-0.64-1.78c-0.18-0.51-0.37-1.03-0.55-1.54c-0.07-0.2-0.15-0.39-0.23-0.59  c-0.07-0.17-0.14-0.34-0.2-0.51c-0.08-0.22-0.2-0.3-0.42-0.31c-0.02,0.03-0.04,0.07-0.06,0.1c-0.08,0.12-0.16,0.25-0.23,0.38  c-0.16,0.3-0.32,0.59-0.48,0.88c-0.61,1.12-1.24,2.28-1.84,3.43c-0.21,0.4-0.48,0.57-0.9,0.57c-0.03,0-0.07,0-0.11,0  C8.41,10,7.61,9.97,6.56,9.93C5.94,9.91,5.27,9.9,4.48,9.9H4.45c-0.11,0-0.25,0.03-0.42,0.09c-0.14,0.05-0.23,0.12-0.26,0.21  c-0.03,0.1,0.04,0.2,0.11,0.27C4,10.59,4.15,10.71,4.3,10.82c0.05,0.04,0.11,0.08,0.16,0.12c0.98,0.78,1.94,1.55,2.96,2.36  l0.91,0.73l0.06,0.05l-0.02,0.07l-0.19,0.86c-0.35,1.61-0.71,3.24-1.07,4.86c0,0,0,0.01,0,0.01c0.12,0.05,0.23,0.08,0.34,0.08  c0.24,0,0.44-0.13,0.65-0.26l0.02-0.01c1.1-0.7,2.22-1.41,3.31-2.11c0.4-0.26,0.8-0.51,1.21-0.77l0.08-0.05l0.08,0.04  c1,0.55,1.85,1.25,2.67,1.93c0.64,0.53,1.31,1.08,2.03,1.54c0.03,0.01,0.06,0.02,0.08,0.02c0.03,0,0.05-0.01,0.08-0.01  c0.01-0.01,0.03-0.02,0.04-0.04c0.01-0.01,0.01-0.03,0.02-0.04c0-0.01,0.01-0.02,0.01-0.03l0,0c0.02-0.04,0.03-0.09,0.05-0.13  c0.01-0.02,0.02-0.05,0.03-0.07c0-0.01,0.01-0.02,0.01-0.03c-0.01-0.1-0.02-0.19-0.04-0.28l-0.07-0.31  c-0.34-1.53-0.69-3.12-1.08-4.67c-0.13-0.51,0-0.83,0.45-1.12c1.19-0.78,2.42-1.61,3.89-2.62c0.06-0.04,0.12-0.1,0.18-0.16  c0.02-0.07,0.04-0.14,0.05-0.21c0-0.02,0.01-0.04,0.01-0.06c0-0.01-0.01-0.02-0.01-0.03C21.21,10.48,21.21,10.46,21.2,10.45z   M19.66,11.14c-0.15,0.09-0.28,0.18-0.4,0.26c-0.23,0.15-0.43,0.28-0.63,0.4c-0.3,0.18-0.61,0.37-0.91,0.55  c-0.56,0.34-1.15,0.69-1.71,1.05c-0.29,0.19-0.42,0.28-0.45,0.37c-0.04,0.1,0.01,0.25,0.09,0.52c0.01,0.04,0.02,0.08,0.04,0.12  c0.28,0.98,0.54,1.96,0.81,3c0.12,0.44,0.24,0.9,0.36,1.38l0.11,0.41l-0.35-0.28c-0.15-0.12-0.27-0.23-0.4-0.33  c-0.24-0.2-0.44-0.36-0.65-0.53c-0.18-0.14-0.36-0.28-0.54-0.42c-0.52-0.41-1.06-0.83-1.61-1.21c-0.32-0.22-0.51-0.31-0.68-0.31  c-0.19,0-0.42,0.12-0.73,0.33c-0.83,0.56-1.68,1.13-2.5,1.68c-0.46,0.31-0.96,0.78-1.5,0.96c-0.02-0.27,0.08-0.53,0.14-0.79  c0.05-0.24,0.11-0.48,0.17-0.72c0.06-0.23,0.12-0.47,0.17-0.7c0.2-0.81,0.41-1.66,0.64-2.48c0.09-0.33,0.02-0.53-0.27-0.76  c-0.85-0.64-1.7-1.31-2.53-1.95c-0.26-0.21-0.53-0.41-0.79-0.62C5.45,11,5.37,10.93,5.26,10.84c-0.19-0.16-0.42-0.28-0.59-0.46  c0.78-0.11,1.67,0.06,2.45,0.11c0.86,0.06,1.75,0.12,2.62,0.17c0.06,0,0.12,0.01,0.17,0.01c0.5,0,0.63-0.14,0.86-0.67  c0.43-0.99,0.9-1.98,1.36-2.94c0.21-0.43,0.33-1.08,0.75-1.38c0.02-0.01,0.04-0.03,0.07-0.02c0.02,0,0.03,0.02,0.04,0.03  c0.1,0.12,0.08,0.32,0.12,0.46c0.05,0.17,0.12,0.35,0.17,0.52c0.09,0.26,0.18,0.53,0.27,0.79c0,0,1.02,3.06,1.02,3.06  c0.56,0.18,1.13,0.2,1.62,0.2c0.09,0,0.18,0,0.28,0c0.09,0,0.19,0,0.28,0c0.09,0,0.17,0,0.24,0c0.55,0.01,1.08,0.06,1.7,0.12  c0.29,0.03,0.58,0.06,0.9,0.08l0.38,0.03L19.66,11.14z"/>
  101.                 </svg>
  102.                 <span> {{ blocs.chiffre_2.title }}  </span> 
  103.                 </div>
  104.             </div>
  105.             <div class="counter_bloc">
  106.                 <div class="number_counter">{{ blocs.chiffre_3.description|raw }}</div>
  107.                 <div class="text_counter"> 
  108.                 <span> {{ blocs.chiffre_3.title }} </span> 
  109.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Mode_Isolation" x="0px" y="0px" viewBox="0 0 25 25" style="enable-background:new 0 0 25 25;" xml:space="preserve">
  110.                 <g>
  111.                     <path d="M7.9,8.54c0.45,1.31,1.03,2.56,1.58,3.82c0.13,0.31,0.26,0.61,0.4,0.92c0.11,0.23,0.25,0.46,0.47,0.54   c0.51,0.21,1.06-0.39,1.45-0.7c2.02-1.57,4.03-3.15,6.04-4.73c0.47-0.37,0.94-0.8,1.47-1.06c0.4-0.2,0.91-0.34,1.25,0.08   c0-0.12,0-0.25,0-0.37c-1.13,1.19-2.28,2.34-3.42,3.51c-1.15,1.18-2.29,2.36-3.44,3.55c-0.57,0.59-1.14,1.17-1.71,1.76   c-0.28,0.29-0.56,0.58-0.84,0.87c-0.27,0.28-0.53,0.58-0.81,0.82c-0.23,0.19-0.48,0.33-0.75,0.19c-0.24-0.13-0.43-0.4-0.59-0.65   c-0.45-0.69-0.88-1.4-1.32-2.09c-1.02-1.62-2.05-3.22-3.07-4.83c-0.03,0.15-0.07,0.31-0.1,0.46c1.05-0.9,2.18-1.67,3.38-2.26   C7.99,8.3,8.08,8.17,8.04,8c-0.03-0.14-0.17-0.26-0.29-0.2C6.5,8.39,5.31,9.13,4.21,10.03c-0.11,0.09-0.2,0.31-0.1,0.46   c0.95,1.49,1.89,2.98,2.85,4.47c0.48,0.74,0.96,1.48,1.44,2.23c0.36,0.55,0.79,1.23,1.44,1.22c0.33-0.01,0.62-0.21,0.88-0.45   c0.29-0.27,0.57-0.58,0.85-0.87c0.59-0.62,1.19-1.23,1.78-1.85c1.18-1.22,2.36-2.45,3.53-3.67c1.33-1.39,2.65-2.8,4-4.17   c0.09-0.09,0.08-0.27,0-0.37c-0.63-0.8-1.63-0.33-2.3,0.15c-1,0.73-1.97,1.54-2.95,2.31c-0.99,0.78-1.98,1.56-2.97,2.34   c-0.5,0.4-1,0.79-1.5,1.19c-0.18,0.14-0.46,0.43-0.69,0.32c-0.2-0.1-0.31-0.5-0.41-0.72c-0.62-1.41-1.22-2.85-1.95-4.18   C8.04,8.32,7.85,8.39,7.9,8.54L7.9,8.54z"/>
  112.                 </g>
  113.                 </svg>
  114.                 </div>
  115.             </div>
  117.         </div>
  118.     </section>
  120.     <section class="videos">
  121.         <div class="container">
  122.             <div class="row">
  123.                 <div class="col-md-6 col-sm-6 col-xs-12">
  124.                     <div class="list-video">
  125.                         {% for video in videos %}
  126.                             <div class="video"
  127.                                  style="background: url('{{ asset('uploads/'~video.image) }}');">
  128.                                 <div class="titre-video">
  129.                                     <p> {{ video.title }} avec </p>
  130.                                     <span> {{ video.coach }}  </span>
  131.                                 </div>
  132.                             </div>
  133.                         {% endfor %}
  134.                     </div>
  135.                 </div>
  136.                 <div class="col-md-6 col-sm-6 col-xs-12 capture">
  137.                     <div class="right-text">
  138.                         <h2> {{ blocs.accueil_bloc_abonnement.title }} </h2>
  139.                         <div class="sperateur"></div>
  140.                         <div class="texte-video">
  141.                             {{ blocs.accueil_bloc_abonnement.description|raw }}
  142.                         </div>
  143.                         <a href="{{ path('page_elearning') }}" class="btn"> <i
  144.                                     class="icon icon-left-arrow gly-rotate"></i> Nos demos & vidéos </a>
  145.                     </div>
  146.                 </div>
  147.             </div>
  148.         </div>
  149.     </section>
  150.     <section class="formation">
  151.         <div class="container">
  152.             <div class="row section-head">
  153.                 <h2 class="title"> {{ blocs.accueil_bloc_formation.title }} </h2>
  154.                 <div class="sperateur"></div>
  155.                 {{ blocs.accueil_bloc_formation.description|raw }}
  156.             </div>
  157.             <div class="row">
  158.                 <div class="list-formation">
  159.                     {% for formation in formations %}
  160.                         <div class="forma">
  161.                             <div class="image">
  162.                                 <a class="pointer_link" href="{{ path('page_formation_live_single', {slug: formation.slug}) }}"> </a>
  163.                                 <img src="{{ asset('uploads/'~formation.image) }}">
  164.                                 <div class="date"> {{ formation.date|format_datetime('long', 'short', locale='fr') }}</div>
  165.                                 <div class="inscri"><a
  166.                                             href="{{ path('page_formation_live_single', {slug: formation.slug}) }}"
  167.                                             class="btn"> <i class="icon icon-left-arrow gly-rotate"></i> inscription
  168.                                     </a></div>
  169.                             </div>
  170.                             <div class="conten-formation">
  171.                                 <div class="title-content-formation"><a
  172.                                             href="{{ path('page_formation_live_single', {slug: formation.slug}) }}">{{ formation.coach }}</a></div>
  173.                                 <div class="location"> <a
  174.                                             href="{{ path('page_formation_live_single', {slug: formation.slug}) }}">{{ formation.title }}</a></div>
  175.                                 <div class="sperateur"></div>
  176.                                 <div class="expert">{{ formation.description|excerpt(100) }}</div>
  177.                                 <div class="deadline-formation"><p> Encore <span> {{ formation.date|daysBetweenDates }}
  178.                                             jours </span> pour vous inscrire ! </p>
  179.                                 </div>
  180.                             </div>
  181.                         </div>
  182.                     {% endfor %}
  183.                 </div>
  184.             </div>
  185.             <div class="row">
  186.                 <div class="link_formation">
  187.                     <a href="{{ path('page_nos_formations_live') }}"> <i class="icon icon-left-arrow gly-rotate"></i>
  188.                         Toutes Nos formations </a>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.     </section>
  193.     <section class="logos"  style="padding-bottom: 2%;" >
  194.         <div class="container">
  195.             <div class="row section-head">
  196.                 <h2 class="title"> {{ blocs.stage_academy_new_bloc.title }} </h2>
  197.                 <div class="sperateur"></div>   
  198.                
  199.             </div>
  200.             <div class="row nb_sa">
  201.                 <div class="col-md-6 col-sm-12 col-xs-12">
  202.                     <img width="100%" height="auto" src="{{ asset('uploads/'~blocs.stage_academy_new_bloc.image) }}">
  203.                 </div>
  204.                 <div class="col-md-6 col-sm-12 col-xs-12">
  205.                     {{ blocs.stage_academy_new_bloc.description|raw }}   
  206.                 </div>
  207.             </div>
  208.         </div>
  209.     </section>
  210.     <section class="logos">
  211.         <div class="container">
  212.             <div class="row section-head">
  213.                 <h2 class="title"> Nos partenaires </h2>
  214.                 <div class="sperateur"></div>     
  215.             </div>
  216.             <div class="row">
  217.                 <div class="lis_logos">
  218.                     {% for partner in partners %}
  219.                     <a href="{{ partner.btnLink }}" target="_blank"> <img src="{{ asset('uploads/'~partner.image) }}"> </a>
  220.                     {% endfor %}
  221.                 </div>
  222.             </div>
  223.         </div>
  224.     </section>
  225.     <section class="temoignage">
  226.         <div class="container">
  227.             <div class="row">
  228.                 <div class="rev">
  229.                     {% for temoignage in temoignages %}
  230.                         <div class="item-rev">
  231.                             <div class="left-rev">
  232.                                 <div class="titte-rev">{{ temoignage.title }}</div>
  233.                                 <div class="description-rev">
  234.                                     {{ temoignage.description|raw }}
  235.                                 </div>
  236.                                 <div class="auteur">{{ temoignage.name }}</div>
  237.                             </div>
  238.                             <div class="right-rev"
  239.                                  style="background: url('{{ asset('uploads/'~temoignage.image) }}');">
  241.                             </div>
  242.                         </div>
  243.                     {% endfor %}
  244.                 </div>
  245.             </div>
  246.         </div>
  247.     </section>
  248.     <section class="actualite">
  249.         <div class="container">
  250.             <div class="row section-head">
  251.                 <h2 class="title"> {{ blocs.accueil_bloc_actualite.title }} </h2>
  252.                 <div class="sperateur"></div>
  253.             </div>
  254.             <div class="row">
  255.                 <div class="list-actus">
  256.                     {% for post in posts %}
  257.                         <div class="actus">
  258.                             <div class="actus-img">
  259.                                 <a href="{{ path('page_blog_single', {slug: post.slug}) }}"><img
  260.                                             src="{{ asset('uploads/'~post.image) }}"></a>
  261.                             </div>
  262.                             <div class="content-actus">
  263.                                 <div class="titre"><a
  264.                                             href="{{ path('page_blog_single', {slug: post.slug}) }}">{{ post.title }}</a>
  265.                                 </div>
  266.                                 <div class="sous-titre"><a href="{{ path('page_blog_single', {slug: post.slug}) }}">Publié
  267.                                         le : {{ post.publishAt|date('d/m/Y') }}</a></div>
  268.                                 <div class="sperateur"></div>
  269.                                 <div class="expert">
  270.                                     {{ post.excerpt|excerpt(150) }}
  271.                                 </div>
  272.                             </div>
  273.                         </div>
  274.                     {% endfor %}
  275.                 </div>
  276.             </div>
  277.             <div class="row">
  278.                 <div class="link_actus">
  279.                     <a href="{{ path('page_blog') }}"> <i class="icon icon-left-arrow gly-rotate"></i> Toutes Nos
  280.                         actualités </a>
  281.                 </div>
  282.             </div>
  283.         </div>
  284.     </section>
  285. {% endblock %}