templates/home/realisations.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <!-- Navbar Start -->
  5.     <div class="container-fluid position-relative p-0">
  6.         <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
  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">Réalisations</h1>
  10.                     <a href="{{ path('home') }}" class="h5 text-white">Accueil</a>
  11.                     <i class="far fa-circle text-white px-2"></i>
  12.                     <a href="" class="h5 text-white">Réalisations</a>
  13.                 </div>
  14.             </div>
  15.         </div>
  16.     </div>
  17.     <!-- Navbar End -->
  20.     <!-- Full Screen Search Start -->
  21.     <div class="modal fade" id="searchModal" tabindex="-1">
  22.         <div class="modal-dialog modal-fullscreen">
  23.             <div class="modal-content" style="background: rgba(9, 30, 62, .7);">
  24.                 <div class="modal-header border-0">
  25.                     <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  26.                 </div>
  27.                 <div class="modal-body d-flex align-items-center justify-content-center">
  28.                     <div class="input-group" style="max-width: 600px;">
  29.                         <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword">
  30.                         <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
  31.                     </div>
  32.                 </div>
  33.             </div>
  34.         </div>
  35.     </div>
  36.     <!-- Full Screen Search End -->
  39.  <!-- Blog Start -->
  40.  <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  41.     <div class="container py-5">
  42.         <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
  43.             <h5 class="fw-bold text-primary text-uppercase">Recherche et Développemnt</h5>
  44.             <h1 class="mb-0">Réalisations innovantes</h1>
  45.         </div>
  46.         <div class="row g-5">
  47.             <div class="col-lg-4 wow slideInUp" data-wow-delay="0.3s">
  48.                 <div class="blog-item bg-light rounded overflow-hidden">
  49.                     <div class="blog-img position-relative overflow-hidden">
  50.                         <img class="img-fluid" src="{{asset('assets/img/projet1.jpg')}}" alt="">
  51.                     </div>
  52.                     <div class="p-4">
  53.                         <h4 class="mb-3">INVICTUS SLIDER</h4>
  54.                         <p>La présente invention a pour objet un slider motorisé de caméra pour le cinéma Africain, destiné à participer à la modernisation de cette industrie et à l’amélioration des moyens de travail de nos cinéastes Africains.
  55.                             <br>Suite à un dispositif de commande approprié...</p>
  56.                         <a class="text-uppercase" href="{{ path('invectus') }}">Voir plus <i class="bi bi-arrow-right"></i></a>
  57.                     </div>
  58.                 </div>
  59.             </div>
  60.             <div class="col-lg-4 wow slideInUp" data-wow-delay="0.6s">
  61.                 <div class="blog-item bg-light rounded overflow-hidden">
  62.                     <div class="blog-img position-relative overflow-hidden">
  63.                         <img class="img-fluid" src="{{asset('assets/img/yaxanal.png')}}" alt="">
  64.                     </div>
  65.                     <div class="p-4">
  66.                         <h4 class="mb-3">YAXANAL</h4>
  67.                         <p>La présente invention est le premier compteur intelligent d’eau made in Sénégal, en Afrique, doté des technologies de dernières pointes...
  68.                             <br>YAXANAL souligne plusieurs aspects innovants à savoir :</p>
  69.                         <a class="text-uppercase" href="#">Voir plus <i class="bi bi-arrow-right"></i></a>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.             <div class="col-lg-4 wow slideInUp" data-wow-delay="0.9s">
  74.                 <div class="blog-item bg-light rounded overflow-hidden">
  75.                     <div class="blog-img position-relative overflow-hidden">
  76.                         <img class="img-fluid" src="{{asset('assets/img/bujuplast.png')}}" alt="">
  77.                     </div>
  78.                     <div class="p-4">
  79.                         <h4 class="mb-3">BUJU PLAST </h4>
  80.                         <p>La présente invention a pour objet un distributeur automatique inversé made in Sénégal, dénommé BUJU PLAST destiné à participer au recyclage des bouteilles en plastiques recyclables ...
  81.                            <br> Suite à un dispositif approprié, BUJU PLAST, notre système ...  </p>
  82.                         <a class="text-uppercase" href="{{ path('bujuplast') }}">Voir plus <i class="bi bi-arrow-right"></i></a>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.             <div class="col-lg-4 wow slideInUp" data-wow-delay="0.3s">
  87.                 <div class="blog-item bg-light rounded overflow-hidden">
  88.                     <div class="blog-img position-relative overflow-hidden">
  89.                         <img class="img-fluid" src="{{asset('assets/img/ascenseur1.jpg')}}" alt="">
  90.                     </div>
  91.                     <div class="p-4">
  92.                         <h4 class="mb-3">ASCENSEUR DIDACTIQUE</h4>
  93.                         <p>L’ascenseur didactique est une maquette qui permet de simuler le fonctionnement réel d'un ascenseur de 3 ou 5 niveaux. Il est destiné aux étudiants, enseignants des établissements professionnels et techniques, ainsi qu’aux techniciens et ingénieurs de l’industrie qui souhaitent s’initier à la programmation en langage Labview, C ou API « Liste, Ladder, Grafcet »</p>
  94.                         <a class="text-uppercase" href="{{ path('ascenseur') }}">Voir plus <i class="bi bi-arrow-right"></i></a>
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.             <div class="col-lg-4 wow slideInUp" data-wow-delay="0.3s">
  99.                 <div class="blog-item bg-light rounded overflow-hidden">
  100.                     <div class="blog-img position-relative overflow-hidden">
  101.                         <img class="img-fluid" src="{{asset('assets/img/image3.jpg')}}" alt="">
  102.                     </div>
  103.                     <div class="p-4">
  104.                         <h4 class="mb-3">FEU DE TRAFIC DIDACTIQUE</h4>
  105.                         <p>Ce dispositif est un gestionnaire de feux de trafic didactique destiné aux écoles de formation professionnels et techniques, et aux grandes écoles polytechniques, doté des systèmes de formation classique par automate programmable (de modèle M221 par défaut) permettant la mise en œuvre du contrôle de la circulation des véhicules et des piétons dans une intersection.</p>
  106.                         <a class="text-uppercase" href="{{ path('feu') }}">Voir plus <i class="bi bi-arrow-right"></i></a>
  107.                     </div>
  108.                 </div>
  109.             </div>
  110.             <div class="col-lg-4 wow slideInUp" data-wow-delay="0.3s">
  111.                 <div class="blog-item bg-light rounded overflow-hidden">
  112.                     <div class="blog-img position-relative overflow-hidden">
  113.                         <img class="img-fluid" src="{{asset('assets/img/11.png')}}" alt="">
  114.                     </div>
  115.                     <div class="p-4">
  116.                         <h4 class="mb-3">Alimentation AL1600W</h4>
  117.                         <p>L'alimentation de laboratoire est une solution essentielle pour les besoins en alimentation électrique des laboratoires. Cette alimentation offre une performance fiable et précise, permettant aux utilisateurs de fournir des tensions et des courants adaptés à leurs expériences et à leurs appareils.</p>
  118.                         <a class="text-uppercase" href="{{ path('alimentation') }}">Voir plus <i class="bi bi-arrow-right"></i></a>
  119.                     </div>
  120.                 </div>
  121.             </div>
  122.         </div>
  123.     </div>
  124. </div>
  125. <!-- Blog Start -->
  127.     <!-- Vendor Start -->
  128.     <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  129.         <div class="container py-5 mb-5">
  130.             <div class="bg-white">
  131.                 <div class="owl-carousel vendor-carousel">
  132.                     <img src="{{asset('assets/img/logoAG.png')}}" alt="">
  133.                     <img src="{{asset('assets/img/badis.png')}}" alt="">
  134.                     <img src="{{asset('assets/img/sabs.png')}}" alt="">
  135.                     <img src="{{asset('assets/img/millenium.png')}}" alt="">
  136.                     <img src="{{asset('assets/img/tolukeurlogo.png')}}" alt="">
  137.                     <img src="{{asset('assets/img/yaxanallogo.png')}}" alt="">
  138.                 </div>
  139.             </div>
  140.         </div>
  141.     </div>
  142.     <!-- Vendor End -->
  144. {% endblock %}