templates/home/feu.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.     <!-- Navbar Start -->
  4.     <div class="container-fluid position-relative p-0">
  5.        <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
  6.             <div class="row py-5">
  7.                 <div class="col-12 pt-lg-5 mt-lg-5 text-center">
  8.                     <h1 class="display-4 text-white animated zoomIn">Feu de trafic</h1>
  9.                     <a href="{{ path('home') }}" class="h5 text-white">Accueil</a>
  10.                     <i class="far fa-circle text-white px-2"></i>
  11.                     <a href="" class="h5 text-white">Feu de trafic</a>
  12.                 </div>
  13.             </div>
  14.         </div>
  15.     </div>
  16.     <!-- Navbar End -->
  17.     <!-- Full Screen Search Start -->
  18.     <div class="modal fade" id="searchModal" tabindex="-1">
  19.         <div class="modal-dialog modal-fullscreen">
  20.             <div class="modal-content" style="background: rgba(9, 30, 62, .7);">
  21.                 <div class="modal-header border-0">
  22.                     <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  23.                 </div>
  24.                 <div class="modal-body d-flex align-items-center justify-content-center">
  25.                     <div class="input-group" style="max-width: 600px;">
  26.                         <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword">
  27.                         <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </div>
  33.     <!-- Full Screen Search End -->
  34.     <!-- Blog Start -->
  35.     <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  36.         <div class="container py-5">
  37.             <div class="row g-5">
  38.                 <div class="col-lg-8">
  39.                     <!-- Blog Detail Start -->
  40.                     <div class="mb-5">
  41.                         <h1 class="mb-4">Feu de trafic</h1>
  42.                         <p align="justify">
  43.                         Nous sommes ravis de vous présenter ce guide complet qui vous aidera à vous familiariser avec le fonctionnement du feu de signalisation didactique.
  44.                         Cet outil pédagogique vous permettra de comprendre les principes de la signalisation routière. Dans ce didacticiel,
  45.                         vous trouverez des instructions détaillées sur son utilisation, ses spécifications, ainsi que des conseils pour l'installation,
  46.                         l'entretien et le dépannage. 
  47.                         <br>
  48.                         <br>
  49.                         Notre objectif est de vous fournir une ressource complète qui vous permettra de maîtriser l'utilisation du 
  50.                         feu de signalisation didactique. Que vous soyez étudiant, enseignant ou passionné de sécurité routière, ce didacticiel sera une référence indispensable
  51.                         pour approfondir votre compréhension de cet élément essentiel de l'infrastructure routière. Grâce à des explications claires et concises,
  52.                         accompagnées d'illustrations, nous avons soigneusement élaboré ce guide afin de vous offrir une expérience d'apprentissage immersive. 
  53.                         En explorant des sujets tels que le fonctionnement, les spécifications, les procédures d'installation, les bonnes pratiques d'entretien et 
  54.                         les techniques efficaces de dépannage, vous acquerrez une compréhension approfondie du feu de signalisation didactique et de son rôle essentiel 
  55.                         dans la gestion sûre et efficace du trafic.</p>
  56.                         <br>
  57.                         
  58.                         <table>
  59.                             <tr>
  60.                             <th>Spécification</th>
  61.                             <th>Description</th>
  62.                             </tr>
  63.                             <tr>
  64.                             <td>Nombre de Croisement</td>
  65.                             <td>1</td>
  66.                             </tr>
  67.                             <tr>
  68.                             <td>Couleurs Feux</td>
  69.                             <td>Rouge, Jaune, Vert</td>
  70.                             </tr>
  71.                             <tr>
  72.                             <td>Tension d'alimentation</td>
  73.                             <td>100 V~    <br>   240 V~</td>
  74.                             </tr>
  75.                             <tr>
  76.                             <td>Tension de fonctionnement</td>
  77.                             <td>24V DC</td>
  78.                             </tr>
  79.                             <tr>
  80.                             <td>Consommation d'énergie</td>
  81.                             <td>12W</td>
  82.                             </tr>
  83.                             <tr>
  84.                             <td>Dimensions</td>
  85.                             <td>45 cm x 38 cm x 10 cm</td>
  86.                             </tr>
  87.                             <tr>
  88.                             <td>Poids</td>
  89.                             <td>3 kg</td>
  90.                             </tr>                
  91.                             </table>
  92.                             
  93.                     
  94.                         <img src="{{asset('assets/picture/image3.jpg')}}" width="100%" height="100%"  alt="Product Image 0">
  95.                     
  96.                         <h2 style="text-align: center;">Manuel d'utilisation</h2>
  97.                     
  98.                         <h3>Installation de la machine</h3>
  99.                         <p>Suivez ces étapes pour démarrer le dispositif :</p>
  100.                         <ol>
  101.                         <li>Choisissez un emplacement qui soit sec, frais et exempt de poussière et de débris.</li>
  102.                         <li>Connectez le dispositif à une source d'alimentation à l'aide du câble d'alimentation fournis.</li>
  103.                         <li>Assurez-vous que l'interrupteur est en position "ON".</li>
  104.                         </ol>
  105.                     
  106.                         <h3>Fonctionnement</h3>
  107.                         <p align="justify">Les feux de signalisation didactiques sont équipés de LED pour chaque couleur de feu (rouge, jaune et vert). Chaque LED est connectée à un connecteur banane qui permet de les relier à un contrôleur choisi pour commander le feu de signalisation.</p>
  108.                         
  109.                         <p>Voici les étapes pour connecter les LED au connecteur banane et les câbler au contrôleur :</p>
  110.                         
  111.                         <ol>
  112.                         <li>
  113.                             Feux de signalisation didactiques donc configurés dans chaque angle du croisement, pour un total de 4 feux. Chaque feu est équipé de 3 LED pour afficher les différentes couleurs (rouge, jaune et vert).
  114.                         </li>
  115.                         <li>
  116.                             Assurez-vous d'avoir le contrôleur de votre choix qui sera utilisé pour commander le feu de signalisation.
  117.                         </li>
  118.                         <li>
  119.                             Utilisez des ensembles de câbles de connexion (8951-00) pour câbler les feux de signalisation avec le contrôleur. Ces ensembles de câbles sont spécialement conçus pour faciliter la connexion entre le feu de signalisation et le contrôleur.
  120.                         </li>
  121.                         <li>
  122.                             À l'autre extrémité des câbles de connexion, connectez les connecteurs banane aux bornes correspondantes du contrôleur. Assurez-vous que les connexions sont sécurisées et bien fixées.
  123.                         </li>
  124.                         <li>
  125.                             Répétez les étapes 3 à 5 pour chaque feu de signalisation, en veillant à utiliser des ensembles de câbles de connexion distincts pour chaque feu.
  126.                         </li>
  127.                         <li>
  128.                             Une fois que tous les feux de signalisation sont correctement câblés aux connecteurs banane et au contrôleur, vous pouvez maintenant utiliser le contrôleur pour commander les feux.
  129.                         </li>
  130.                         </ol>
  131.                         
  132.                         <p align="justify">Il est important de noter que les étapes de connexion et de câblage peuvent varier en fonction du modèle spécifique du contrôleur et des feux de signalisation utilisés. Veuillez vous référer aux manuels d'utilisation et aux instructions fournies par le fabricant pour des informations détaillées et spécifiques.</p>
  133.                         
  134.                         <p align="justify">Assurez-vous également de prendre toutes les mesures de sécurité nécessaires lors de la manipulation de l'équipement électrique et de suivre les réglementations en matière de câblage et de raccordement.</p>
  135.                         
  136.                         
  137.                         <img src="{{asset('assets/picture/image0.png')}}" width="100%" height="100%" alt="Image du produit 1"><br>
  138.                         
  139.                         <h3>Entretien</h3>
  140.                             <p>
  141.                             Effectuez régulièrement les tâches d'entretien suivantes pour assurer une performance optimale des feux de signalisation didactiques :
  142.                             </p>
  143.                             <p>
  144.                             Inspectez les feux de signalisation pour tout signe de dommage physique ou d'usure.
  145.                             </p>
  146.                             <p>
  147.                             Remplacez immédiatement les composants endommagés.
  148.                             </p>
  149.                             <p>
  150.                             Nettoyez régulièrement les feux de signalisation avec un chiffon doux et sec pour enlever toute poussière ou débris.
  151.                             </p>
  152.                             <p>
  153.                             Vérifiez périodiquement les connexions des câbles de connexion pour vous assurer qu'ils sont bien fixés.
  154.                             </p>
  155.                             <p>
  156.                             Assurez-vous que les feux de signalisation sont correctement fixés et en place, sans aucun mouvement ou lâchage.
  157.                             </p>
  158.                             <p>
  159.                             En cas de problème ou de disfonctionnement, contactez un technicien qualifié ou le fabricant pour obtenir de l'aide supplémentaire.
  160.                             </p>
  161.                         
  162.                         <iframe width="800" height="445" src="https://www.youtube.com/embed/r9uxgcWWQPw" title="TRAFFIC LIGHT Didactic" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  163.                         <h3 align="justify">Conclusion</h3>
  164.                         <p>Nous sommes déterminés à fournir des produits et des ressources de haute qualité pour soutenir votre apprentissage et votre
  165.                         développement dans tout les domaine. Nous sommes fiers de vous accompagner dans votre parcours pour maîtriser le fonctionnement et 
  166.                         l'entretien du feu de signalisation didactique. 
  167.                         <br> vous avez des questions ou avez besoin d'une assistance supplémentaire, 
  168.                         notre équipe de support dédiée est à votre disposition pour vous guider et répondre à vos demandes.</p>
  169.                                         
  170.                     </div>
  171.                     <!-- Blog Detail End -->
  172.  
  173.                 </div>
  174.     
  175.                 <!-- Sidebar Start -->
  176.                 <div class="col-lg-4">
  177.                     <!-- Search Form Start -->
  178.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  179.                         <div class="input-group">
  180.                             <input type="text" class="form-control p-3" placeholder="Keyword">
  181.                             <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
  182.                         </div>
  183.                     </div>
  184.                     <!-- Search Form End -->
  185.     
  186.                     <!-- Category Start -->
  187.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  188.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  189.                             <h3 class="mb-0">Categories</h3>
  190.                         </div>
  191.                         <div class="link-animated d-flex flex-column justify-content-start">
  192.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>Application web</a>
  193.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>Application moblie</a>
  194.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>Réalisation carte électronique</a>
  195.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>IOT</a>
  196.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>Système embrquée</a>
  197.                         </div>
  198.                     </div>
  199.                     <!-- Category End -->
  200.     
  201.                     <!-- Recent Post Start -->
  202.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  203.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  204.                             <h3 class="mb-0">Postes récents</h3>
  205.                         </div>
  206.                         <div class="d-flex rounded overflow-hidden mb-3">
  207.                             <img class="img-fluid" src="{{asset('assets/img/bloc1.jpg')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  208.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">Nautx Eca Hackathon
  209.                             </a>
  210.                         </div>
  211.                         <div class="d-flex rounded overflow-hidden mb-3">
  212.                             <img class="img-fluid" src="{{asset('assets/img/bloc2.png')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  213.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">om22 Coding Camp Sénégal
  214.                             </a>
  215.                         </div>
  216.                         <div class="d-flex rounded overflow-hidden mb-3">
  217.                             <img class="img-fluid" src="{{asset('assets/img/tolukeur.jpg')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  218.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">TOOLU KËR
  219.                             </a>
  220.                         </div>
  221.                     </div>
  222.                     <!-- Recent Post End -->
  223.     
  224.                     <!-- Image Start -->
  225.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  226.                         <img src="img/blog-1.jpg" alt="" class="img-fluid rounded">
  227.                     </div>
  228.                     <!-- Image End -->
  229.     
  230.                     <!-- Tags Start -->
  231.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  232.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  233.                             <h3 class="mb-0">Tag Cloud</h3>
  234.                         </div>
  235.                         <div class="d-flex flex-wrap m-n1">
  236.                             <a href="" class="btn btn-light m-1">Design</a>
  237.                             <a href="" class="btn btn-light m-1">Development</a>
  238.                             <a href="" class="btn btn-light m-1">Marketing</a>
  239.                             <a href="" class="btn btn-light m-1">SEO</a>
  240.                             <a href="" class="btn btn-light m-1">Writing</a>
  241.                             <a href="" class="btn btn-light m-1">Consulting</a>
  242.                         </div>
  243.                     </div>
  244.                     <!-- Tags End -->
  245.                 </div>
  246.                 <!-- Sidebar End -->
  247.             </div>
  248.         </div>
  249.     </div>
  250.     <!-- Blog End -->
  251.     <!-- Vendor Start -->
  252.     <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  253.         <div class="container py-5 mb-5">
  254.             <div class="bg-white">
  255.                 <div class="owl-carousel vendor-carousel">
  256.                     <img src="{{asset('assets/img/logoAG.png')}}" alt="">
  257.                     <img src="{{asset('assets/img/badis.png')}}" alt="">
  258.                     <img src="{{asset('assets/img/sabs.png')}}" alt="">
  259.                     <img src="{{asset('assets/img/millenium.png')}}" alt="">
  260.                     <img src="{{asset('assets/img/tolukeurlogo.png')}}" alt="">
  261.                     <img src="{{asset('assets/img/yaxanallogo.png')}}" alt="">
  262.                 </div>
  263.             </div>
  264.         </div>
  265.     </div>
  266.     <!-- Vendor End -->
  267. {% endblock %}