templates/pages/apropos.html.twig line 1

Open in your IDE?
  1. {% extends "frontend.html.twig" %}
  3. {% block main %}
  5.         {# ARIANE #}
  6.         {{ render(controller('App\\Controller\\LibrairieController::afficherAriane', {'menu': menu })) }}
  8.         <!-- About Section -->
  9.         <section id="about" class="about section">
  11.         <div class="container">
  13.             <div class="row position-relative">
  15.             <div class="col-lg-7 about-img" data-aos="zoom-out" data-aos-delay="200" style="80px;">
  16.                 <div style="height:500px;"></div>
  17.                 <img style="" src="{{ asset('frontend/assets/img/about.png') }}">
  18.             </div>
  20.             <div class="col-lg-7" data-aos="fade-up" data-aos-delay="100">
  21.                 <h3 class="inner-title" style="font-size: 37px !important;"> Étude Exécution Installation SARL ( 2EI SARL ) </h3>
  22.                 <div class="our-story">
  23.                 <h3>A propos de <br> 2EI SARL</h3>
  24.                 <p style="text-align: justify;"><strong> Étude Exécution Installation SARL (2EI SARL) </strong> est une société à responsabilité limitée, créée conformément à la 
  25.                     réglementation en vigueur notamment par l'Acte Uniforme Révisé de l'OHADA relatif au Droit des Sociétés 
  26.                     Commerciales et du Groupement d'Intérêt Économique Révisé. Nous nous engageons à offrir des services de haute qualité dans divers domaines de l'électricité et des installations techniques, aussi bien au Bénin qu'à l'étranger.
  27.                 </p>
  28.                 <br>
  29.                 <h3>MISSION</h3>
  30.                 <p style="text-align: justify;">Chez 2EI SARL, notre mission est de fournir des solutions complètes et innovantes pour tous vos besoins en matière d'électricité et de sécurité. Nous visons à être le partenaire de confiance pour nos clients en offrant des services qui répondent aux normes les plus élevées de qualité et de sécurité.</p>
  31.                 <!--<ul>
  32.                     <li><i class="bi bi-check-circle"></i> <span>Chez 2EI SARL, notre mission est de fournir des solutions complètes et innovantes pour tous vos besoins en matière d'électricité et de sécurité. Nous visons à être le partenaire de confiance pour nos clients en offrant des services qui répondent aux normes les plus élevées de qualité et de sécurité.</span></li>
  33.                     <li><i class="bi bi-check-circle"></i> <span>Duis aute irure dolor in reprehenderit in</span></li>
  34.                     <li><i class="bi bi-check-circle"></i> <span>Ullamco laboris nisi ut aliquip ex ea</span></li>
  35.                 </ul>
  36.                 <p>Vitae autem velit excepturi fugit. Animi ad non. Eligendi et non nesciunt suscipit repellendus porro in quo eveniet. Molestias in maxime doloremque.</p>-->
  38.                 <!--<div class="watch-video d-flex align-items-center position-relative">
  39.                     <i class="bi bi-play-circle"></i>
  40.                     <a href="https://www.youtube.com/watch?v=LXb3EKWsInQ" class="glightbox stretched-link">Watch Video</a>
  41.                 </div>-->
  42.                 </div>
  43.             </div>
  45.             </div>
  47.         </div>
  49.         </section><!-- /About Section -->
  51.         <!-- Stats Counter Section -->
  52.         <section id="stats-counter" class="stats-counter section">
  54.         <!-- Section Title -->
  55.         <div class="container section-title" data-aos="fade-up">
  56.             <h2>Statistiques</h2>
  57.             <p>Explorez les statistiques fascinantes de nos réalisations et performances.</p>
  58.         </div>
  59.         <!-- End Section Title -->
  61.         <div class="container" data-aos="fade-up" data-aos-delay="100">
  63.             <div class="row gy-4">
  65.             <div class="col-lg-3 col-md-6">
  66.                 <div class="stats-item d-flex align-items-center w-100 h-100">
  67.                 <i class="bi bi-emoji-smile color-blue flex-shrink-0"></i>
  68.                 <div>
  69.                     <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
  70.                     <p>Clients satisfaits</p>
  71.                 </div>
  72.                 </div>
  73.             </div><!-- End Stats Item -->
  75.             <div class="col-lg-3 col-md-6">
  76.                 <div class="stats-item d-flex align-items-center w-100 h-100">
  77.                 <i class="bi bi-clipboard-check text-blue"></i>
  78.                 <div>
  79.                     <span data-purecounter-start="0" data-purecounter-end="120" data-purecounter-duration="1" class="purecounter"></span>
  80.                     <p>Projets Réalisés</p>
  81.                 </div>
  82.                 </div>
  83.             </div>
  84.             <!-- End Stats Item -->
  86.             <div class="col-lg-3 col-md-6">
  87.                 <div class="stats-item d-flex align-items-center w-100 h-100">
  88.                 <i class="bi bi-hdd color-blue"></i>
  89.                 <div>
  90.                     <span data-purecounter-start="0" data-purecounter-end="100" data-purecounter-duration="1" class="purecounter"></span>
  91.                     <p>Systèmes Installés</p>
  92.                 </div>
  93.                 </div>
  94.             </div>
  95.             <!-- End Stats Item -->
  97.             <div class="col-lg-3 col-md-6">
  98.                 <div class="stats-item d-flex align-items-center w-100 h-100">
  99.                 <i class="bi bi-headset color-green flex-shrink-0"></i>
  100.                 <div>
  101.                     <span data-purecounter-start="0" data-purecounter-end="50" data-purecounter-duration="1" class="purecounter"></span>
  102.                     <p>Heures de Support</p>
  103.                 </div>
  104.                 </div>
  105.             </div>
  106.             <!-- End Stats Item -->
  108.             </div>
  110.         </div>
  112.         </section><!-- /Stats Counter Section -->
  114.         <!-- Alt Services Section -->
  115.         <section id="alt-services" class="alt-services section">
  117.         <div class="container">
  119.             <div class="row justify-content-around gy-4">
  120.             <div class="features-image col-lg-6" data-aos="fade-up" data-aos-delay="100">
  121.                 <img src="{{ asset('frontend/assets/img/alt-services.jpg') }}" alt="">
  122.             </div>
  124.             <div class="col-lg-5 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
  125.                 <h3>Nos Valeurs</h3>
  126.                 <p> Au cœur de notre entreprise résident quatre valeurs fondamentales : professionnalisme, innovation, satisfaction client et intégrité.
  127.                 Nous nous engageons fermement à maintenir ces principes dans tous nos efforts, assurant ainsi des solutions de qualité supérieure et une relation client exemplaire.</p>
  129.                 <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="300">
  130.                 <i class="bi bi-briefcase-fill"></i>
  131.                 <div>
  132.                     <h4><a href="" class="stretched-link">Professionnalisme</a></h4>
  133.                     <p>Nous nous engageons à maintenir un haut niveau de professionnalisme dans tous nos services.</p>
  134.                 </div>
  135.                 </div><!-- End Icon Box -->
  137.                 <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="400">
  138.                 <i class="bi bi-lightning-fill"></i>
  139.                 <div>
  140.                     <h4><a href="" class="stretched-link">Innovation</a></h4>
  141.                     <p>Nous investissons continuellement dans les nouvelles technologies pour offrir des solutions modernes et efficaces.</p>
  142.                 </div>
  143.                 </div><!-- End Icon Box -->
  145.                 <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="500">
  146.                 <i class="bi bi-heart-fill"></i>
  147.                 <div>
  148.                     <h4><a href="" class="stretched-link">Satisfaction Client</a></h4>
  149.                     <p>La satisfaction de nos clients est notre priorité absolue, et nous nous efforçons de dépasser leurs attentes.</p>
  150.                 </div>
  151.                 </div><!-- End Icon Box -->
  153.                 <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="600">
  154.                 <i class="bi bi-shield-fill-check"></i>
  155.                 <div>
  156.                     <h4><a href="" class="stretched-link">Intégrité</a></h4>
  157.                     <p>Nous agissons avec intégrité, transparence et éthique dans toutes nos interactions et décisions.</p>
  158.                 </div>
  159.                 </div><!-- End Icon Box -->
  161.             </div>
  162.             </div>
  164.         </div>
  166.         </section><!-- /Alt Services Section -->
  169. {% endblock %}
  171. {# <!DOCTYPE html>
  172. <html lang="en">
  174. <head>
  175.   <meta charset="utf-8">
  176.   <meta content="width=device-width, initial-scale=1.0" name="viewport">
  177.   <title>2EI - A propos</title>
  178.   <meta content="" name="description">
  179.   <meta content="" name="keywords">
  181.   <!-- Favicons -->
  182.   <link href="assets/img/favicon.png" rel="icon">
  183.   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  185.   <!-- Fonts -->
  186.   <link href="https://fonts.googleapis.com" rel="preconnect">
  187.   <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
  188.   <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  190.   <!-- Vendor CSS Files -->
  191.   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  192.   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  193.   <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  194.   <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
  195.   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  196.   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  198.   <!-- Main CSS File -->
  199.   <link href="assets/css/main.css" rel="stylesheet">
  201. </head>
  203. <body class="about-page">
  205.   <header id="header" class="header d-flex align-items-center fixed-top">
  206.     <div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
  208.       <a href="index.html" class="logo d-flex align-items-center">
  209.         <!-- Uncomment the line below if you also wish to use an image logo -->
  210.          <img src="assets/img/logo.png" alt="">
  211.       </a>
  213.       <nav id="navmenu" class="navmenu">
  214.         <ul>
  215.           <li><a href="index.html">Accueil</a></li>
  216.           <li><a href="#" class="active">A Propos</a></li>
  217.           <li><a href="index.html#services">Services</a></li>
  218.           <li><a href="#">Realisations</a></li>
  219.           <li><a href="#">Contact</a></li>
  220.         </ul>
  221.         <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
  222.       </nav>
  224.     </div>
  225.   </header>
  227.   <main class="main">
  229.     <!-- Page Title -->
  230.     <div class="page-title" style="background-image: url(assets/img/page-title-bg.jpg);">
  231.       <div class="container position-relative">
  232.         <h1>A propos</h1>
  233.         <nav class="breadcrumbs">
  234.           <ol>
  235.             <li><a href="index.html">Accueil</a></li>
  236.             <li class="current">A Propos</li>
  237.           </ol>
  238.         </nav>
  239.       </div>
  240.     </div>
  241.     <!-- End Page Title -->
  243.     <!-- About Section -->
  244.     <section id="about" class="about section">
  246.       <div class="container">
  248.         <div class="row position-relative">
  250.           <div class="col-lg-7 about-img" data-aos="zoom-out" data-aos-delay="200">
  251.             <div style="height:500px;"></div>
  252.             <img style="min-height: 200px !important;" src="assets/img/about.png">
  253.           </div>
  255.           <div class="col-lg-7" data-aos="fade-up" data-aos-delay="100">
  256.             <h3 class="inner-title" style="font-size: 37px !important;"> Étude Exécution Installation SARL ( 2EI SARL ) </h3>
  257.             <div class="our-story">
  258.               <h3>A propos de <br> 2EI SARL</h3>
  259.               <p style="text-align: justify;"><strong> Étude Exécution Installation SARL (2EI SARL) </strong> est une société à responsabilité limitée, créée conformément à la 
  260.                 réglementation en vigueur notamment par l'Acte Uniforme Révisé de l'OHADA relatif au Droit des Sociétés 
  261.                 Commerciales et du Groupement d'Intérêt Économique Révisé. Nous nous engageons à offrir des services de haute qualité dans divers domaines de l'électricité et des installations techniques, aussi bien au Bénin qu'à l'étranger.
  262.               </p>
  263.               <br>
  264.               <h3>MISSION</h3>
  265.               <p style="text-align: justify;">Chez 2EI SARL, notre mission est de fournir des solutions complètes et innovantes pour tous vos besoins en matière d'électricité et de sécurité. Nous visons à être le partenaire de confiance pour nos clients en offrant des services qui répondent aux normes les plus élevées de qualité et de sécurité.</p>
  266.               <!--<ul>
  267.                 <li><i class="bi bi-check-circle"></i> <span>Chez 2EI SARL, notre mission est de fournir des solutions complètes et innovantes pour tous vos besoins en matière d'électricité et de sécurité. Nous visons à être le partenaire de confiance pour nos clients en offrant des services qui répondent aux normes les plus élevées de qualité et de sécurité.</span></li>
  268.                 <li><i class="bi bi-check-circle"></i> <span>Duis aute irure dolor in reprehenderit in</span></li>
  269.                 <li><i class="bi bi-check-circle"></i> <span>Ullamco laboris nisi ut aliquip ex ea</span></li>
  270.               </ul>
  271.               <p>Vitae autem velit excepturi fugit. Animi ad non. Eligendi et non nesciunt suscipit repellendus porro in quo eveniet. Molestias in maxime doloremque.</p>-->
  273.               <!--<div class="watch-video d-flex align-items-center position-relative">
  274.                 <i class="bi bi-play-circle"></i>
  275.                 <a href="https://www.youtube.com/watch?v=LXb3EKWsInQ" class="glightbox stretched-link">Watch Video</a>
  276.               </div>-->
  277.             </div>
  278.           </div>
  280.         </div>
  282.       </div>
  284.     </section><!-- /About Section -->
  286.     <!-- Stats Counter Section -->
  287.     <section id="stats-counter" class="stats-counter section">
  289.       <!-- Section Title -->
  290.       <div class="container section-title" data-aos="fade-up">
  291.         <h2>Statistiques</h2>
  292.         <p>Explorez les statistiques fascinantes de nos réalisations et performances.</p>
  293.       </div>
  294.       <!-- End Section Title -->
  296.       <div class="container" data-aos="fade-up" data-aos-delay="100">
  298.         <div class="row gy-4">
  300.           <div class="col-lg-3 col-md-6">
  301.             <div class="stats-item d-flex align-items-center w-100 h-100">
  302.               <i class="bi bi-emoji-smile color-blue flex-shrink-0"></i>
  303.               <div>
  304.                 <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
  305.                 <p>Clients satisfaits</p>
  306.               </div>
  307.             </div>
  308.           </div><!-- End Stats Item -->
  310.           <div class="col-lg-3 col-md-6">
  311.             <div class="stats-item d-flex align-items-center w-100 h-100">
  312.               <i class="bi bi-clipboard-check text-blue"></i>
  313.               <div>
  314.                 <span data-purecounter-start="0" data-purecounter-end="120" data-purecounter-duration="1" class="purecounter"></span>
  315.                 <p>Projets Réalisés</p>
  316.               </div>
  317.             </div>
  318.           </div>
  319.           <!-- End Stats Item -->
  321.           <div class="col-lg-3 col-md-6">
  322.             <div class="stats-item d-flex align-items-center w-100 h-100">
  323.               <i class="bi bi-hdd color-blue"></i>
  324.               <div>
  325.                 <span data-purecounter-start="0" data-purecounter-end="100" data-purecounter-duration="1" class="purecounter"></span>
  326.                 <p>Systèmes Installés</p>
  327.               </div>
  328.             </div>
  329.           </div>
  330.           <!-- End Stats Item -->
  332.           <div class="col-lg-3 col-md-6">
  333.             <div class="stats-item d-flex align-items-center w-100 h-100">
  334.               <i class="bi bi-headset color-green flex-shrink-0"></i>
  335.               <div>
  336.                 <span data-purecounter-start="0" data-purecounter-end="50" data-purecounter-duration="1" class="purecounter"></span>
  337.                 <p>Heures de Support</p>
  338.               </div>
  339.             </div>
  340.           </div>
  341.           <!-- End Stats Item -->
  343.         </div>
  345.       </div>
  347.     </section><!-- /Stats Counter Section -->
  349.     <!-- Alt Services Section -->
  350.     <section id="alt-services" class="alt-services section">
  352.       <div class="container">
  354.         <div class="row justify-content-around gy-4">
  355.           <div class="features-image col-lg-6" data-aos="fade-up" data-aos-delay="100"><img src="assets/img/alt-services.jpg" alt=""></div>
  357.           <div class="col-lg-5 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
  358.             <h3>Nos Valeurs</h3>
  359.             <p> Au cœur de notre entreprise résident quatre valeurs fondamentales : professionnalisme, innovation, satisfaction client et intégrité.
  360.                Nous nous engageons fermement à maintenir ces principes dans tous nos efforts, assurant ainsi des solutions de qualité supérieure et une relation client exemplaire.</p>
  362.             <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="300">
  363.               <i class="bi bi-briefcase-fill"></i>
  364.               <div>
  365.                 <h4><a href="" class="stretched-link">Professionnalisme</a></h4>
  366.                 <p>Nous nous engageons à maintenir un haut niveau de professionnalisme dans tous nos services.</p>
  367.               </div>
  368.             </div><!-- End Icon Box -->
  370.             <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="400">
  371.               <i class="bi bi-lightning-fill"></i>
  372.               <div>
  373.                 <h4><a href="" class="stretched-link">Innovation</a></h4>
  374.                 <p>Nous investissons continuellement dans les nouvelles technologies pour offrir des solutions modernes et efficaces.</p>
  375.               </div>
  376.             </div><!-- End Icon Box -->
  378.             <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="500">
  379.               <i class="bi bi-heart-fill"></i>
  380.               <div>
  381.                 <h4><a href="" class="stretched-link">Satisfaction Client</a></h4>
  382.                 <p>La satisfaction de nos clients est notre priorité absolue, et nous nous efforçons de dépasser leurs attentes.</p>
  383.               </div>
  384.             </div><!-- End Icon Box -->
  386.             <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="600">
  387.               <i class="bi bi-shield-fill-check"></i>
  388.               <div>
  389.                 <h4><a href="" class="stretched-link">Intégrité</a></h4>
  390.                 <p>Nous agissons avec intégrité, transparence et éthique dans toutes nos interactions et décisions.</p>
  391.               </div>
  392.             </div><!-- End Icon Box -->
  394.           </div>
  395.         </div>
  397.       </div>
  399.     </section><!-- /Alt Services Section -->
  402.   </main>
  404.   <footer id="footer" class="footer">
  406.     <div class="container footer-top">
  407.       <div class="row gy-4">
  408.         <div class="col-lg-4 col-md-6 footer-about">
  409.           <a href="index.html" class="logo d-flex align-items-center">
  410.             <span class="sitename">2EI Sarl</span>
  411.           </a>
  412.           <div class="footer-contact pt-3">
  413.             <p>Yénandjro. Cotonou, BENIN</p>
  414.             <p class="mt-3"><strong>Téléphone:</strong> <span>+229 98 00 33 77</span></p>
  415.             <p><strong>Email:</strong> <span>info@2ei-sarl.com</span></p>
  416.           </div>
  417.           <div class="social-links d-flex mt-4">
  418.             <a href=""><i class="bi bi-twitter-x"></i></a>
  419.             <a href=""><i class="bi bi-facebook"></i></a>
  420.             <a href=""><i class="bi bi-instagram"></i></a>
  421.             <a href=""><i class="bi bi-linkedin"></i></a>
  422.           </div>
  423.         </div>
  425.         <div class="col-lg-2 col-md-3 footer-links">
  426.           <h4>Liens utiles</h4>
  427.           <ul>
  428.             <li><a href="#">Accueil</a></li>
  429.             <li><a href="#">A propos</a></li>
  430.             <li><a href="#">Mentions légales</a></li>
  431.             <li><a href="#">Données personnelles</a></li>
  432.           </ul>
  433.         </div>
  435.         <div class="col-lg-2 col-md-3 footer-links">
  436.           <h4>Nos services</h4>
  437.           <ul>
  438.             <li><a href="#">Importation et vente de matériel informatique</a></li>
  439.             <li><a href="#">Installation electrique</a></li>
  440.             <li><a href="#">Domotique</a></li>
  441.             <li><a href="#">Contrôle d'accès</a></li>
  442.           </ul>
  443.         </div>
  445.         <div class="col-lg-2 col-md-3 footer-links">
  446.           <h4>Encore plus</h4>
  447.           <ul>
  448.             <li><a href="#">Vidéo Surveillance</a></li>
  449.             <li><a href="#">Sécurité baptiment</a></li>
  450.             <li><a href="#">Courant fort & faible</a></li>
  451.             <li><a href="#">Climatisation</a></li>
  452.             <!--<li><a href="#">-</a></li>
  453.             <li><a href="#">Sit quas consectetur</a></li>-->
  454.           </ul>
  455.         </div>
  457.         <!--<div class="col-lg-2 col-md-3 footer-links">
  458.           <h4>Nobis illum</h4>
  459.           <ul>
  460.             <li><a href="#">Ipsam</a></li>
  461.             <li><a href="#">Laudantium dolorum</a></li>
  462.             <li><a href="#">Dinera</a></li>
  463.             <li><a href="#">Trodelas</a></li>
  464.             <li><a href="#">Flexo</a></li>
  465.           </ul>
  466.         </div>-->
  468.       </div>
  469.     </div>
  471.     <div class="container copyright text-center mt-4">
  472.       <p>© <span>Copyright</span>
  473.       <strong class="px-1 sitename">2EI</strong>
  474.       <span>All Rights Reserved</span></p>
  475.       <div class="credits">
  476.         Designed by <a href="#">Disnel</a>
  477.       </div>
  478.     </div>
  480.   </footer>
  482.   <!-- Scroll Top -->
  483.   <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
  485.   <!-- Preloader -->
  486.   <div id="preloader"></div>
  488.   <!-- Vendor JS Files -->
  489.   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  490.   <script src="assets/vendor/php-email-form/validate.js"></script>
  491.   <script src="assets/vendor/aos/aos.js"></script>
  492.   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  493.   <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
  494.   <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  495.   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  496.   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
  498.   <!-- Main JS File -->
  499.   <script src="assets/js/main.js"></script>
  501. </body>
  503. </html> #}