templates/main/etablissement.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block metadata %}
  5.         {% set title = 'Ilex formation & consulting : ÉTABLISSEMENT' %}
  6.         {% set description = 'Pour une meilleure qualité de vie des personnes accompagnées et des équipes. Pour maintenir l’autonomie des habitants et limiter le turnover des professionnels.' %}
  7.         {% set image = 'https://ilexfc.com/picture/background-img/etablicement.jpg' %}
  9.         <title>{{title}}</title>
  10.         <meta name="description" content="{{description}}">
  12.         <meta property="og:title" content="{{title}}">
  13.         <meta property="og:description" content="{{description}}">
  14.         <meta property="og:image" content="{{image}}">
  15.         <meta property="og:type" content="article" />
  16.         <meta property="og:site_name" content="ILEX FC" />
  19.         <meta name= "twitter:card " content= "summary_large_image">
  20.         <meta name= "twitter:site " content= "@DelphineDUPRE">
  21.         <meta name= "twitter:title " content= "{{title}}">
  22.         <meta name= "twitter:description " content= "{{description}}">
  23.         <meta name= "twitter:creator " content= "@DelphineDUPRE">
  24.         <meta name= "twitter:image:src " content= "{{image}}">
  26. {% endblock %}
  31. {% block stylesheets %}
  32.     <link rel="stylesheet" href="/style/etablissement.css">
  33.     <link rel="stylesheet" href="/style/formations.css">
  34.     <script src="\js\modal-video.js"></script>
  35. {% endblock %}
  37. {% block body %}
  39.     <section class="section-intro-page">
  40.         <img src="/picture/background-img/etablicement.jpg">
  41.         <div class="filterIMG"></div>
  42.         <div class="intro-container-text">
  43.             <h1 class="titre1-g">ÉTABLISSEMENTS</h1>
  44.             <p>Pour réussir le virage domiciliaire et faire sens!</p>
  45.         </div>
  46.     </section>
  49.     <section class="section-page">
  51.         <div class="text-big-center">
  52.             <p>
  53.                 Pour un accompagnement singulier
  54.             </p>
  55.         </div>
  57.         <div class="pagination1">
  58.             <div class="pagination-img"> <img src="/picture/bank-images/37.JPG"></div>
  59.             <div class="pagination-text">
  60.                 <h2>Pour une meilleure qualité de vie des personnes accompagnées et des équipes. Pour maintenir l’autonomie des habitants et limiter le turnover des professionnels.</h2>
  61.                 <p>Pour vous préparer et vous conformer au référentiel de la HAS.
  62.                 </p>
  63.             </div>
  64.         </div>
  66.         <div class="pagination1">
  67.             <div class="pagination-text">
  68.                 <h2>Pour la mise en oeuvre d’une véritable culture éthique</h2>
  69.                 <p>Afin de vous accompagner dans les quatre valeurs fondamentales portées par le référentiel de la HAS et notamment la réflexion éthique des professionnels.
  70.                 </p>
  71.             </div>
  72.             <div class="pagination-img"> <img src="/picture/bank-images/46.JPG"></div>
  73.         </div>
  75.         <div class="pagination1">
  76.             <div class="pagination-img"> <img src="/picture/bank-images/53.JPG"></div>
  77.             <div class="pagination-text">
  78.                 <h2>Rester citoyenne et citoyen jusqu’au bout</h2>
  79.                 <p>Liberté d’aller et venir, pouvoir d’agir, respect des droits fondamentaux sont des thématiques fondamentales dont les équipes doivent s’acculturer.
  80.                 </p>
  81.             </div>
  82.         </div>
  83.     
  84.     </section>
  87.     <section class="formation">
  89.         <div class="bandeau-formation">
  90.             <p>
  91.                 Des formations ludiques adaptées à vos attentes et vos besoins
  92.             </p>
  93.         </div>
  95.         <h2 class="titre1-m">Découvrez nos formations</h2>
  98.         <div class="container-formations">
  100.             {% for formation in formations %}
  101.                 <div class="one-formations">
  102.                     <img src="/images/upload/{{formation.image}}" alt="image de la formation : {{formation.titre}}">
  103.                     <h3>{{formation.titre}}</h3>
  104.                     {% if formation.video %}
  105.                     <a onclick="modalVideo('{{formation.video}}')" class="video" >
  106.                         <i class="fas fa-angle-right"></i>
  107.                         <i class="fas fa-video"></i>
  108.                          Vidéo de présentation
  109.                         <i class="fas fa-angle-left"></i>
  110.                     </a>
  111.                     {% endif %}
  112.                     <div id="baliseModal" class="modal-video">
  113.                         <div class="header-modal"><span onclick="closemodalvideo()"><i class="far fa-window-close"></i></span></div>
  114.                         <div class="body-modal">
  115.                             <video id="balise-video" controls src="/video/upload/">Ici la description alternative</video>
  116.                         </div>
  117.                     </div>
  118.                     
  120.                     
  122.                     <a class="pdf" href="/pdf/upload/{{formation.pdf}}" target="_blank">
  123.                         <i class="fas fa-angle-right"></i>
  124.                          Télécharger la fiche (PDF)
  125.                         <i class="fas fa-angle-left"></i>
  126.                     </a>
  127.                 </div>
  128.             {% endfor %}
  129.         
  130.         </div>
  133.     {#
  134.         <div class="satisfaction">
  135.             <h2>Nos clients sont satisfaits</h2>
  136.             <div class="container-satisfaction">
  138.                 <div class="one-satisfaction">
  139.                     <p class="icon"><i class="fas fa-users"></i></p>
  140.                     <p class="chiffre">100%</p>
  141.                     <p class="text">Nous recommandent</p>
  142.                 </div>
  144.                 <div class="one-satisfaction">
  145.                     <p class="icon"><i class="fas fa-users"></i></p>
  146.                     <p class="chiffre">100%</p>
  147.                     <p class="text">Nous recommandent</p>
  148.                 </div>
  150.                 <div class="one-satisfaction">
  151.                     <p class="icon"><i class="fas fa-users"></i></p>
  152.                     <p class="chiffre">100%</p>
  153.                     <p class="text">Nous recommandent</p>
  154.                 </div>
  156.                 <div class="one-satisfaction">
  157.                     <p class="icon"><i class="fas fa-users"></i></p>
  158.                     <p class="chiffre">100%</p>
  159.                     <p class="text">Nous recommandent</p>
  160.                 </div>
  162.                 <div class="one-satisfaction">
  163.                     <p class="icon"><i class="fas fa-users"></i></p>
  164.                     <p class="chiffre">100%</p>
  165.                     <p class="text">Nous recommandent</p>
  166.                 </div>
  168.             </div>
  169.         </div>
  171.         #}
  173.     </section>
  175.     <section class="contact">
  176.         <h3>Des questions ? Un Devis ?</h3>
  177.         <h4>N'hésitez plus !</h4>
  178.         <a href="/contact"> Contactez-nous ! </a>
  179.     </section>
  182. {% endblock %}