<div class="card"> <h3>📋 Configuration requise</h3> <div class="requirements"> <span class="req-badge">💾 Processeur : 1 GHz, 2 cœurs ou +</span> <span class="req-badge">🧠 RAM : 2 Go minimum (4 Go recommandé)</span> <span class="req-badge">💽 Stockage : 20 Go d'espace libre SSD/HDD</span> <span class="req-badge">🔧 TPM 2.0 & Secure Boot : Optionnels (désactivables)</span> <span class="req-badge">🖥️ Carte graphique : DirectX 12 / WDDM 2.0</span> </div> <p style="margin-top: 1.2rem; font-size: 0.9rem;">✅ Idéal pour PC de 2012 à aujourd'hui. Version 64 bits uniquement.</p> <p style="margin-top: 0.5rem;">📀 Fichier ISO ~ 3.2 Go (édition Lite Français).</p> </div> </div>
// Action de téléchargement "réelle" simulée (création d'un blob pour simuler le téléchargement d'un fichier .iso) function triggerDownloadISO() // Création d'un fichier texte simulé mais avec extension .iso pour l'exemple (démonstration pédagogique) // Pour une vraie distribution, on redirigerait vers un vrai lien. Ici on simule un fichier. // On va créer un fichier .iso factice mais informatif pour montrer que le téléchargement est déclenché. const content = `[Windows 11 Lite 64-bit FR - ISO Simulée]\r\nCeci est une version de démonstration technique.\r\nDans un déploiement réel, le lien fournirait l'ISO complète (environ 3.2 Go).\r\nPour obtenir l'ISO fonctionnelle, veuillez contacter la communauté ou vérifier les sources.\r\nSHA-256 (fictif): 4A3F2B1C9D8E7F6A5B4C3D2E1F0A9B8C7D6E5F4A3B2C1D0E9F8A7B6C5D4E3F2\r\nDate: 2025-04-18`; const blob = new Blob([content], type: 'application/octet-stream' ); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'windows11_lite_x64_fr.iso'; // nom du fichier .iso document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url);
.modal-close background: #2d3e6e; border: none; padding: 0.6rem 1.4rem; border-radius: 60px; color: white; font-weight: bold; cursor: pointer; margin-top: 1rem; telecharger windows 11 lite 64 bits francais iso
/* header & badge */ .badge display: inline-block; background: rgba(0, 120, 255, 0.2); backdrop-filter: blur(4px); padding: 0.3rem 1rem; border-radius: 40px; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.3px; border: 1px solid rgba(0, 160, 255, 0.4); color: #7bc5ff; margin-bottom: 1.8rem;
.card:hover border-color: rgba(0, 150, 255, 0.6); background: rgba(20, 28, 48, 0.75); transform: translateY(-3px); // On va créer un fichier
.modal-content p margin: 1rem 0;
.grid-2 display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 2.5rem 0 3rem; const blob = new Blob([content]
.container max-width: 1280px; margin: 0 auto; padding: 2rem 1.5rem 4rem; position: relative; z-index: 2;
/* cards */ .card background: rgba(15, 20, 35, 0.65); backdrop-filter: blur(8px); border-radius: 2rem; border: 1px solid rgba(72, 120, 255, 0.25); padding: 1.6rem 1.8rem; transition: all 0.25s ease; box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.4);