Spaces:
No application file
No application file
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Accueil - Marrakech Immobilier Conseil</title> | |
| <!-- Google Fonts --> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet"> | |
| <!-- Stylesheet --> | |
| <link rel="stylesheet" href="css/style.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <!-- Navigation (sera identique sur toutes les pages) --> | |
| <nav> | |
| <div class="nav-container"> | |
| <a href="index.html" class="logo">Marrakech Immobilier Conseil</a> | |
| <ul> | |
| <li><a href="index.html" class="active">Accueil</a></li> | |
| <li><a href="gestion-locative.html">Gestion Locative</a></li> | |
| <li><a href="decouverte.html">Découverte & Art de Vivre</a></li> | |
| <li><a href="analyse-blog.html">Analyse & Blog</a></li> | |
| </ul> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="hero"> | |
| <div class="hero-content"> | |
| <h1>Votre Partenaire Immobilier d'Excellence à Marrakech</h1> | |
| <p>Conseils experts, gestion sur mesure et découverte de l'art de vivre marrakchi.</p> | |
| <a href="#services" class="btn btn-primary">Découvrir nos services</a> | |
| </div> | |
| </section> | |
| </header> | |
| <main> | |
| <!-- Section Présentation des Services --> | |
| <section id="services" class="container services-overview"> | |
| <h2>Nos Univers d'Expertise</h2> | |
| <div class="service-blocks"> | |
| <div class="service-block"> | |
| <img src="images/gestion_locative_placeholder.jpg" alt="Gestion Locative"> | |
| <h3>Gestion Locative</h3> | |
| <p>Confiez-nous la gestion de votre bien pour une tranquillité et une rentabilité optimales.</p> | |
| <a href="gestion-locative.html" class="btn btn-secondary">En savoir plus</a> | |
| </div> | |
| <div class="service-block"> | |
| <img src="images/decouverte_placeholder.jpg" alt="Découverte & Art de Vivre"> | |
| <h3>Découverte & Art de Vivre</h3> | |
| <p>Explorez les quartiers, la gastronomie et les trésors cachés de Marrakech.</p> | |
| <a href="decouverte.html" class="btn btn-secondary">Explorer</a> | |
| </div> | |
| <div class="service-block"> | |
| <img src="images/analyse_placeholder.jpg" alt="Analyse & Blog"> | |
| <h3>Analyse & Blog</h3> | |
| <p>Accédez à nos analyses de marché, conseils d'investissement et actualités immobilières.</p> | |
| <a href="analyse-blog.html" class="btn btn-secondary">Consulter</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section Pourquoi Marrakech ? --> | |
| <section class="container why-marrakech"> | |
| <h2>Pourquoi Choisir Marrakech ?</h2> | |
| <div class="reasons-grid"> | |
| <div class="reason"> | |
| <!-- Icone Climat --> | |
| <h4>Climat Idéal</h4> | |
| <p>Profitez d'un ensoleillement exceptionnel toute l'année.</p> | |
| </div> | |
| <div class="reason"> | |
| <!-- Icone Culture --> | |
| <h4>Richesse Culturelle</h4> | |
| <p>Un patrimoine historique et une scène artistique vibrante.</p> | |
| </div> | |
| <div class="reason"> | |
| <!-- Icone Investissement --> | |
| <h4>Potentiel d'Investissement</h4> | |
| <p>Un marché immobilier dynamique et attractif.</p> | |
| </div> | |
| <div class="reason"> | |
| <!-- Icone Art de vivre --> | |
| <h4>Art de Vivre Unique</h4> | |
| <p>Gastronomie, bien-être et hospitalité légendaire.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section Témoignages (Optionnel) --> | |
| <!-- <section class="container testimonials"> | |
| <h2>Ce que disent nos clients</h2> | |
| </section> --> | |
| <!-- Section Appel à l'Action Final --> | |
| <section class="container final-cta"> | |
| <h2>Prêt à concrétiser votre projet à Marrakech ?</h2> | |
| <p>Contactez-nous dès aujourd'hui pour une consultation personnalisée.</p> | |
| <a href="#" class="btn btn-primary">Nous Contacter</a> <!-- Mettre un lien vers une section contact ou page contact si créée --> | |
| </section> | |
| </main> | |
| <footer> | |
| <!-- Footer (sera identique sur toutes les pages) --> | |
| <div class="footer-container"> | |
| <div class="footer-section"> | |
| <h3>Marrakech Immobilier Conseil</h3> | |
| <p>Votre expert immobilier à Marrakech.</p> | |
| <!-- Ajouter logo si disponible --> | |
| </div> | |
| <div class="footer-section"> | |
| <h4>Navigation</h4> | |
| <ul> | |
| <li><a href="index.html">Accueil</a></li> | |
| <li><a href="gestion-locative.html">Gestion Locative</a></li> | |
| <li><a href="decouverte.html">Découverte & Art de Vivre</a></li> | |
| <li><a href="analyse-blog.html">Analyse & Blog</a></li> | |
| </ul> | |
| </div> | |
| <div class="footer-section"> | |
| <h4>Contact</h4> | |
| <p>Adresse: [Votre Adresse], Marrakech</p> | |
| <p>Téléphone: [Votre Téléphone]</p> | |
| <p>Email: [Votre Email]</p> | |
| </div> | |
| </div> | |
| <div class="footer-bottom"> | |
| <p>© 2025 Marrakech Immobilier Conseil. Tous droits réservés.</p> | |
| </div> | |
| </footer> | |
| <script src="js/main.js"></script> | |
| </body> | |
| </html> | |