templates/main/seminaire.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}A propos{% endblock %}
  6. {% block stylesheets %}
  7.     <link rel="stylesheet" href="/style/etablissement.css">
  8.     <link rel="stylesheet" href="/style/formations.css">
  9. {% endblock %}
  11. {% block body %}
  13.     <section class="section-intro-page">
  14.         <img src="/picture/background-img/seminaire.png">
  15.         <div class="filterIMG"></div>
  16.         <div class="intro-container-text">
  17.             <h1 class="titre1-g">SÉMINAIRES</h1>
  18.             <p>Des séminaires sur mesure pour les cadres et dirigeants</p>
  19.         </div>
  20.     </section>
  23.     <section class="section-page">
  25.         <div class="text-big-center">
  26.             <p>
  27.                 Des thématiques de prédilection avec les plus grands spécialistes :
  28.             </p>
  29.         </div>
  31.         <div class="pagination1">
  32.             <div class="pagination-img"> <img src="/picture/bank-images/73.jpg"></div>
  33.             <div class="pagination-text">
  34.                 <h2> Des séminaires concernant l’éthique et la RSE</h2>
  35.                 <p>Comment la RSE peut-elle insuffler une véritable culture éthique ? Quand les aspects juridiques et technologiques sont indissociables de l’éthique !
  36.                 </p>
  37.             </div>
  38.         </div>
  40.         <div class="pagination1">
  41.             <div class="pagination-text">
  42.                 <h2>Prendre soin de vous pour prendre soin des autres </h2>
  43.                 <p>La bonne qualité de vie au travail des directeurs et des cadres impacte directement sur la qualité de vie au travail des équipes. Résultat: une meilleure qualité de vie des personnes accompagnées. Un séminaire unique !
  44.                 </p>
  45.             </div>
  46.             <div class="pagination-img"> <img src="/picture/bank-images/image_1000.jpg"></div>
  47.         </div>
  49.         <div class="pagination1">
  50.             <div class="pagination-img"> <img src="/picture/bank-images/171.jpeg"></div>
  51.             <div class="pagination-text">
  52.                 <h2> L’art au service de la qualité de vie</h2>
  53.                 <p>Peu importe les mots, peu importe les maux pourvu qu’il y ait l’émotion. L’art, une intervention non médicamenteuse dont il faut s'emparer. Nous vous expliquons dans chaque séminaire le pourquoi et le comment. 
  54.                 </p>
  55.             </div>
  56.         </div>
  57.     
  58.     
  59.     </section>
  62.     <section class="formation">
  64.         <div class="bandeau-formation">
  65.             <p>
  66.                 Ces séminaires sont uniques et sont le fruit d’un travail collaboratif.
  67.             </p>
  68.         </div>
  70.         <h2 class="titre1-m">Découvrez nos formations</h2>
  73.         <div class="container-formations">
  75.             {% for formation in formations %}
  76.                 <div class="one-formations">
  77.                     <img src="/images/upload/{{formation.image}}" alt="image de la formation : {{formation.titre}}">
  78.                     <h3>{{formation.titre}}</h3>
  79.                     <a class="video" href="/video/upload/{{formation.video}}" target="_blank">
  80.                         <i class="fas fa-angle-right"></i>
  81.                         <i class="fas fa-video"></i>
  82.                          Vidéo de présentation
  83.                         <i class="fas fa-angle-left"></i>
  84.                     </a>
  85.                     <a class="pdf" href="/pdf/upload/{{formation.pdf}}" target="_blank">
  86.                         <i class="fas fa-angle-right"></i>
  87.                          Télécharger la fiche (PDF)
  88.                         <i class="fas fa-angle-left"></i>
  89.                     </a>
  90.                 </div>
  91.             {% endfor %}
  92.         
  93.         </div>
  96.     {#
  97.         <div class="satisfaction">
  98.             <h2>Nos clients sont satisfaits</h2>
  99.             <div class="container-satisfaction">
  101.                 <div class="one-satisfaction">
  102.                     <p class="icon"><i class="fas fa-users"></i></p>
  103.                     <p class="chiffre">100%</p>
  104.                     <p class="text">Nous recommandent</p>
  105.                 </div>
  107.                 <div class="one-satisfaction">
  108.                     <p class="icon"><i class="fas fa-users"></i></p>
  109.                     <p class="chiffre">100%</p>
  110.                     <p class="text">Nous recommandent</p>
  111.                 </div>
  113.                 <div class="one-satisfaction">
  114.                     <p class="icon"><i class="fas fa-users"></i></p>
  115.                     <p class="chiffre">100%</p>
  116.                     <p class="text">Nous recommandent</p>
  117.                 </div>
  119.                 <div class="one-satisfaction">
  120.                     <p class="icon"><i class="fas fa-users"></i></p>
  121.                     <p class="chiffre">100%</p>
  122.                     <p class="text">Nous recommandent</p>
  123.                 </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>
  131.             </div>
  132.         </div>
  133.     #}
  134.     </section>
  136.     <section class="contact">
  137.         <h3>Des questions ? Un Devis ?</h3>
  138.         <h4>N'hésitez plus !</h4>
  139.         <a href="/contact"> Contactez-nous ! </a>
  140.     </section>
  143. {% endblock %}