templates/main/residenseService.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block metadata %}
  3.         {% set title = 'Ilex formation & consulting : Residence Service' %}
  4.         {% set description = '' %}
  5.         {% set image = 'https://ilexfc.com/' %}
  6.         <title>{{title}}</title>
  7.         <meta name="description" content="{{description}}">
  8.         <meta property="og:title" content="{{title}}">
  9.         <meta property="og:description" content="{{description}}">
  10.         <meta property="og:image" content="{{image}}">
  11.         <meta property="og:type" content="article" />
  12.         <meta property="og:site_name" content="ILEX FC" />
  13.         <meta name= "twitter:card " content= "summary_large_image">
  14.         <meta name= "twitter:site " content= "@DelphineDUPRE">
  15.         <meta name= "twitter:title " content= "{{title}}">
  16.         <meta name= "twitter:description " content= "{{description}}">
  17.         <meta name= "twitter:creator " content= "@DelphineDUPRE">
  18.         <meta name= "twitter:image:src " content= "{{image}}">
  19. {% endblock %}
  20. {% block stylesheets %}
  21.     <link rel="stylesheet" href="/style/residenseService.css">
  22.     <link rel="stylesheet" href="/style/formations.css">
  23.     <script src="\js\modal-video.js"></script>
  24. {% endblock %}
  25. {% block body %}
  26.     <section class="section-intro-page">
  27.         <img src="/picture/bank-images/101-resize.png">
  28.         <div class="filterIMG"></div>
  29.         <div class="intro-container-text">
  30.             <h1 class="titre1-g">Residences Services / Residences Autonomie</h1>
  31.             <p>Pour garantir la qualité de vie des habitants grâce à des équipes de professionnels formés.</p>
  32.         </div>
  33.     </section>
  34.     <section class="section-page">
  35.         <div class="text-big-center">
  36.             <p>
  37.                 Il y a environ 2 500 résidences autonomie et plus d’un millier de résidences service seniors en France qui permettent d'accueillir un peu moins de 200 000 personnes. Ces hébergements ne sont pas médicalisés mais disposent d’un personnel permanent. Elles offrent obligatoirement différents services (restauration, animation, ..).
  38.             </p>
  39.         </div>
  40.         <div class="pagination1">
  41.             <div class="pagination-img"> <img src="/picture/bank-images/1001.jpg"></div>
  42.             <div class="pagination-text">
  43.                 <h2>Prévention et autonomie</h2>
  44.                 <p>
  45.                     Permettre à chaque habitant de rester autonome le plus longtemps possible en en diffusant une véritable culture 'Prévention santé’.
  46.                 </p>
  47.             </div>
  48.         </div>
  49.         <div class="pagination1">
  50.             <div class="pagination-text">
  51.                 <h2>La qualité de vie grâce à l’animation </h2>
  52.                 <p>L’animation est source de lien social. C’est un atout majeur de ces lieux de vie. Une animation de qualité garantit une meilleure qualité de vie des habitants.
  53.                 </p>
  54.             </div>
  55.             <div class="pagination-img"> <img src="/picture/bank-images/23.jpg"></div>
  56.         </div>
  57.         <div class="pagination1">
  58.             <div class="pagination-img"> <img src="/picture/bank-images/72.jpg"></div>
  59.             <div class="pagination-text">
  60.                 <h2>L’ouverture sur l’extérieur</h2>
  61.                 <p>
  62.                     Qui dit lieu de vie, dit un lieu de vie ouvert sur sa ville. Développer les partenariats pour en faire un lieu intégré au sein de son quartier.
  63.                 </p>
  64.             </div>
  65.         </div>
  66.     
  67.     
  68.     </section>
  69.     <section class="formation">
  70.         <div class="bandeau-formation">
  71.             <p>
  72.                 Des formations sur mesure qui reposent notamment sur une analyse fine des partenariats pour garantir la meilleure qualité de vie des habitants
  73.             </p>
  74.         </div>
  75.         <h2 class="titre1-m">Découvrez nos formations</h2>
  76.         <div class="container-formations">
  77.             {% for formation in formations %}
  78.                 <div class="one-formations">
  79.                     <img src="/images/upload/{{formation.image}}" alt="image de la formation : {{formation.titre}}">
  80.                     <h3>{{formation.titre}}</h3>
  81.                     {% if formation.video %}
  82.                     <a onclick="modalVideo('{{formation.video}}')" class="video" >
  83.                         <i class="fas fa-angle-right"></i>
  84.                         <i class="fas fa-video"></i>
  85.                          Vidéo de présentation
  86.                         <i class="fas fa-angle-left"></i>
  87.                     </a>
  88.                     {% endif %}
  89.                     <div id="baliseModal" class="modal-video">
  90.                         <div class="header-modal"><span onclick="closemodalvideo()"><i class="far fa-window-close"></i></span></div>
  91.                         <div class="body-modal">
  92.                             <video id="balise-video" controls src="/video/upload/">Ici la description alternative</video>
  93.                         </div>
  94.                     </div>
  95.                     
  96.                     
  97.                     <a class="pdf" href="/pdf/upload/{{formation.pdf}}" target="_blank">
  98.                         <i class="fas fa-angle-right"></i>
  99.                          Télécharger la fiche (PDF)
  100.                         <i class="fas fa-angle-left"></i>
  101.                     </a>
  102.                 </div>
  103.             {% endfor %}
  104.         
  105.         </div>
  106.     {#
  107.         <div class="satisfaction">
  108.             <h2>Nos clients sont satisfaits</h2>
  109.             <div class="container-satisfaction">
  110.                 <div class="one-satisfaction">
  111.                     <p class="icon"><i class="fas fa-users"></i></p>
  112.                     <p class="chiffre">100%</p>
  113.                     <p class="text">Nous recommandent</p>
  114.                 </div>
  115.                 <div class="one-satisfaction">
  116.                     <p class="icon"><i class="fas fa-users"></i></p>
  117.                     <p class="chiffre">100%</p>
  118.                     <p class="text">Nous recommandent</p>
  119.                 </div>
  120.                 <div class="one-satisfaction">
  121.                     <p class="icon"><i class="fas fa-users"></i></p>
  122.                     <p class="chiffre">100%</p>
  123.                     <p class="text">Nous recommandent</p>
  124.                 </div>
  125.                 <div class="one-satisfaction">
  126.                     <p class="icon"><i class="fas fa-users"></i></p>
  127.                     <p class="chiffre">100%</p>
  128.                     <p class="text">Nous recommandent</p>
  129.                 </div>
  130.                 <div class="one-satisfaction">
  131.                     <p class="icon"><i class="fas fa-users"></i></p>
  132.                     <p class="chiffre">100%</p>
  133.                     <p class="text">Nous recommandent</p>
  134.                 </div>
  135.             </div>
  136.         </div>
  137. #}
  138.     </section>
  139.     <section class="contact">
  140.         <h3>Des questions ? Un Devis ?</h3>
  141.         <h4>N'hésitez plus !</h4>
  142.         <a href="/contact"> Contactez-nous ! </a>
  143.     </section>
  144. {% endblock %}