59 lines
1.8 KiB
HTML
59 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>ImmersiHome — Contact</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="stylesheet" href="./style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<div class="nav-container">
|
||
<img src="./assets/logo.png" class="logo" alt="ImmersiHome">
|
||
<span class="logo-tagline">L’immobilier en immersion</span>
|
||
<nav id="nav">
|
||
<a href="./index.html">Accueil</a>
|
||
<a href="./features.html">Fonctionnalités</a>
|
||
<a href="./pricing.html">Tarifs</a>
|
||
<a href="./team.html">Équipe</a>
|
||
<a href="./contact.html">Contact</a>
|
||
</nav>
|
||
<button id="burger">☰</button>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="section light">
|
||
<div class="container">
|
||
<h1>Contactez-nous</h1>
|
||
|
||
<div class="cards">
|
||
<div class="card">
|
||
<h3>Coordonnées</h3>
|
||
<p>📍 12 rue de l’Innovation, 75000 Paris</p>
|
||
<p>📞 01 84 60 32 10</p>
|
||
<p>✉️ contact@immersihome.fr</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h3>Formulaire</h3>
|
||
<form>
|
||
<input type="text" placeholder="Nom" required><br><br>
|
||
<input type="email" placeholder="Email" required><br><br>
|
||
<textarea placeholder="Votre message" rows="5"></textarea><br><br>
|
||
<button class="btn primary" type="submit">Envoyer</button>
|
||
</form>
|
||
<p style="font-size: 0.9em; opacity: 0.7;">* formulaire fictif (projet pédagogique)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="footer">
|
||
<p>© 2026 ImmersiHome — SAE — Groupe 8</p>
|
||
<img src="assets/logo-iut.png" alt="Logo IUT" style="height:40px;">
|
||
</footer>
|
||
<script src="./script.js"></script>
|
||
</body>
|
||
</html>
|