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 | <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>TechGuard VP Manager</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| </head> | |
| <body class="bg-gray-100"> | |
| <custom-navbar></custom-navbar> | |
| <main class="container mx-auto px-4 py-8"> | |
| <div class="text-center mb-12"> | |
| <h1 class="text-4xl font-bold text-gray-800 mb-4">TechGuard VP Manager</h1> | |
| <p class="text-xl text-gray-600">Gestion des visites préventives pour techniciens informatiques</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Client Card --> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-shadow duration-300"> | |
| <div class="bg-blue-600 p-4 text-white"> | |
| <i data-feather="users" class="inline mr-2"></i> | |
| <h2 class="text-xl font-semibold inline">Clients</h2> | |
| </div> | |
| <div class="p-6"> | |
| <p class="text-gray-700 mb-6">Gérez vos clients et leurs équipements informatiques.</p> | |
| <a href="clients.html" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 inline-flex items-center"> | |
| <i data-feather="arrow-right" class="mr-2"></i> Accéder | |
| </a> | |
| </div> | |
| </div> | |
| <!-- VP Card --> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-shadow duration-300"> | |
| <div class="bg-green-600 p-4 text-white"> | |
| <i data-feather="clipboard" class="inline mr-2"></i> | |
| <h2 class="text-xl font-semibold inline">Visites Préventives</h2> | |
| </div> | |
| <div class="p-6"> | |
| <p class="text-gray-700 mb-6">Créez et complétez vos fiches de contrôle préventif.</p> | |
| <a href="vp.html" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 inline-flex items-center"> | |
| <i data-feather="arrow-right" class="mr-2"></i> Accéder | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Reports Card --> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-shadow duration-300"> | |
| <div class="bg-purple-600 p-4 text-white"> | |
| <i data-feather="file-text" class="inline mr-2"></i> | |
| <h2 class="text-xl font-semibold inline">Rapports</h2> | |
| </div> | |
| <div class="p-6"> | |
| <p class="text-gray-700 mb-6">Consultez et exportez vos rapports de maintenance.</p> | |
| <a href="reports.html" class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 inline-flex items-center"> | |
| <i data-feather="arrow-right" class="mr-2"></i> Accéder | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| <script src="script.js"></script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |