templates/main/habitat.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block metadata %}
  5.         {% set title = 'Ilex formation & consulting : Habitats inclusifs/partagés' %}
  6.         {% set description = 'Les habitats partagés et/ou inclusifs sont en plein essor et apparaissent aujourd’hui comme une solution d’accompagnement idéale, une alternative entre l’Ehpad et le domicile.' %}
  7.         {% set image = 'https://ilexfc.com/picture/bank-images/63.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 %}
  29. {% block stylesheets %}
  30.     <link rel="stylesheet" href="/style/etablissement.css">
  31.     <link rel="stylesheet" href="/style/formations.css">
  32.     <script src="\js\modal-video.js"></script>
  33. {% endblock %}
  35. {% block body %}
  37.     <section class="section-intro-page">
  38.         <img src="/picture/bank-images/63-resize.png">
  39.         <div class="filterIMG"></div>
  40.         <div class="intro-container-text">
  41.             <h1 class="titre1-g">Habitats inclusifs/partagés</h1>
  42.             <p>Pour maintenir la qualité de l’accueil sur le long terme.</p>
  43.         </div>
  44.     </section>
  47.     <section class="section-page">
  49.         <div class="text-big-center">
  50.             <p>
  51.                 Les habitats partagés et/ou inclusifs sont en plein essor et apparaissent aujourd’hui comme une solution d’accompagnement idéale, une alternative entre l’Ehpad et le domicile.
  52.             </p>
  53.         </div>
  55.         <div class="pagination1">
  56.             <div class="pagination-img"> <img src="/picture/bank-images/100.jpg"></div>
  57.             <div class="pagination-text">
  58.                 <h2>Pour un accompagnement de qualité même sur le long terme</h2>
  59.                 <p>
  60.                 Même si ces lieux d’accueil ne sont pas soumis aux mêmes obligations que les établissements médico-sociaux, ils doivent s’appuyer sur les mêmes bases de réflexion afin de garantir sur la durée la qualité de vie des personnes accueillies.
  61.                 </p>
  62.             </div>
  63.         </div>
  65.         <div class="pagination1">
  66.             <div class="pagination-text">
  67.                 <h2>Ethique et bientraitance</h2>
  68.                 <p>
  69.                     L’accompagnement au sein d’un habitat partagé/inclusif nécessite une formation des équipes accompagnatrices.
  70.                 </p>
  71.             </div>
  72.             <div class="pagination-img"> <img src="/picture/bank-images/139.jpg"></div>
  73.         </div>
  76.         <div class="text-center">
  77.             <h2>Des lieux intégrés sur leur territoire</h2>
  78.             <p>
  79.                 Pour répondre aux besoins, aux attentes et aux envies des personnes accompagnées, il est indispensable de bien connaître le territoire et de développer des partenariats. L’habitat partagé doit être un lieu ouvert.
  80.             </p>
  81.         </div>
  82.     
  83.     
  84.     </section>
  87.     <section class="formation">
  89.         <div class="bandeau-formation">
  90.             <p>
  91.                 Des formations sur mesure qui s’appuient aussi sur une analyse du territoire
  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>
  170. #}
  171.     </section>
  173.     <section class="contact">
  174.         <h3>Des questions ? Un Devis ?</h3>
  175.         <h4>N'hésitez plus !</h4>
  176.         <a href="/contact"> Contactez-nous ! </a>
  177.     </section>
  180. {% endblock %}