Spaces:
Running
Running
DEVELOPPE MOI UNE APP POUR UN TECHNICIEN INFORMATQUE, creation de fiche client, avec nombre pc, et nombre serveur, lors de passage sur site pour les visites preventives, il pourra creer une fiche vp de controle, qui compendra l'ensemble des controles de maintenantce du poste et ou du serveur, il devra remplir la fiche suite aux controles, lensemble des champs de saisies ont des listes deroulantes avec tout les choix possibles pars point de controle, ou des cases a coche....le but etant de remplir rapidement les elements controles
c6bfd28 verified | class CustomFooter extends HTMLElement { | |
| connectedCallback() { | |
| this.attachShadow({ mode: 'open' }); | |
| this.shadowRoot.innerHTML = ` | |
| <style> | |
| .footer { | |
| background-color: #1a202c; | |
| } | |
| .footer-link:hover { | |
| color: #4299e1; | |
| transition: color 0.3s ease; | |
| } | |
| </style> | |
| <footer class="footer text-white py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-xl font-bold mb-4">TechGuard VP</h3> | |
| <p class="text-gray-400">Solution de gestion des visites préventives pour techniciens informatiques.</p> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-4">Navigation</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="index.html" class="footer-link text-gray-400 hover:text-white">Accueil</a></li> | |
| <li><a href="clients.html" class="footer-link text-gray-400 hover:text-white">Clients</a></li> | |
| <li><a href="vp.html" class="footer-link text-gray-400 hover:text-white">Visites Préventives</a></li> | |
| <li><a href="reports.html" class="footer-link text-gray-400 hover:text-white">Rapports</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-4">Support</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="footer-link text-gray-400 hover:text-white">Documentation</a></li> | |
| <li><a href="#" class="footer-link text-gray-400 hover:text-white">FAQ</a></li> | |
| <li><a href="#" class="footer-link text-gray-400 hover:text-white">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-4">Contact</h4> | |
| <ul class="space-y-2"> | |
| <li class="flex items-center text-gray-400"><i data-feather="mail" class="mr-2"></i> contact@techguardvp.com</li> | |
| <li class="flex items-center text-gray-400"><i data-feather="phone" class="mr-2"></i> +33 1 23 45 67 89</li> | |
| <li class="flex items-center text-gray-400"><i data-feather="map-pin" class="mr-2"></i> Paris, France</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"> | |
| <p>© 2023 TechGuard VP. Tous droits réservés.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| `; | |
| } | |
| } | |
| customElements.define('custom-footer', CustomFooter); |