Upload files to "/"
This commit is contained in:
89
commande.html
Normal file
89
commande.html
Normal file
@@ -0,0 +1,89 @@
|
||||
<!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>
|
||||
58
commande.js
Normal file
58
commande.js
Normal file
@@ -0,0 +1,58 @@
|
||||
const offres = {
|
||||
decouverte: {
|
||||
nom: "Offre Découverte",
|
||||
prix: "19€ / mois",
|
||||
avantages: [
|
||||
"Accès à la plateforme",
|
||||
"3 visites par mois",
|
||||
"Support standard"
|
||||
]
|
||||
},
|
||||
pro: {
|
||||
nom: "Offre Pro",
|
||||
prix: "79€ / mois",
|
||||
avantages: [
|
||||
"Accès illimité à la plateforme",
|
||||
"Casque VR en location",
|
||||
"Statistiques & analytics",
|
||||
"Support prioritaire"
|
||||
]
|
||||
},
|
||||
agence: {
|
||||
nom: "Offre Agence",
|
||||
prix: "149€ / mois",
|
||||
avantages: [
|
||||
"Pack 5 casques VR",
|
||||
"Interface multi-utilisateurs",
|
||||
"Accès illimité",
|
||||
"Support dédié"
|
||||
]
|
||||
}
|
||||
};
|
||||
|
||||
// Lire l'offre depuis l'URL
|
||||
const params = new URLSearchParams(window.location.search);
|
||||
const offreKey = params.get("offre") || "pro";
|
||||
const offre = offres[offreKey];
|
||||
|
||||
// Sélecteurs HTML
|
||||
const card = document.querySelector(".order-card");
|
||||
const price = card.querySelector(".price");
|
||||
const list = card.querySelector("ul");
|
||||
|
||||
// Injection contenu
|
||||
card.querySelector("h3").textContent = offre.nom;
|
||||
price.textContent = offre.prix;
|
||||
|
||||
list.innerHTML = "";
|
||||
offre.avantages.forEach(item => {
|
||||
const li = document.createElement("li");
|
||||
li.textContent = "✓ " + item;
|
||||
list.appendChild(li);
|
||||
});
|
||||
|
||||
// Fake validation formulaire
|
||||
document.getElementById("orderForm").addEventListener("submit", function(e) {
|
||||
e.preventDefault();
|
||||
alert("Demande envoyée ✅\n(Ceci est une simulation pédagogique)");
|
||||
});
|
||||
58
contact.html
Normal file
58
contact.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<!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>
|
||||
59
cv-matheo.html
Normal file
59
cv-matheo.html
Normal file
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CV <20> Math<74>o Salavin-Moura | ImmersiHome</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<div class="container header-content">
|
||||
<div class="logo">
|
||||
<img src="assets/logo.png" alt="Logo ImmersiHome">
|
||||
<div class="logo-text">
|
||||
<span class="logo-name">ImmersiHome</span>
|
||||
<span class="logo-tagline">L<EFBFBD>immobilier en immersion</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="nav">
|
||||
<a href="index.html">Accueil</a>
|
||||
<a href="fonctionnalites.html">Fonctionnalit<EFBFBD>s</a>
|
||||
<a href="tarifs.html">Tarifs</a>
|
||||
<a href="equipe.html"><EFBFBD>quipe</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- CONTENU CV -->
|
||||
<main class="container cv-page">
|
||||
<h1>CV <20> Math<74>o Salavin-Moura</h1>
|
||||
|
||||
<div class="cv-actions">
|
||||
<a href="cv/cv-matheo.pdf" download class="btn">
|
||||
T<>l<EFBFBD>charger le CV (PDF)
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cv-viewer">
|
||||
<iframe
|
||||
src="cv/cv-matheo.pdf"
|
||||
width="100%"
|
||||
height="800px"
|
||||
title="CV Math<74>o Salavin-Moura">
|
||||
</iframe>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<p><EFBFBD> 2026 ImmersiHome <20> SAE <20> Groupe 8</p>
|
||||
<img src="assets/logo-iut.png" alt="Logo IUT" style="height:40px;">
|
||||
</footer>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
81
features.html
Normal file
81
features.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>ImmersiHome — Fonctionnalités</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>Fonctionnalités</h1>
|
||||
|
||||
<div class="cards">
|
||||
<div class="card">
|
||||
<h3>Scan 3D haute précision</h3>
|
||||
<p>Capture fidèle des volumes et textures du bien.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Navigation immersive</h3>
|
||||
<p>Déplacement libre en 360°, compatible VR.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Aménagement virtuel</h3>
|
||||
<p>Visualisation de meubles et scénarios d’agencement.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section dark">
|
||||
<div class="container">
|
||||
<h2>Cas d’usage</h2>
|
||||
<ul>
|
||||
<li>🏠 Vente immobilière à distance</li>
|
||||
<li>🏢 Programmes neufs et ventes sur plan</li>
|
||||
<li>🌍 Clients internationaux</li>
|
||||
<li>🕶️ Salons & présentations commerciales</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section light">
|
||||
<div class="container">
|
||||
<h2>Questions fréquentes</h2>
|
||||
|
||||
<div class="card">
|
||||
<strong>Comment se passe le scan 3D ?</strong>
|
||||
<p>Un opérateur ImmersiHome se déplace pour scanner le bien en moins d’une heure.</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<strong>Le casque VR est-il fourni ?</strong>
|
||||
<p>Oui, selon l’offre choisie.</p>
|
||||
</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>
|
||||
Reference in New Issue
Block a user