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