templates/home/alimentation.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">L'alimentation de laboratoire</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">L'alimentation de laboratoire</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">L'alimentation de laboratoire</h1>
  42.                         <p align="justify">
  43.                             Rallonge d'alimentation AC de 40A à 14 prises protégées avec bornes de raccordement monophasées est conçue pour
  44.                             offrir une distribution d'alimentation fiable et sûre à votre équipement électrique. La rallonge dispose de 14 prises
  45.                             protégées, chacune capable de gérer jusqu'à 40A, ainsi que des bornes de raccordement monophasées. Ce manuel d'utilisation 
  46.                             vous guidera dans l'installation, l'utilisation et la maintenance de La rallonge d'alimentation.</p>
  47.                         <br>
  48.                             <h2>Prise en Main</h2>
  49.             
  50.                             <p  align="justify">
  51.                                 Le bouton d'arrêt d'urgence avec une clé est une fonction de sécurité qui peut être utilisée pour couper rapidement
  52.                                 l'alimentation en cas d'urgence. La clé doit être insérée et tournée en position ON pour alimenter toutes les prises 
  53.                                 connectées à La rallonge d'alimentation. En cas de situation d'urgence, appuyez simplement sur le bouton d'arrêt 
  54.                                 d'urgence pour couper l'alimentation. La clé doit être retirée pour empêcher une utilisation non autorisée de la 
  55.                                 barrette d'alimentation.</p>
  56.                                
  57.                             <p align="justify">L'interrupteur ON/OFF avec une LED de présence de tension verte de chaque côté est une fonction qui vous permet 
  58.                                 de surveiller facilement l'état de l'alimentation électrique. Lorsque l'interrupteur est en position ON, la LED de 
  59.                                 présence de tension verte des deux côtés s'allume, indiquant que l'alimentation est disponible pour les prises 
  60.                                 connectées à La rallonge d'alimentation. Lorsque l'interrupteur est en position OFF, la LED de présence de tension 
  61.                                 verte s'éteint, indiquant que l'alimentation n'est plus disponible.</p>
  62.                                 <br>                
  63.             
  64.                             <table>
  65.                                 <tr>
  66.                                   <th>Spécification</th>
  67.                                   <th>Description</th>
  68.                                 </tr>
  69.                                 <tr>
  70.                                   <td>Nombre de prises</td>
  71.                                   <td>14</td>
  72.                                 </tr>
  73.                                 <tr>
  74.                                   <td>Courant maximum par prise</td>
  75.                                   <td>40A</td>
  76.                                 </tr>
  77.                                 <tr>
  78.                                   <td>Bornes de raccordement monophasées</td>
  79.                                   <td>Oui</td>
  80.                                 </tr>
  81.                                 <tr>
  82.                                   <td>Disjoncteur SNIDER</td>
  83.                                   <td>SNIDER 40Amps - 230V</td>
  84.                                 </tr>
  85.                                 <tr>
  86.                                   <td>Bouton d'arrêt d'urgence</td>
  87.                                   <td>Oui</td>
  88.                                 </tr>
  89.                                 <tr>
  90.                                   <td>Interrupteur ON/OFF</td>
  91.                                   <td>Oui</td>
  92.                                 </tr>
  93.                                 <tr>
  94.                                   <td>LED de présence de tension</td>
  95.                                   <td>Oui (verte)</td>
  96.                                 </tr>
  97.                                 <tr>
  98.                                   <td>Dimensions</td>
  99.                                   <td>[insert dimensions]</td>
  100.                                 </tr>
  101.                                 <tr>
  102.                                   <td>Poids</td>
  103.                                   <td>[insert weight]</td>
  104.                                 </tr>
  105.                               </table>
  106.                               
  107.                 
  108.                         <img src="{{asset('assets/V')}}" width="100%" height="100%"  alt="Product Image 3"><br>
  109.                 
  110.                         <h2 style="text-align: center;">Manuel d'utilisation</h2>
  111.                 
  112.                         <h3>Installation</h3>
  113.                         <p>Suivez ces étapes pour installer La rallonge d'alimentation :</p>
  114.                         <ol>
  115.                           <li>Choisissez un emplacement pour La rallonge d'alimentation qui soit sec, frais et exempt de poussière et de débris.</li>
  116.                           <li>Connectez La rallonge d'alimentation à une source d'alimentation appropriée à l'aide du câble d'alimentation inclus.</li>
  117.                           <li>Connectez vos appareils électriques aux prises protégées de La rallonge d'alimentation.</li>
  118.                           <li>Connectez les câbles Ethernet ou téléphone nécessaires à La rallonge d'alimentation.</li>
  119.                           <li>Assurez-vous que l'interrupteur du disjoncteur est en position "ON".</li>
  120.                           <li>Si nécessaire, utilisez les vis incluses pour fixer La rallonge d'alimentation à un mur ou à une autre surface stable.</li>
  121.                         </ol>
  122.                         
  123.                         <h3>Fonctionnement</h3>
  124.                         <p>Pour utiliser La rallonge d'alimentation, suivez ces instructions :</p>
  125.                     
  126.                         <ol>
  127.                             <li>Appuyez sur le bouton ON/OFF pour allumer la planche de puissance.</li>
  128.                             <li>Insérez la clé du bouton d'arrêt d'urgence et tournez-la en position ON pour activer la planche de puissance. Sans la clé, la planche de puissance ne peut pas être allumée ou éteinte.</li>
  129.                             <li>Quand vous avez fini d'utiliser la planche de puissance, appuyez sur le bouton ON/OFF pour l'éteindre.</li>
  130.                             <li>Si vous devez arrêter la planche de puissance en cas d'urgence, appuyez sur le bouton d'arrêt d'urgence.</li>
  131.                             <li>Vérifiez le voyant de présence de tension verte de chaque côté du bouton ON/OFF pour vérifier que la planche de puissance reçoit de la puissance.</li>
  132.                           </ol>
  133.                       <br>
  134.                           <img src="{{asset('assets/picture/33.png')}}" width="100%" height="100%" alt="Image du produit 1">
  135.                       
  136.                           <h3>Entretien</h3>
  137.                           <p>Effectuez régulièrement les tâches d'entretien suivantes pour assurer une performance optimale :</p><br>
  138.                             <p>Inspectez la planche de puissance pour tout signe de dommage physique ou d'usure. Remplacez immédiatement les composants endommagés. <br>
  139.                             <p>Nettoyez régulièrement la planche de puissance avec un chiffon doux et sec pour enlever toute poussière ou débris. <br>
  140.                               Vérifiez périodiquement l'interrupteur disjoncteur pour vous assurer qu'il est en position "ON".</p>
  141.                           
  142.                           <h3>Dépannage</h3>
  143.                           <p>Si vous rencontrez des problèmes avec la planche de puissance, consultez ce guide de dépannage :</p>
  144.                             <p>Si la planche de puissance ne s'allume pas, vérifiez qu'elle est correctement connectée à une source d'pmentation et que la clé du bouton d'arrêt d'urgence est en position ON. <br>
  145.                               Si des prises individuelles ne fonctionnent pas, assurez-vous que les appareils sont correctement connectés et que la capacité maximale de courant n'est pas dépassée. <br>
  146.                               Si le voyant de présence de tension verte ne s'allume pas, vérifiez la source d'alimentation et les connexions pour vous assurer que la planche de puissance reçoit de la puissance.</p> <br>
  147.                       
  148.                           <iframe width="800" height="445" src="https://www.youtube.com/embed/_ZmTUX883CY" title="Rallonge d&#39;alimentation AC" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  149.               
  150.                         
  151.                     </div>
  152.                     <!-- Blog Detail End -->
  153.  
  154.                 </div>
  155.     
  156.                 <!-- Sidebar Start -->
  157.                 <div class="col-lg-4">
  158.                     <!-- Search Form Start -->
  159.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  160.                         <div class="input-group">
  161.                             <input type="text" class="form-control p-3" placeholder="Keyword">
  162.                             <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
  163.                         </div>
  164.                     </div>
  165.                     <!-- Search Form End -->
  166.     
  167.                     <!-- Category Start -->
  168.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  169.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  170.                             <h3 class="mb-0">Categories</h3>
  171.                         </div>
  172.                         <div class="link-animated d-flex flex-column justify-content-start">
  173.                             <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>
  174.                             <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>
  175.                             <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>
  176.                             <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>
  177.                             <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>
  178.                         </div>
  179.                     </div>
  180.                     <!-- Category End -->
  181.     
  182.                     <!-- Recent Post Start -->
  183.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  184.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  185.                             <h3 class="mb-0">Postes récents</h3>
  186.                         </div>
  187.                         <div class="d-flex rounded overflow-hidden mb-3">
  188.                             <img class="img-fluid" src="{{asset('assets/img/bloc1.jpg')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  189.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">Nautx Eca Hackathon
  190.                             </a>
  191.                         </div>
  192.                         <div class="d-flex rounded overflow-hidden mb-3">
  193.                             <img class="img-fluid" src="{{asset('assets/img/bloc2.png')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  194.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">om22 Coding Camp Sénégal
  195.                             </a>
  196.                         </div>
  197.                         <div class="d-flex rounded overflow-hidden mb-3">
  198.                             <img class="img-fluid" src="{{asset('assets/img/tolukeur.jpg')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  199.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">TOOLU KËR
  200.                             </a>
  201.                         </div>
  202.                     </div>
  203.                     <!-- Recent Post End -->
  204.     
  205.                     <!-- Image Start -->
  206.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  207.                         <img src="img/blog-1.jpg" alt="" class="img-fluid rounded">
  208.                     </div>
  209.                     <!-- Image End -->
  210.     
  211.                     <!-- Tags Start -->
  212.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  213.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  214.                             <h3 class="mb-0">Tag Cloud</h3>
  215.                         </div>
  216.                         <div class="d-flex flex-wrap m-n1">
  217.                             <a href="" class="btn btn-light m-1">Design</a>
  218.                             <a href="" class="btn btn-light m-1">Development</a>
  219.                             <a href="" class="btn btn-light m-1">Marketing</a>
  220.                             <a href="" class="btn btn-light m-1">SEO</a>
  221.                             <a href="" class="btn btn-light m-1">Writing</a>
  222.                             <a href="" class="btn btn-light m-1">Consulting</a>
  223.                         </div>
  224.                     </div>
  225.                     <!-- Tags End -->
  226.                 </div>
  227.                 <!-- Sidebar End -->
  228.             </div>
  229.         </div>
  230.     </div>
  231.     <!-- Blog End -->
  232.     <!-- Vendor Start -->
  233.     <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  234.         <div class="container py-5 mb-5">
  235.             <div class="bg-white">
  236.                 <div class="owl-carousel vendor-carousel">
  237.                     <img src="{{asset('assets/img/logoAG.png')}}" alt="">
  238.                     <img src="{{asset('assets/img/badis.png')}}" alt="">
  239.                     <img src="{{asset('assets/img/sabs.png')}}" alt="">
  240.                     <img src="{{asset('assets/img/millenium.png')}}" alt="">
  241.                     <img src="{{asset('assets/img/tolukeurlogo.png')}}" alt="">
  242.                     <img src="{{asset('assets/img/yaxanallogo.png')}}" alt="">
  243.                 </div>
  244.             </div>
  245.         </div>
  246.     </div>
  247.     <!-- Vendor End -->
  248. {% endblock %}