🚀 Site de Compte à Rebours

Template de site web moderne pour afficher un compte à rebours avant le lancement d'un projet ou d'un site web.

✨ Fonctionnalités

• ⏰ Timer en temps réel : Compte à rebours avec jours, heures, minutes, secondes
• 📱 Design responsive : Adapté mobile, tablette et desktop
• 🎨 Interface moderne : Effets visuels et animations CSS
• 🔗 Liens sociaux : Boutons vers réseaux professionnels
• ⚙️ Personnalisable : Logo, couleurs, date, textes modifiables

🚀 Utilisation

1. Téléchargez ou clonez ce repository
2. Ouvrez index.html dans votre navigateur
3. Personnalisez selon vos besoins (voir section ci-dessous)

⚙️ Personnalisation Rapide

Changer la date du compte à rebours

// Dans countdown.js, ligne 2
const countdownDate = new Date("Dec 31, 2028 23:59:59").getTime();

Modifier les informations

<!-- Dans index.html -->
<h1>Votre Entreprise</h1>
<h2>Votre Nom</h2>

Remplacer le logo

Remplacez assets/logo-exemple.svg par votre logo (SVG recommandé)

Changer l'arrière-plan

Remplacez assets/carriza-maiquez.webp par votre image

📁 Structure

├── index.html          # Page principale
├── style.css           # Styles CSS
├── countdown.js        # Script du timer
└── assets/            # Ressources (logo, icônes, images)

🤝 Contribution

Les contributions sont les bienvenues ! N'hésitez pas à :

• Ouvrir des issues pour signaler des bugs
• Proposer des pull requests pour des améliorations
• Partager vos idées dans les discussions

📚 Documentation détaillée

Technologies utilisées

• HTML5 : Structure sémantique
• CSS3 : Flexbox, animations, variables CSS
• JavaScript Vanilla : Timer dynamique

Compatibilité navigateurs

• Chrome 60+, Firefox 55+, Safari 12+, Edge 79+

Options de déploiement

• Hébergement statique : Upload direct sur serveur
• GitHub Pages : Activation dans paramètres du repository
• Netlify/Vercel : Déploiement automatique depuis GitHub

Personnalisation avancée

Variables CSS

:root {
  --primary-color: #007bff;
  --accent-color: #28a745;
  --text-color: #ffffff;
}

Responsive breakpoints

• Mobile : 320px - 768px
• Tablette : 768px - 1024px
• Desktop : 1024px+

Structure complète

countdown-site/
├── index.html
├── style.css  
├── countdown.js
├── README.md
├── LICENSE
├── .gitignore
└── assets/
    ├── logo-exemple.svg
    ├── carriza-maiquez.webp
    ├── social-linkedin.svg
    ├── social-twitter.svg
    ├── social-github.svg
    └── social-malt.svg

---

📄 Licence

Licence MIT - voir LICENSE pour les détails.

👤 Auteur

Y-Picot - GitHub

---

⭐ Projet utile ? N'hésitez pas à lui donner une étoile !