templates/main/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block metadata %}
  3.         {% set title = 'Ilex formation & consulting' %}
  4.         {% set description = 'Un accompagnement sur mesure, Découvrez les formations ILEX : Etablissement, Structures à domicile, Habitats inclusifs/partagés, Résidence service / Residence autonomie' %}
  5.         {% set image = 'https://ilexfc.com/picture/bank-images/LOGOILEX-V2-5.jpg' %}
  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/accueil.css">
  22.     <link rel="stylesheet" href="/style/formations.css">
  23.     <script src="\js\modal-video.js"></script>
  24. {% endblock %}
  25. {% block body %}
  26.     {% for bandeauAccueil in bandeauAccueils %}
  27.     <section class="bandeau-accueil-news" style="background-color:{{ bandeauAccueil.colorBackground }};">
  28.         <div style="color:{{ bandeauAccueil.colorText }}; text-align: center;" >
  29.             {{ bandeauAccueil.textBandeau | raw }}
  30.         </div>
  31.         <a 
  32.         style="background-color:{{ bandeauAccueil.colorBackgroundButton }};color:{{ bandeauAccueil.ColorTexteButton }};"
  33.         href="/bandeau/{{ bandeauAccueil.id }}">
  34.         {{ bandeauAccueil.textButton }}
  35.         </a>
  36.     </section>
  37.     {% endfor %}
  38.     <section class="section-acceuil">
  39.         <div class="tel-accueil">
  40.             <i class="fas fa-phone-alt"></i> <a href="tel:+33600000000"> (+33) 06 75 17 47 84 </a>
  41.         </div>
  42.         <img class="img-intro" src="/picture/background-img/90.png" alt="image d'introduction" />
  43.         <div class="accueil-contante">
  44.             <div class="container-accueil-logo">
  45.                 <div class="logo-background-anim"></div>
  46.                 <div class="cercle-rouge">
  47.                     <img src="/picture/ilex-animation-logo/ROUGE.png">
  48.                 </div>
  49.                 <div class="cercle-bleu">
  50.                     <img src="/picture/ilex-animation-logo/BLEU.png">
  51.                 </div>
  52.                 <div class="cercle-vert">
  53.                     <img src="/picture/ilex-animation-logo/VERT.png">
  54.                 </div>
  55.                 <div class="texte-logo-anime">
  56.                     <img src="/picture/ilex-animation-logo/ilex.png">
  57.                 </div>
  58.             
  59.             </div>
  60.             <div class="container-accueil-text">
  61.                 <h1>Ilex formation & consulting</h1>
  62.                 <p>un accompagnement sur mesure </p><br>
  63.             </div>
  64.         </div>
  65.     </section>
  66.     <section class="section-formations">
  67.         <h2 class="titre1-m">Découvrez les formations ILEX</h2>
  68.         <div class="formation-flex">
  69.             <a href="/etablissement" class="formation-card">
  70.                 <img src="/picture/background-img/etablicement.jpg" alt="aide à domicile formation">
  71.                 <h3>Établissements</h3>
  72.                 <div class="card-overlay">
  73.                     <h4>Établissements</h4>
  74.                     <p>Vous accompagner avec bienveillance pour réussir le virage domiciliaire</p>
  75.                 </div>
  76.             </a>
  77.             <a href="/domicile" class="formation-card">
  78.                 <img src="/picture/structure_a_domicile/structure_a_domicine parallax.jpg" alt="aide à domicile formation">
  79.                 <h3>Structures à domicile</h3>
  80.                 <div class="card-overlay">
  81.                     <h4>Sturcture à domicile</h4>
  82.                     <p>La plupart des personnes veulent vieillir à domicile. Comment accompagner sans isoler? Comment prendre en soins les aidants ? Comment soutenir ces professionnels isolés?</p>
  83.                 </div>
  84.             </a>
  85.             <a href="/habitat" class="formation-card">
  86.                 <img src="/picture/bank-images/101.jpg" alt="aide à domicile formation">
  87.                 <h3>Habitats inclusifs/partagés</h3>
  88.                 <div class="card-overlay">
  89.                     <h4>Habitats inclusifs/partagés</h4>
  90.                     <p>Les habitats inclusifs, partagés se développent comme une nouvelle offre d’accompagnement. Avec le temps de nombreux ajustements seront nécessaires. Comment garantir la qualité de vie des colocataires, répondre aux attentes des familles et prévenir l'épuisement des équipes?</p>
  91.                 </div>
  92.             </a>
  93.             <a href="/residenceservice" class="formation-card">
  94.                 <img src="/picture/bank-images/110.jpg" alt="aide à domicile formation">
  95.                 <h3>Résidences services / Residences autonomie</h3>
  96.                 <div class="card-overlay">
  97.                     <h4>Résidence service / Residences autonomie</h4>
  98.                     <p>Les résidences service et les résidences autonomie ont un rôle déterminant quant au maintien de l’autonomie des habitants. Quelles actions mettre en place au sein de son territoire pour assurer ces missions?</p>
  99.                 </div>
  100.             </a>
  101.             <a href="/seminaire" class="formation-card">
  102.                 <img src="/picture/bank-images/15.JPG" alt="aide à domicile formation">
  103.                 <h3>Séminaires</h3>
  104.                 <div class="card-overlay">
  105.                     <h4>Séminaires</h4>
  106.                     <p>Dirigeants, cadres dirigeants, nous avons mis en place des séminaires spécifiques pour vous accompagner dans vos problématiques singulières et vous permettre de sortir d’une forme d’isolement. Pour que votre métier reste passionnant et non épuisant.</p>
  107.                 </div>
  108.             </a>
  109.         </div>
  110.     </section>
  111.     <section class="section-delphine">
  112.         <img class="delphine_info-img" src="/picture/background-img/delphine-description.png" alt="image delphine depré leveque">
  113.         <div class="info-delphine">
  114.             <h2 class="titre1-g">Qui suis-je ?</h2>
  115.             <img class="delphine_info-img-mobile" src="/picture/background-img/delphine-accueil.jpg" alt="image delphine depré leveque Mobile">
  116.             <p>Docteure en anthropologie de la santé, je suis spécialiste en gérontologie depuis plus de 30 ans. J’ai écrit plusieurs ouvrages et fait plusieurs contributions dans des ouvrages collectifs. J’ai réalisé de nombreuses recherches auprès des personnes âgées, des aidants et des professionnels à domicile et en établissement. J’ai publié de nombreux articles dans des revues scientifiques et grand public.<br><br> 
  117. J’ai été responsable des recommandations de bonnes pratiques professionnelles du secteur personnes âgées à l’Anesm ( Agence nationale pour l’évaluation et la qualité dans les établissements sociaux et médico-sociaux) puis à la HAS (Haute Autorité de Santé) pendant 8 ans.
  118. </p>
  119.             <a href="/apropos">En savoir plus</a>
  120.         </div>  
  121.     </section>
  122.     {% for videopresentation in videopresentations %}
  123.     <section class="video-presentation">
  124.         <h2 class="titre1-m">{{ videopresentation.titre }}</h2>
  125.         <div class="description-video">{{ videopresentation.description | raw }}</div>
  126.         <video controls src="/video/media/{{ videopresentation.media  }}"></video>
  127.     </section>
  128.     {% endfor %}
  129.     <section class="section-avantage">
  130.         <h2 class="titre1-m">Les avantages de ILEX</h2>
  131.         <div class="avantage-container">
  132.             <div class="card-avantage">
  133.                 <div class="logo-avantage color-avantage1"><i class="fas fa-ruler"></i></div>
  134.                 <h3>Un accompagnement sur mesure</h3>
  135.                 <p>En amont de toute formation, une analyse du besoin est effectuée afin de déterminer les points forts et les points d’amélioration pour une formation adaptée.
  136.                 </p>
  137.             </div>
  138.             <div class="card-avantage">
  139.                 <div class="logo-avantage color-avantage2"><i class="fas fa-praying-hands"></i></div>
  140.                 <h3>Un esprit d’équipe</h3>
  141.                 <p>Des formations qui créent des liens entre tous les professionnels et font renaître un véritable esprit d’équipe.</p>
  142.             </div>
  143.             <div class="card-avantage">
  144.                 <div class="logo-avantage color-avantage3"><i class="fas fa-chalkboard-teacher"></i></div>
  145.                 <h3>Des séminaires</h3>
  146.                 <p>Nous organisons des séminaires pour les cadres et cadres dirigeants. Nos thématiques, l’éthique et RSE mais aussi sur l’art et ses bienfaits.</p>
  147.             </div>
  148.             <div class="card-avantage">
  149.                 <div class="logo-avantage color-avantage4"><i class="fas fa-users"></i></div>
  150.                 <h3>Une équipe pluriprofessionnelle</h3>
  151.                 <p>Notre équipe se compose d’avocate avocat, animatrice animateur, médecin , psychologue, soignante, soignant.</p>
  152.             </div>
  153.         </div>
  154.     </section>
  155.     <section class="section-service">
  156.         <img src="/picture/background-img/enssemble.gif" alt="video de groupe enssemble">
  157.         <div class="infos-enssemble">
  158.             <h2 class="titre1-g">Ensemble !!!</h2>
  159.             <p>Professionnels du domicile, professionnels des établissements un seul état d’esprit : l’équipe!</p>
  160.         </div>
  161.     </section>
  162.         <div class="satisfaction">
  163.             <h2>Nos clients sont satisfaits</h2>
  164.             <div class="container-satisfaction">
  165.                 {% for satisfaction in satisfactions %}
  166.                 <div class="one-satisfaction">
  167.                     <p class="icon"><i class="{{satisfaction.icons}}"></i></p>
  168.                     <p class="text">{{satisfaction.titre}}</p>
  169.                     <p class="chiffre">{{satisfaction.chiffre}}</p>
  170.                 </div>
  171.                 {% endfor %}
  172.             </div>
  173.         </div>
  174.        
  175.     <section class="section-temoignage">
  176.         {% if temoignages | length != 0 %}
  177.             <h2 class="titre1-m" >Ils nous ont fait confiance</h2>
  178.             <div class="carousel-container">
  179.                 <div class="carousel-track">
  180.                     {# Première série de témoignages #}
  181.                     {% for temoignage in temoignages %}
  182.                         <div class="temoignage">
  183.                             {% if temoignage.image %}
  184.                                 <img src="/images/upload/{{temoignage.image}}" alt="Photo de {{temoignage.prenom}}">
  185.                             {% else %}
  186.                                 <div class="avatar-default">
  187.                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
  188.                                         <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
  189.                                     </svg>
  190.                                 </div>
  191.                             {% endif %}
  192.                             <p>"{{temoignage.texte}}"</p>
  193.                             <span>{{temoignage.prenom}} {{temoignage.nom}}</span>
  194.                             {% if temoignage.videos %}
  195.                             <div class="buttonVideoTemoignage" onclick="modalVideo('{{temoignage.videos}}')" >Voir la vidéo de témoignage</div>
  196.                             {% endif %}
  197.                         </div>
  198.                     {% endfor %}
  199.                     {# Duplication pour effet de boucle infinie #}
  200.                     {% for temoignage in temoignages %}
  201.                         <div class="temoignage">
  202.                             {% if temoignage.image %}
  203.                                 <img src="/images/upload/{{temoignage.image}}" alt="Photo de {{temoignage.prenom}}">
  204.                             {% else %}
  205.                                 <div class="avatar-default">
  206.                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
  207.                                         <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
  208.                                     </svg>
  209.                                 </div>
  210.                             {% endif %}
  211.                             <p>"{{temoignage.texte}}"</p>
  212.                             <span>{{temoignage.prenom}} {{temoignage.nom}}</span>
  213.                             {% if temoignage.videos %}
  214.                             <div class="buttonVideoTemoignage" onclick="modalVideo('{{temoignage.videos}}')" >Voir la vidéo de témoignage</div>
  215.                             {% endif %}
  216.                         </div>
  217.                     {% endfor %}
  218.                 </div>
  219.             </div>
  220.         {% endif %}
  221.         <div id="baliseModal" class="modal-video">
  222.             <div class="header-modal"><span onclick="closemodalvideo()"><i class="far fa-window-close"></i></span></div>
  223.             <div class="body-modal">
  224.                 <video id="balise-video" controls src="/video/upload/">Ici la description alternative</video>
  225.             </div>
  226.         </div>
  227.     </section>
  228.     <section class="contact-accueil">
  229.         <h3>Vous aussi faites nous confiance !</h3>
  230.         <h4>Demandez votre devis</h4>
  231.         <a href="/contact"> Contactez-nous ! </a>
  232.     </section>
  233. {% endblock %}