HTMLify
idcard.html
Views: 35 | 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>Carte d'Élève - EduManage Pro</title><link rel="stylesheet" href="style.css"><script src="script.js" defer></script></head><body><header class="navbar no-print"><div class="logo">EduManage<span>Pro</span></div><nav><ul><li><a href="index.html">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" class="active">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="page-header no-print"><h1>Génération de Carte d'Élève</h1><div style="display: flex; gap: 1rem;"><select id="studentSelect" class="btn btn-secondary" style="background: var(--card-bg); color: var(--text);"><option value="">-- Choisir un élève --</option></select><button class="btn" id="printCardBtn">Imprimer la Carte</button></div></section><div class="id-card-preview"><div class="id-card" id="printableIdCard"><div class="id-card-header"><div class="school-name">Lycée EduManage Pro</div><div class="card-title">Carte d'Identité Scolaire</div></div><div class="id-card-body"><div class="student-photo"><img id="cardPhoto" src="https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?auto=format&fit=crop&w=200&q=80" alt="Photo Élève"></div><div class="student-info"><h3 id="cardName">Aucun Élève Sélectionné</h3><p><strong>Classe:</strong> <span id="cardClass">-</span></p><p><strong>Matricule:</strong> <span id="cardMatricule">-</span></p><p><strong>Année Scolaire:</strong> 2023-2024</p></div></div><div class="id-card-footer"><div class="barcode">||| | |||| || | ||||| ||||</div><div class="validity">Valide jusqu'au 31/07/2024</div></div></div></div></main> <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> |