90 lines
2.2 KiB
HTML
90 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Commande – ImmersiHome</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- CSS global -->
|
||
<link rel="stylesheet" href="style.css">
|
||
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<header class="header">
|
||
<div class="container">
|
||
<div class="logo">ImmersiHome</div>
|
||
|
||
<nav class="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>
|
||
|
||
<div class="burger" id="burger">☰</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="container">
|
||
|
||
<section class="order-section">
|
||
|
||
<h1>Finaliser votre commande</h1>
|
||
<p class="subtitle">
|
||
Vous êtes sur le point de commander une offre ImmersiHome.
|
||
<strong>Cette commande est une simulation pédagogique.</strong>
|
||
</p>
|
||
|
||
<div class="order-card">
|
||
<h3>Offre sélectionnée</h3>
|
||
<p class="price">--</p>
|
||
<ul></ul>
|
||
</div>
|
||
|
||
<form class="order-form" id="orderForm">
|
||
|
||
<h2>Vos informations</h2>
|
||
|
||
<div class="form-grid">
|
||
<input type="text" placeholder="Nom complet" required>
|
||
<input type="email" placeholder="Adresse email" required>
|
||
<input type="tel" placeholder="Téléphone" required>
|
||
|
||
<select required>
|
||
<option value="">Type de client</option>
|
||
<option>Particulier</option>
|
||
<option>Agence</option>
|
||
<option>Promoteur</option>
|
||
</select>
|
||
|
||
<textarea placeholder="Informations complémentaires"></textarea>
|
||
</div>
|
||
|
||
<button type="submit" class="btn-primary">
|
||
Confirmer la demande
|
||
</button>
|
||
|
||
<p class="notice">
|
||
Aucun paiement réel n’est effectué. Cette commande est fictive.
|
||
</p>
|
||
|
||
</form>
|
||
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<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="commande.js"></script>
|
||
|
||
</body>
|
||
</html>
|