templates/formation/index.html.twig line 1

  1. {% extends 'site.html.twig' %}
  3. {% block title %}AFMS{% endblock %}
  5. {% block body %}
  6. <div class="container-fluid bg-primary py-5 bg-header-afms" style="margin-bottom:40px;">
  7.             <div class="row py-5">
  8.                 <div class="col-12 pt-lg-5 mt-lg-5 text-center">
  9.                     <h1 class="display-4 text-white animated zoomIn">Notre centre de Formation <br> AFMS</h1>
  11.                 </div>
  12.             </div>
  13.         </div>
  14.     </div>
  17.    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
  18.         <div class="container py-5">
  19.             <div class="row g-5">
  20.                 <div class="col-lg-7">
  21.                     <div class="section-title position-relative pb-3 mb-5">
  22.                         <h5 class="fw-bold text-primary text-uppercase">Agence de Formation aux Métiers de la Sécurité à Paris</h5>
  23.                         <h1 class="mb-0">Le Centre N°1 regroupant des Formateurs issus du terrain </h1>
  24.                     </div>
  25.                     <p class="mb-4">AFMS est un organisme de formation spécialisé dans la formation des agents de sécurité privée. Nous proposons des formations de qualité pour les professionnels de la sécurité qui souhaitent développer leurs compétences et acquérir les connaissances nécessaires pour réussir dans ce secteur en constante évolution.</p>
  27. <p>Nos formations sont conçues pour répondre aux besoins spécifiques des agents de sécurité, en leur offrant des outils et des méthodes efficaces pour assurer la sécurité des personnes et des biens. Nous mettons l'accent sur la pratique en proposant des sessions de formation sur le terrain pour permettre aux stagiaires de mettre en pratique les connaissances acquises en situation réelle.</p>
  30. <p>Notre équipe de formateurs est composée de professionnels expérimentés, reconnus dans le domaine de la sécurité privée et disposant d'une expertise approfondie dans leur domaine. Ils sont à l'écoute des besoins et des attentes de chaque stagiaire pour leur offrir un accompagnement personnalisé tout au long de leur formation.</p>
  33. <p>Nous proposons des formations adaptées aux différents niveaux de qualification des agents de sécurité, allant de la formation initiale au recyclage et à la spécialisation. Nous couvrons également une grande variété de sujets liés à la sécurité, notamment la sécurité incendie, la gestion des risques, la surveillance vidéo et bien d'autres encore.</p>
  36. <p>En choisissant AFMS pour votre formation en sécurité, vous bénéficierez d'un accompagnement personnalisé, d'une formation de qualité, et d'un certificat de formation reconnu par les autorités compétentes. Rejoignez-nous dès maintenant pour développer vos compétences et réussir dans le domaine de la sécurité privée.</p>
  38.   
  39.                    
  40.                     <a href="https://afms-france.fr/sessions-calendrier" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.9s; animation-name: zoomIn;  border-radius: 25px 25px 25px 25px">Demander un devis</a>
  41.                  <a href="https://afms-france.fr/" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.9s; animation-name: zoomIn;  border-radius: 25px 25px 25px 25px">Visiter notre site</a>
  42.                 </div>
  43.                 <div class="col-lg-5" style="min-height: 100%">
  44.                     <div class="position-relative h-100">
  45.                         <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s" src="../assets/site/img/IMG_8107.JPG" style="object-fit: cover; visibility: visible; animation-delay: 0.9s; animation-name: zoomIn;">
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         </div>
  50.     </div>
  52.     <div class="container-fluid py-5 wow fadeInUp  animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
  53.         <div class="container py-5">
  54.             <div class="section-title-1 text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
  55.                 <h5 class="fw-bold text-primary text-uppercase">Nos formations disponibles</h5>
  56.                 <h1 class="mb-0">AFMS Formation : la solution pour une formation sur mesure</h1>
  57.             </div>
  58.             <div class="row mt-n2 wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
  59.                 <div class="col-12 text-center">
  60.                     <ul class="list-inline mb-5" id="portfolio-flters">
  61.                        <li class="btn btn-outline-primary py-2 px-4" data-filter=".zero">
  62.                             <i class="fa-solid fa-shield-halved"></i>Agent de sécurité
  63.                         </li>
  64.                         <li class="btn btn-outline-primary py-2 px-4" data-filter=".first">
  65.                             <i class="fa-solid fa-fire"></i>SSIAP
  66.                         </li>
  67.                          <li class="btn btn-outline-primary py-2 px-4" data-filter=".second">
  68.                             <i class="fa-solid fa-bolt"></i>Habilitation éléctrique
  69.                         </li>
  70.                         <li class="btn btn-outline-primary py-2 px-4" data-filter=".second">
  71.                             <i class="fa-solid fa-suitcase-medical"></i>SST
  72.                         </li>
  73.                     </ul>
  74.                 </div>
  75.             </div>
  76.             <div class="row g-5 portfolio-container" style="position: relative; height: 396px;">
  77.                 <div class="col-xl-4 col-lg-6 col-md-6 portfolio-item first wow slideInUp" data-wow-delay="0.1s" style="position: absolute; left: 0px; top: 0px; visibility: visible; animation-delay: 0.1s;">
  78.                     <div class="position-relative portfolio-box">
  79.                         <div class="portfolio-img rounded overflow-hidden">
  80.                             <img class="img-fluid w-100" src="" alt="">
  81.                         </div>
  82.                         <a class="portfolio-title border-bottom border-5 border-primary" href="">
  83.                             <h4>Project Name</h4>
  84.                             <small class="text-body text-uppercase"><i class="fa fa-folder text-primary me-2"></i>Web Design</small>
  85.                         </a>
  86.                         <div class="portfolio-btn">
  87.                             <a href="" data-lightbox="portfolio"><i class="bi bi-plus display-1 text-white"></i></a>
  88.                         </div>
  89.                     </div>
  90.                 </div>
  91.                 <div class="col-xl-4 col-lg-6 col-md-6 portfolio-item second wow slideInUp" data-wow-delay="0.3s" style="position: absolute; left: 492px; top: 0px; visibility: visible; animation-delay: 0.3s;">
  92.                     <div class="position-relative portfolio-box">
  93.                         <div class="portfolio-img rounded overflow-hidden">
  94.                             <img class="img-fluid w-100" src="img/portfolio-2.jpg" alt="">
  95.                         </div>
  96.                         <a class="portfolio-title border-bottom border-5 border-primary" href="">
  97.                             <h4>Project Name</h4>
  98.                             <small class="text-body text-uppercase"><i class="fa fa-folder text-primary me-2"></i>Web Development</small>
  99.                         </a>
  100.                         <div class="portfolio-btn">
  101.                             <a href="img/portfolio-2.jpg" data-lightbox="portfolio"><i class="bi bi-plus display-1 text-white"></i></a>
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.                 <div class="col-xl-4 col-lg-6 col-md-6 portfolio-item first wow slideInUp" data-wow-delay="0.5s" style="position: absolute; left: 0px; top: 132px; visibility: hidden; animation-delay: 0.5s; animation-name: none;">
  106.                     <div class="position-relative portfolio-box">
  107.                         <div class="portfolio-img rounded overflow-hidden">
  108.                             <img class="img-fluid w-100" src="img/portfolio-3.jpg" alt="">
  109.                         </div>
  110.                         <a class="portfolio-title border-bottom border-5 border-primary" href="">
  111.                             <h4>Project Name</h4>
  112.                             <small class="text-body text-uppercase"><i class="fa fa-folder text-primary me-2"></i>Web Design</small>
  113.                         </a>
  114.                         <div class="portfolio-btn">
  115.                             <a href="img/portfolio-3.jpg" data-lightbox="portfolio"><i class="bi bi-plus display-1 text-white"></i></a>
  116.                         </div>
  117.                     </div>
  118.                 </div>
  119.                 <div class="col-xl-4 col-lg-6 col-md-6 portfolio-item second wow slideInUp" data-wow-delay="0.1s" style="position: absolute; left: 492px; top: 132px; visibility: hidden; animation-delay: 0.1s; animation-name: none;">
  120.                     <div class="position-relative portfolio-box">
  121.                         <div class="portfolio-img rounded overflow-hidden">
  122.                             <img class="img-fluid w-100" src="img/portfolio-4.jpg" alt="">
  123.                         </div>
  124.                         <a class="portfolio-title border-bottom border-5 border-primary" href="">
  125.                             <h4>Project Name</h4>
  126.                             <small class="text-body text-uppercase"><i class="fa fa-folder text-primary me-2"></i>Web Development</small>
  127.                         </a>
  128.                         <div class="portfolio-btn">
  129.                             <a href="img/portfolio-4.jpg" data-lightbox="portfolio"><i class="bi bi-plus display-1 text-white"></i></a>
  130.                         </div>
  131.                     </div>
  132.                 </div>
  133.                 <div class="col-xl-4 col-lg-6 col-md-6 portfolio-item first wow slideInUp" data-wow-delay="0.3s" style="position: absolute; left: 0px; top: 264px; visibility: hidden; animation-delay: 0.3s; animation-name: none;">
  134.                     <div class="position-relative portfolio-box">
  135.                         <div class="portfolio-img rounded overflow-hidden">
  136.                             <img class="img-fluid w-100" src="img/portfolio-5.jpg" alt="">
  137.                         </div>
  138.                         <a class="portfolio-title border-bottom border-5 border-primary" href="">
  139.                             <h4>Project Name</h4>
  140.                             <small class="text-body text-uppercase"><i class="fa fa-folder text-primary me-2"></i>Web Design</small>
  141.                         </a>
  142.                         <div class="portfolio-btn">
  143.                             <a href="img/portfolio-5.jpg" data-lightbox="portfolio"><i class="bi bi-plus display-1 text-white"></i></a>
  144.                         </div>
  145.                     </div>
  146.                 </div>
  147.                 <div class="col-xl-4 col-lg-6 col-md-6 portfolio-item second wow slideInUp" data-wow-delay="0.5s" style="position: absolute; left: 492px; top: 264px; visibility: hidden; animation-delay: 0.5s; animation-name: none;">
  148.                     <div class="position-relative portfolio-box">
  149.                         <div class="portfolio-img rounded overflow-hidden">
  150.                             <img class="img-fluid w-100" src="img/portfolio-6.jpg" alt="">
  151.                         </div>
  152.                         <a class="portfolio-title border-bottom border-5 border-primary" href="">
  153.                             <h4>Project Name</h4>
  154.                             <small class="text-body text-uppercase"><i class="fa fa-folder text-primary me-2"></i>Web Development</small>
  155.                         </a>
  156.                         <div class="portfolio-btn">
  157.                             <a href="img/portfolio-6.jpg" data-lightbox="portfolio"><i class="bi bi-plus display-1 text-white"></i></a>
  158.                         </div>
  159.                     </div>
  160.                 </div>
  161.             </div>
  162.         </div>
  163.     </div>
  165. {% endblock %}