HTMLify
index.html
Views: 31 | Author: karbonsites
1 2 3 4 5 6 | <!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>EduManage Pro - Gestion Scolaire Moderne</title><link rel="stylesheet" href="style.css"><script src="script.js" defer></script></head><body><div class="auth-overlay" id="authOverlay"><div class="auth-card"><h2>Accès Administrateur</h2><p>Veuillez entrer le mot de passe administrateur pour accéder à l'application.</p><form id="authForm"><div class="form-group"><input type="password" id="adminPassword" required placeholder="Mot de passe (défaut: admin123)"></div><button type="submit" class="btn" style="width: 100%;">Se connecter</button></form><p id="authError" class="auth-error"></p></div></div><header class="navbar"><div class="logo">EduManage<span>Pro</span></div><nav><ul><li><a href="index.html" class="active">Accueil</a></li><li><a href="students.html">Élèves</a></li><li><a href="teachers.html">Enseignants</a></li><li><a href="grades.html">Notes</a></li><li><a href="fees.html">Frais Scolaires</a></li><li><a href="reports.html">Rapports</a></li><li><a href="idcard.html">Carte d'Élève</a></li><li><a href="staffcard.html">Carte Personnel</a></li><li><a href="photocapture.html">Capturer Photo</a></li></ul></nav><div class="user-profile"><img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=100&q=80" alt="Avatar"><span>Admin</span><button id="logoutBtn" class="btn btn-secondary" style="padding: 0.25rem 0.75rem; font-size: 0.8rem; margin-left: 0.5rem;">Déconnexion</button></div></header><main class="container"><section class="hero"><h1>Tableau de Bord</h1><p>Gérez votre établissement scolaire avec élégance et efficacité.</p><div class="hero-actions" style="margin-bottom: 2rem; display: flex; gap: 1rem; flex-wrap: wrap;"><button class="btn" id="exportDataBtn">Exporter les Données</button><button class="btn btn-secondary" id="importDataBtn">Importer des Données</button><input type="file" id="importFile" accept=".json" style="display: none;"><button class="btn btn-danger" id="resetSystemBtn">Réinitialiser les données</button><button class="btn btn-secondary" id="changePasswordBtn">Modifier le mot de passe</button></div><div class="stats-grid"><div class="stat-card"><h3>Total Élèves</h3><p class="number" id="total-students">0</p></div><div class="stat-card"><h3>Enseignants</h3><p class="number" id="total-teachers">0</p></div><div class="stat-card"><h3>Recouvrement Frais</h3><p class="number" id="total-fees">0%</p></div><div class="stat-card"><h3>Moyenne Générale</h3><p class="number" id="total-avg-grades">0/20</p></div></div></section><section class="dashboard-content"><div class="card"><h2>Activités Récentes</h2><ul class="activity-list" id="activity-list"><li><span>Aucune activité récente</span><small>-</small></li></ul></div><div class="card"><h2>Accès Rapide</h2><div class="quick-actions"><a href="students.html" class="btn">Ajouter un élève</a><a href="teachers.html" class="btn btn-secondary">Ajouter un enseignant</a><a href="grades.html" class="btn btn-secondary">Saisir des notes</a><a href="reports.html" class="btn btn-secondary">Voir les Rapports</a><a href="fees.html" class="btn btn-secondary">Gérer les frais</a></div></div></section></main><div class="modal-overlay" id="passwordModal"><div class="modal"><h2>Modifier le mot de passe</h2><form id="passwordForm"><div class="form-group"><label for="currentPassword">Mot de passe actuel</label><input type="password" id="currentPassword" required></div><div class="form-group"><label for="newPassword">Nouveau mot de passe</label><input type="password" id="newPassword" required></div><div class="form-actions"><button type="button" class="btn btn-secondary" id="closePasswordModal">Annuler</button><button type="submit" class="btn">Mettre à jour</button></div></form></div></div> <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner"> <span>✨</span> <div>Built with <b>Karbon Sites</b></div> </a> </body></html> |