🏠 Fiche Produit : Template HTML ImmoZenith
🌟 Aperçu Général
| Caractéristique | Description |
|---|---|
| Nom du Template | ImmoZenith – Agence Immobilière |
| Type | Page d’atterrissage / Site Vitrine d’Agent |
| Technologie Principale | HTML5, CSS Natif (avec variables), JavaScript Vanilla |
| Frameworks CSS | Intégration de classes Tailwind CSS (via CDN) pour la responsivité moderne. |
| Thème | Immobilier, Agence, Agent Conseil |
🎨 Design & Esthétique
- Design Épuré et Professionnel : Une esthétique moderne, minimaliste et haut de gamme, axée sur la confiance et le sérieux.
- Palette de Couleurs Ajustable : Utilise des variables CSS (:root) pour définir la couleur primaire (–primary), la couleur d’accent (–accent, un vert/gris terreux), le texte et les fonds. Facilement modifiable pour s’adapter à votre marque.
- Mode Sombre (Dark Mode) Intégré : Le template inclut des media queries CSS (@media (prefers-color-scheme: dark)) pour basculer automatiquement vers un mode sombre, améliorant l’expérience utilisateur nocturne.
- Typographie Élégante : Utilisation d’une combinaison de polices modernes (Inter pour le corps de texte) et classiques (Cormorant Garamond pour les titres) pour une lecture agréable et professionnelle.
🛠️ Caractéristiques Techniques
Menu de Navigation (Responsive)
Le menu de navigation principal bascule vers un menu Hamburger sur les petits écrans (point de rupture lg / 1024px).
Interactivité (JS Vanilla)
Le basculement du menu Hamburger est géré par JavaScript Vanilla (sans dépendance externe), avec mise à jour des attributs WAI-ARIA (aria-expanded) pour l’accessibilité.
Structure Modulaire
Page divisée en sections claires : Agent, Biens (Propriétés), Commissions (Tarifs), Garanties, Avantages, et CTA (Contact).
Animations Subtiles
Intégration d’une animation d’apparition douce (Fade-in Up) sur chaque section (@keyframes fadeInUp) pour un effet visuel moderne et engageant lors du défilement.
Composants Clés
Grilles de Biens (properties-grid), Cartes d’Information (info-card), Liste d’Avantages (advantages-grid).
✅ Points Forts pour l’Acheteur
- Prêt à l’Emploi (Single Page) : Idéal pour une page d’atterrissage ou un site vitrine simple.
- Haute Personnalisation : Les styles clés sont définis par des variables CSS, permettant un changement de thème rapide sans toucher au code structurel.
- Performance Optimale : L’utilisation de JS Vanilla et l’absence de frameworks lourds garantissent un chargement rapide.
- Accessibilité (A11Y) : Intègre des pratiques d’accessibilité (comme le comportement du menu et le focus) pour une meilleure conformité aux normes web.
⚙️ Instructions d’Installation Rapide
- Téléchargez et dézippez le fichier HTML.
- Ajoutez vos images (agent et propriétés) dans un dossier
imgou remplacez les chemins existants (img/your-agent-image.png). - Modifiez les **variables CSS** au début de la balise
<style>pour personnaliser les couleurs. - Le template est prêt à être mis en ligne sur n’importe quel hébergement web statique.
Avis
Il n’y a pas encore d’avis.