templates/layouts/front.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.getLocale() }}">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <meta http-equiv="x-ua-compatible" content="ie=edge">
  8.     <title>{% block title %}Saco{% endblock %}</title>
  9.     {% block stylesheets %}
  10.         {{ encore_entry_link_tags('front') }}
  11.     {% endblock %}
  13.     <script src="https://polyfill.io/v3/polyfill.min.js?version=3.52.1&features=fetch"></script>
  14.     <!-- IonIcons -->
  15.     <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  16.     <!-- Google Font: Source Sans Pro -->
  17.     <link rel="preconnect" href="https://fonts.gstatic.com">
  18.     <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
  19.           rel="stylesheet">
  20.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
  21.           integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  22.     <link rel="preconnect" href="https://fonts.gstatic.com">
  23.     <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  24.     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  26.     <!-- Global site tag (gtag.js) - Google Analytics -->
  27.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-SJ00MVYVY2"></script>
  28.     <script>
  29.         window.dataLayer = window.dataLayer || [];
  30.         function gtag(){dataLayer.push(arguments);}
  31.         gtag('js', new Date());
  33.         gtag('config', 'G-SJ00MVYVY2');
  34.     </script>
  35. <script src="https://www.google.com/recaptcha/api.js?render=6LdfcUQpAAAAAGbqQLbpffHIqTERrm-Pr9iL6HeC"></script> 
  37. </head>
  38. <body class="{% block bodyClass %}home{% endblock %}">
  39. <header id="header">
  40.     <div class="top-header">
  41.         <div class="container">
  42.             <div class="row">
  43.                 <div class="tel">
  44.                     <a href="tel:{{ 'phone'|getSacoParameter }}"> <i
  45.                                 class="icon icon-phone-call"> </i> {{ 'phone'|getSacoParameter }} </a>
  46.                 </div>
  47.                 <div class="searsh">
  48.                     <a id="searsh-icon" style="cursor: pointer;"> <i class="fa fa-search" aria-hidden="true"></i> </a>
  49.                     <form action="{{ path('page_blog') }}" id="searsh" style="display: none;">
  50.                         <input type="text" name="keywords" class="header_searsh_field">
  51.                     </form>
  52.                 </div>
  53.                 <div class="compte_menu">
  54.                     <div class="dropdown">
  55.                         <button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown"
  56.                                 aria-haspopup="true" aria-expanded="false">
  57.                             <i class="fa fa-bars"></i>
  58.                         </button>
  59.                         <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  60.                             {% if is_granted('ROLE_COACH') == true %}
  61.                                 <a class="dropdown-item role" href="{{ path('coach_profil') }}">Profil</a>
  62.                                 <a class="dropdown-item role" href="{{ path('coach_packs') }}">Mes Packs</a>
  63.                                 <a class="dropdown-item role" href="{{ path('coach_reservation_list') }}">Réservations</a>
  64.                                 <a class="dropdown-item role" href="{{ path('app_logout') }}">Déconnexion</a>
  65.                             {% elseif is_granted('ROLE_USER') == true %}
  66.                                 <a class="dropdown-item role" href="{{ path('user_profil') }}">Profil</a>
  67.                                 <a class="dropdown-item role" href="{{ path('user_reservation_list') }}">Réservations</a>
  68.                                 <a class="dropdown-item role" href="{{ path('user_abonnement') }}">Abonnement</a>
  69.                                 <a class="dropdown-item role" href="{{ path('app_logout') }}">Déconnexion</a>
  70.                             {% else %}
  71.                                 <a class="dropdown-item" href="{{ path('front_login') }}">Connexion</a>
  72.                             {% endif %}
  73.                         </div>
  74.                     </div>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.     </div>
  79.     <div class="logo-menu">
  80.         <div class="container">
  81.             <div class="row diver">
  82.                 <div class="logo"><a href="{{ path('homepage') }}"> <img
  83.                                 src="{{ asset('build/images/logo-saco-blanc.png') }}">
  84.                     </a></div>
  85.                 <div class="hamburger-menu">
  86.                     <input id="menu__toggle" type="checkbox" style="display: none;"/>
  87.                     <label class="menu__btn" for="menu__toggle">
  88.                         <span></span>
  89.                     </label>
  90.                     <ul class="menu__box">
  91.                         <li>
  92.                             <a class="menu__item {% if app.request.attributes.get('_route') in ['page_presentation_academy'] %}active{% endif %}"
  93.                                href="{{ path('page_presentation_academy') }}"> Présentation </a>
  94.                         </li>
  95.                         <li>
  96.                             <a class="menu__item {% if app.request.attributes.get('_route') in ['page_stage_academie', 'page_stage_academie_details'] %}active{% endif %}"
  97.                                href="{{ path('page_presentation') }}"> Stages académie </a>
  98.                         </li>
  99.                         <li class="sub"><a
  100.                                     class="menu__item {% if app.request.attributes.get('_route') in ['page_abonnnements_elearning', 'page_elearning', 'page_elearning_single', 'page_video_pro', 'page_video_pro_single'] %}active{% endif %}"
  101.                                     href="#"> E-LEARNING </a>
  102.                             <ul class="sub_menu">
  103.                                 <div class="sous">
  104.                                     <li>
  105.                                         <a class="menu__item sub_a {% if app.request.attributes.get('_route') in ['page_abonnnements_elearning'] %}active{% endif %}"
  106.                                            href="{{ path('page_abonnnements_elearning') }}">
  107.                                             <i class="icon icon-left-arrow gly-rotate"></i> Abonnements </a></li>
  108.                                     {% if app.user and app.user.subscription and app.user.subscription.getIsActive() %}
  109.                                         <li>
  110.                                             <a class="menu__item sub_a {% if app.request.attributes.get('_route') in ['page_video_pro', 'page_video_pro_single'] %}active{% endif %}"
  111.                                                href="{{ path('page_video_pro') }}">
  112.                                                 <i class="icon icon-left-arrow gly-rotate"></i>E-LEARNING </a></li>
  113.                                     {% else %}
  114.                                         <li>
  115.                                             <a class="menu__item sub_a {% if app.request.attributes.get('_route') in ['page_elearning', 'page_elearning_single'] %}active{% endif %}"
  116.                                                href="{{ path('page_elearning') }}">
  117.                                                 <i class="icon icon-left-arrow gly-rotate"></i>E-LEARNING </a></li>
  118.                                     {% endif %}
  119.                                 </div>
  120.                                 {{ include('layouts/partials/newsletter_form.html.twig') }}
  121.                             </ul>
  122.                         </li>
  123.                         <li class="sub"><a
  124.                                     class="menu__item {% if app.request.attributes.get('_route') in ['page_nos_formations_live', 'page_nos_formations_coaching', 'page_formation_live_single', 'page_formation_coaching_single'] %}active{% endif %}"
  125.                                     href="#"> formations coaching </a>
  126.                             <ul class="sub_menu">
  127.                                 <div class="sous">
  128.                                     <li>
  129.                                         <a class="menu__item sub_a {% if app.request.attributes.get('_route') in ['page_nos_formations_coaching'] %}active{% endif %}"
  130.                                            href="{{ path('page_nos_formations_coaching') }}">
  131.                                             <i class="icon icon-left-arrow gly-rotate"></i>Nos formations
  132.                                             coaching </a></li>
  133.                                     <li>
  134.                                         <a class="menu__item sub_a {% if app.request.attributes.get('_route') in ['page_nos_formations_live'] %}active{% endif %}"
  135.                                            href="{{ path('page_nos_formations_live') }}"><i
  136.                                                     class="icon icon-left-arrow gly-rotate"></i> Nos formations
  137.                                             live </a></li>
  138.                                 </div>
  139.                                 {{ include('layouts/partials/newsletter_form.html.twig') }}
  140.                             </ul>
  141.                         </li>
  142.                         <li class="sub"><a
  143.                                     class="menu__item {% if app.request.attributes.get('_route') in ['page_cours_anglais', 'page_cours_francais', 'page_anglais_cours_list', 'page_francais_cours_list', 'page_anglais_cours_reservation', 'page_francais_cours_reservation'] %}active{% endif %}"
  144.                                     href="#"> Cours de langue </a>
  145.                             <ul class="sub_menu">
  146.                                 <div class="sous">
  147.                                     <li>
  148.                                         <a class="menu__item sub_a {% if app.request.attributes.get('_route') in ['page_cours_anglais', 'page_anglais_cours_list', 'page_anglais_cours_reservation'] %}active{% endif %}"
  149.                                            href="{{ path('page_cours_anglais') }}"> <i
  150.                                                     class="icon icon-left-arrow gly-rotate"></i>Cours d'anglais </a>
  151.                                     </li>
  152.                                     <li>
  153.                                         <a class="menu__item sub_a {% if app.request.attributes.get('_route') in ['page_cours_francais', 'page_francais_cours_list', 'page_francais_cours_reservation'] %}active{% endif %}"
  154.                                            href="{{ path('page_cours_francais') }}"><i
  155.                                                     class="icon icon-left-arrow gly-rotate"></i> Cours de français</a>
  156.                                     </li>
  157.                                 </div>
  158.                                 {{ include('layouts/partials/newsletter_form.html.twig') }}
  159.                             </ul>
  160.                         </li>
  161.                         <li><a class="menu__item" href="https://shop.sacohair.fr/" target="_blank"> shop </a></li>
  162.                         <li><a class="menu__item" id="contact" href="{{ path('page_contact') }}"> <i
  163.                                         class="icon icon-left-arrow gly-rotate"></i>
  164.                                 Contactez-nous </a></li>
  165.                     </ul>
  166.                 </div>
  167.             </div>
  168.         </div>
  169.     </div>
  170. </header>
  171. <div class="main">
  172.     {% block content %}{% endblock %}
  174.     {% block faq %}
  175.         {{ render(path('bloc_faq_footer')) }}
  176.     {% endblock %}
  177. </div>
  178. <footer id="footer">
  179.     <div class="container">
  180.         <div class="row">
  181.             <div class="title-footer">
  182.                 Vous êtes intéressés ou vous souhaitez avoir plus d'information ?
  183.             </div>
  184.             <div class="sperateur"></div>
  185.         </div>
  186.     </div>
  187.     <div class="container">
  188.         <div class="row footer">
  190.             <div class="cordonne">
  191.                 <p> N'hésitez pas à nous contacter et nos conseillers
  192.                     vous guideront dans toutes vos démarches. </p>
  193.                 <div class="sperateur"></div>
  194.                 <p class="bold">Avec SACO vous bénéficierez des nombreuses années d'expérience en enseignement et de
  195.                     l'expertise </p>
  196.                     <div class="bloc_f">
  197.             <div class="left-f">
  198.                 <div class="tel-footer">
  199.                     <a href="tel:{{ 'phone'|getSacoParameter }}"> <i
  200.                                 class="icon icon-phone-call"> </i> {{ 'phone'|getSacoParameter }} </a>
  201.                 </div>
  202.                 <div class="rss">
  203.                     <a href="{{ 'facebook_link'|getSacoParameter }}">
  204.                         <i class="icon icon-facebook"> </i>
  205.                     </a>
  206.                     {# <a href="{{ 'instagram_link'|getSacoParameter }}">
  207.                         <i class="fa fa-instagram"> </i>
  208.                     </a> #}
  209.                 </div>
  210.             </div> 
  211.             <div class="right-f" style="width: 170px;"> 
  212.                  {# <a href="/uploads/certificat-qualiopi.pdf" target="_blank" style="display: flex;flex-direction: column;  color: #fff;  text-decoration: none;"> <small> Certifié pour actions de formation </small>  </a> #}
  213.                 <img src="{{ asset('build/images/LogoQualiopi-72dpi-Avec-Marianne.png') }}"> 
  214.             </div>
  215.         </div>
  216.                 <div class="menu_footer">
  217.                     <ul>
  218.                         <li><a href="{{ path('page_cgv') }}"> CGV </a></li>
  219.                         <li><a href="{{ path('page_vos_donnes_personnelles') }}"> Vos données personnelles </a></li>
  220.                         <li><a href="{{ path('page_politique_cookies') }}"> Politique cookies </a></li>
  221.                         <li><a href="{{ path('sitemap') }}" target="_blank"> Plan du site </a></li>
  222.                         <li><a href="{{ path('page_mentions_legales') }}"> Mentions légales </a></li>
  223.                     </ul>
  224.                 </div>
  225.             </div>
  226.             <div class="formulaire">
  227.                 <form class="contact">
  228.                     <div class="row-group">
  229.                         <input type="mail" name="email" placeholder="Email" required/>
  230.                         <small class="form-text text-danger" style="display: none;">Ce champ est obligatoire.</small>
  231.                         <small class="form-text text-danger email-not-valid" style="display: none;">Vous devez saisir un
  232.                             email valid.
  233.                         </small>
  234.                     </div>
  235.                     <div class="row-group">
  236.                         <input type="text" name="subject" placeholder="Sujet" required/>
  237.                         <small class="form-text text-danger" style="display: none;">Ce champ est obligatoire.</small>
  238.                     </div>
  239.                     <div class="row-group">
  240.                         <textarea name="message" placeholder="Message" required></textarea>
  241.                         <small class="form-text text-danger" style="display: none;">Ce champ est obligatoire.</small>
  242.                     </div>
  243.                     <div class="form-group">
  244.                         <button type="submit" class="submit enabled" name=""><i
  245.                                     class="icon icon-left-arrow gly-rotate"> </i>
  246.                             Envoyer
  247.                         </button>
  248.                         <img class="submit disabled" src="{{ asset('build/images/loading_footer.gif') }}"
  249.                              style="width: 80px; height: 80px; margin-left: 40%; display: none;">
  250.                         <small class="form-text success text-success" style="display: none;">Votre message à été
  251.                             transféré.
  252.                         </small>
  253.                     </div>
  254.                 </form>
  255.             </div>
  256.         </div>
  257.     </div>
  258.     <div class="container ff">
  259.         <div class="row">
  260.             <a style=" color: rgb(255 255 255 / 28%);" > © SACO-EDUCATION </a>
  261.             <p > Développé par <a style=" color:#ab1322;" href="https://kwantic.fr/" target="_blank"> Agence web Kwantic  </a></p>
  262.         </div>
  263.     </div>
  264.     </div>
  265. </footer>
  266. <!-- REQUIRED SCRIPTS -->
  268. <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  269. <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  271. {% block javascripts %}
  272.     {{ encore_entry_script_tags('front') }}
  273. {% endblock %}
  275. <script>
  276. window.axeptioSettings = {
  277.   clientId: "61324517100d993532ba0694",
  278.   cookiesVersion: "saco-education-base",
  279. };
  280.  
  281. (function(d, s) {
  282.   var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
  283.   e.async = true; e.src = "//static.axept.io/sdk.js";
  284.   t.parentNode.insertBefore(e, t);
  285. })(document, "script");
  286. </script>
  289.    <script>
  290.     $(function() {
  291.         $('[name="register"] .submit').on('click', function(e){
  292.             e.preventDefault();
  293.             var element = $(this);
  294.             grecaptcha.ready(function () {
  295.                 grecaptcha.execute('6LdfcUQpAAAAAGbqQLbpffHIqTERrm-Pr9iL6HeC', { action: 'contact' }).then(function (token) {
  296.                     $(element).closest('form').find('[name="recaptcha_response"]').val(token);
  297.                     $(element).closest('form').submit();
  298.                 });
  299.             });
  300.         })
  301.     });
  302.   </script> 
  303. </body> 
  304. </html>