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