60 lines
2.1 KiB
PHP
60 lines
2.1 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel='stylesheet' type='text/css' media='screen' href='../css/contact-style.css'>
|
|
<title>Document</title>
|
|
</head>
|
|
<header>
|
|
<div class="header-content">
|
|
<a href="index.php" class="logo-container">
|
|
<img src="../img/logowhite.png" class="image_header" alt="Logo" width="150px">
|
|
|
|
</a>
|
|
</header>
|
|
|
|
<body>
|
|
|
|
|
|
<h1>📬 Contactez-nous</h1>
|
|
|
|
<div class="contact-grid">
|
|
<!-- Coordonnées -->
|
|
<div class="contact-info">
|
|
<h2>📍 Notre adresse</h2>
|
|
<p>36 Rue Georges Charpak<br>77127 Lieusaint</p>
|
|
|
|
<h2>📧 Email</h2>
|
|
<p><a href="contact@vendeurdereve.com">contact@vendeurdereve.com</a></p>
|
|
|
|
<h2>📞 Téléphone</h2> <p>+33 6 51 85 52 03</p> <p>+33 6 50 61 44 17</p>
|
|
</div>
|
|
|
|
<!-- Formulaire -->
|
|
<div class="contact-form">
|
|
<h2>💬 Envoyez-nous un message</h2>
|
|
<form method="POST" action="traitement_contact.php">
|
|
<input type="text" name="nom" placeholder="Votre nom" required>
|
|
<input type="email" name="email" placeholder="Votre email" required>
|
|
<textarea name="message" rows="6" placeholder="Votre message..." required></textarea>
|
|
<button type="submit">Envoyer ✉️</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Carte Google Maps -->
|
|
<div class="map-container">
|
|
<h2>🗺️ Nous trouver</h2>
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2639.949874776728!2d2.570875315671765!3d48.63068407926678!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e5f0fc9fc8f68f%3A0x7275031d05bb93aa!2s36%20Rue%20Georges%20Charpak%2C%2077127%20Lieusaint!5e0!3m2!1sfr!2sfr!4v1717923543456!5m2!1sfr!2sfr"
|
|
width="100%"
|
|
height="400"
|
|
style="border:0;"
|
|
allowfullscreen=""
|
|
loading="lazy"
|
|
referrerpolicy="no-referrer-when-downgrade">
|
|
</iframe>
|
|
</div>
|
|
</section>
|
|
</body> |