templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         {% block metadata %}
  6.         {% endblock %}
  7.         <link rel="icon" href="/picture/logo/logo-ilex-min.jpg">
  8.         
  9.         <link rel="stylesheet" href="/style/main.css?v2">
  10.         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
  11.         <link rel="preconnect" href="https://fonts.googleapis.com">
  12.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  13.         <link href="https://fonts.googleapis.com/css2?family=Fira+Sans: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&family=Montserrat: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" rel="stylesheet">
  14.         <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
  15.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  16.         <script src="js/menu_burger.js" defer></script>
  17.         <meta name="google-site-verification" content="zxk7AGPYKIOxpdDEx7o3b5MjcVO7PLeV8dn6QrogOqk" />
  18.         {% block stylesheets %}
  19.         {% endblock %}
  20.         {% block javascripts %}
  21.         {% endblock %}
  22.     </head>
  23.     <body>
  24.         <header>
  25.             <img alt="ILEX formation et consulting" src="/picture/logo/logo-ilex-min.jpg">
  26.             <nav>
  27.                 <a href="/">ACCUEIL</a>
  28.                 <a href="/apropos">QUI SOMMES NOUS ?</a>
  29.                 <a href="/flyer" target="_blank">FLYER</a>
  30.                 <a href="/actualites">ACTUALITÉS</a>
  31.                 <div class="nav-sous-menu">
  32.                     <div class="sous-menu-titre">FORMATIONS <i class="fas fa-angle-up"></i></div>
  33.                     <div class="sous-menu-liste">
  34.                         <a href="/etablissement">ÉTABLISSEMENTS</a>
  35.                         <a href="/domicile">STRUCTURES À DOMICILE</a>
  36.                         <a href="/habitat">HABITATS INCLUSIFS/PARTAGÉS</a>
  37.                         <a href="/residenceservice">RÉSIDENCES SERVICES RÉSIDENCES AUTONOMIE</a>
  38.                         <a href="/catalogue">CATALOGUES</a>
  39.                         <a href="#" style="color:rgb(0, 119, 255);" id="fileFormation">ESPACE STAGIAIRE</a>
  40.                     </div>
  41.                 </div>
  42.                 <a href="/seminaire">SÉMINAIRES</a>
  43.                 <a href="/documentaire">ESPACE DOCUMENTAIRE</a>
  44.                 
  45.                 <a href="/contact">CONTACT</a>
  46.                 <div class="reseau-sociaux">
  47.                     <!--<a href="#" class="partage-insta"><i class="fab fa-instagram"></i></a>-->
  48.                     <a href="https://www.linkedin.com/in/delphine-dupr%C3%A9-l%C3%A9v%C3%AAque-759368b5/" target="_blank" class="partage-linkedin"><i class="fab fa-linkedin"></i></a>
  49.                     <a href="https://twitter.com/DelphineDUPRE" target="_blank" class="partage-twitter"><i class="fab fa-twitter"></i></a>
  50.                 </div>
  51.             </nav>
  52.             <div id="button_burger" class="button_burger">
  53.                 <i class="fas fa-bars"></i>
  54.             </div>
  55.             <div id="background_burger" class="background-burger"></div>
  56.             <div id="menu_burger" class="menu_burger">
  57.                 <a href="/">ACCUEIL</a>
  58.                 <a href="/apropos">QUI SOMMES NOUS ?</a>
  59.                 <a href="/flyer" target="_blank">FLYER</a>
  60.                 <a href="/actualites">ACTUALITÉS</a>
  61.                     <div class="menu-mobile-formation">
  62.                         <p>Fomations :</p>
  63.                         <a href="/etablissement">ÉTABLISSEMENTS</a>
  64.                         <a href="/domicile">STRUCTURES À DOMICILE</a>
  65.                         <a href="/habitat">HABITATS INCLUSIFS/PARTAGÉS</a>
  66.                         <a href="/residenceservice">RÉSIDENCES SERVICES RÉSIDENCES AUTONOMIE</a>
  67.                         <a href="/catalogue">CATALOGUES</a>
  68.                         <a href="#" style="color:rgb(0, 119, 255);" id="fileFormationMobile">ESPACE STAGIAIRE</a>
  69.                     </div>
  70.                 <a href="/seminaire">SÉMINAIRES</a>
  71.                 <a href="/documentaire">ESPACE DOCUMENTAIRE</a>
  72.                 
  73.                 <a href="/contact">CONTACT</a>
  74.                 <div class="menu-mobile-reseau-sociaux">
  75.                     <!--<a href="#" class="partage-insta"><i class="fab fa-instagram"></i></a>-->
  76.                     <a href="https://www.linkedin.com/in/delphine-dupr%C3%A9-l%C3%A9v%C3%AAque-759368b5/" target="_blank" class="partage-linkedin"><i class="fab fa-linkedin"></i></a>
  77.                     <a href="https://twitter.com/DelphineDUPRE" target="_blank" class="partage-twitter"><i class="fab fa-twitter"></i></a>
  78.                 </div>
  79.             </div>
  80.         </header>
  81.         <main>
  82.         
  83.             {% block body %}{% endblock %}
  84.         </main>
  85.         <footer>
  86.             <div class="container-footer">
  87.                 <div class="flex-footer">
  88.                     <div class="logo-ilex">
  89.                         <img src="/picture/logo/logo-ilex-min.png">
  90.                     </div>
  91.                     <div class="certifications">
  92.                         {% for certification in certifications %}
  93.                         <img src="/images/upload/{{ certification.image }}">
  94.                         {% endfor %}
  95.                     </div>
  96.                     <div class="lien-page">
  97.                         <div>
  98.                             <a href="/">Accueil</a>
  99.                             <a href="/apropos">QUI SOMMES-NOUS ?</a>
  100.                             <a href="/actualites">Actualités</a>
  101.                             <a href="/etablissement">ÉTABLISSEMENTS</a>
  102.                             <a href="/domicile">STRUCTURES À DOMICILE</a>
  103.                             <a href="/habitat">HABITATS INCLUSIFS/PARTAGÉS</a>
  104.                             <a href="/residenceservice">RÉSIDENCES SERVICES<br> RÉSIDENCES AUTONOMIE</a>
  105.                         </div>
  106.                         <div>
  107.                             <a href="/catalogue">Catalogues</a>
  108.                             <a href="/seminaire">SÉMINAIRES</a>
  109.                             <a href="/documentaire">ESPACE DOCUMENTAIRE</a>
  110.                             <a href="/contact">Contact</a>
  111.                             {% for document in documentCGVReglement %}
  112.                                 <a href="/pdf/upload/{{document.pdf}}" target="_blank">{{document.titre}}</a>
  113.                             {% endfor %}
  114.                             {# <a href="/cgv">CONDITIONS GENERALES DE VENTE</a>
  115.                             <a href="/reglement-interieur">Règlement intérieur</a> #}
  116.                             <a href="/mentionlegales">Mentions légales</a>
  117.                             <a href="#" id="manage-cookies" style="font-size:12px;">Cookies</a>
  118.                         </div>
  119.                         
  120.                         
  121.                     </div>
  122.                 
  123.                 
  124.                 </div>
  125.             </div>
  126.             <div class="signature">
  127.                 Site réalisé par <a href="https://www.malt.fr/profile/louisrejou" target="_blank">Louis Réjou</a>
  128.             </div>
  129.         </footer>
  130.                 <div id="modal-file" class="modal-file">
  131.             <p class="titre-modal">Télécharger les supports de formation</p>
  132.             <p class="description-modal">Inscrire le code fourni pendant la formation</p>
  133.             <form action="/codefichier" method="post" class="form-codesecret">
  134.                 <label>Code supports formation :</label>
  135.                 <input type="text" name="code"/>
  136.                 <input type="submit" value="Valider"/>
  137.             </form>
  138.             <button id="close-modal" class="button-close-modal">Fermer la fenetre</button>
  139.         </div>
  140.         {% include '_cookie_consent.html.twig' %}
  141.     </body>
  142.     <script>
  143.         let buttonDesktop = document.getElementById("fileFormation");
  144.         let buttonMobile = document.getElementById("fileFormationMobile");
  145.         let buttonCloseModal = document.getElementById("close-modal");
  146.         let modalFileBalise = document.getElementById("modal-file");
  147.         buttonDesktop.addEventListener("click",()=>{
  148.             openModalFile();
  149.         });
  150.         buttonMobile.addEventListener("click",()=>{
  151.             openModalFile();
  152.         });
  153.         buttonCloseModal.addEventListener("click",()=>{
  154.             modalFileBalise.style.display = "none";
  155.         });
  156.         function openModalFile(){
  157.             modalFileBalise.style.display = "block";
  158.         }
  159.         // Gestion réouverture bandeau cookies
  160.         let manageCookiesLink = document.getElementById('manage-cookies');
  161.         if(manageCookiesLink){
  162.             manageCookiesLink.addEventListener('click', function(e){
  163.                 e.preventDefault();
  164.                 if(window.showCookieBanner){ window.showCookieBanner(); }
  165.             });
  166.         }
  167.     </script>
  168. </html>