mirror of
https://github.com/rjNemo/vf-site
synced 2026-06-06 09:16:39 +00:00
241 lines
No EOL
12 KiB
HTML
241 lines
No EOL
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<meta name="description" content="VillaFleurie location de vacances au Gosier en Guadeloupe">
|
|
<meta name="author" content="VillaFleurie">
|
|
|
|
<!-- OG Meta Tags to improve the way the post looks when you share the page on Facebook, Twitter, LinkedIn -->
|
|
<meta property="og:site_name" content="VillaFleurie"/> <!-- website name -->
|
|
<meta property="og:site" content=""/> <!-- website link -->
|
|
<meta property="og:title" content="VillaFleurie"/> <!-- title shown in the actual shared post -->
|
|
<meta property="og:description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"/>
|
|
<!-- description shown in the actual shared post -->
|
|
<meta property="og:image" content=""/> <!-- image link, make sure it's jpg -->
|
|
<meta property="og:url" content="/"/> <!-- where do you want your post to link to -->
|
|
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter -->
|
|
|
|
<!-- Webpage Title -->
|
|
<title>VillaFleurie</title>
|
|
|
|
<!-- Styles -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap"
|
|
rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet">
|
|
<link href="../css/bootstrap.css" rel="stylesheet">
|
|
<link href="../css/fontawesome-all.css" rel="stylesheet">
|
|
<link href="../css/bootstrap-datepicker3.css" rel="stylesheet">
|
|
<link href="../css/swiper.css" rel="stylesheet">
|
|
<link href="../css/magnific-popup.css" rel="stylesheet">
|
|
<link href="../css/styles.css" rel="stylesheet">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" href="../images/logo.png">
|
|
</head>
|
|
<body data-spy="scroll" data-target=".fixed-top">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg fixed-top navbar-light">
|
|
<div class="container">
|
|
|
|
<!-- Text Logo - Use this if you don't have a graphic logo -->
|
|
<!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Villa</a> -->
|
|
|
|
<!-- Image Logo -->
|
|
<a class="navbar-brand logo-image" href="index.html"><img src="../images/logo.png" alt="VillaFleurie logo" style="height: 76px"></a>
|
|
|
|
<button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
|
|
<ul class="navbar-nav ">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
|
|
aria-haspopup="true" aria-expanded="false">Chambres</a>
|
|
<div class="dropdown-menu" aria-labelledby="dropdown01">
|
|
<a class="dropdown-item page-scroll" href="t2-corail.html">T2 Corail</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item page-scroll" href="t3-azur.html">T3 Azur</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="contact.html">Contact</a>
|
|
</li>
|
|
</ul>
|
|
<span class="nav-item ml-auto">
|
|
<a class="btn-outline-sm" href="tel:+33658961279"> <i class="fas fa-phone-alt"></i>+33 6 58 96 12 79</a>
|
|
</span>
|
|
</div> <!-- end of navbar-collapse -->
|
|
</div> <!-- end of container -->
|
|
</nav> <!-- end of navbar -->
|
|
<!-- end of navigation -->
|
|
|
|
|
|
<!-- Header -->
|
|
<header class="ex-header bg-gray">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-10 offset-xl-1">
|
|
<h1 class="green">Nous contacter</h1>
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
</div> <!-- end of container -->
|
|
</header> <!-- end of ex-header -->
|
|
<!-- end of header -->
|
|
|
|
|
|
<!-- Form -->
|
|
<div class="ex-form-1 bg-gray pb-6">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-10 offset-xl-1">
|
|
<p class="mb-5">Voici l'occasion de nous contacter si vous êtes à la recherche d'une location capable
|
|
d'offrir une expérience étonnante en termes de confort et de détente <a
|
|
href="mailto:location.villafleurie@gmail.com">location.villafleurie@gmail.com</a> ou
|
|
appelez-nous quand vous le pouvez <a href="tel:+33658961279">+33 6 58 96 12 79</a>.</p>
|
|
<p>
|
|
|
|
<!-- Contact Form -->
|
|
<form id="contactForm" name="contactForm" data-toggle="validator" data-focus="false" method="post" action="/reservation.html" netlify>
|
|
<div class="form-group">
|
|
<input type="text" class="form-control-input" id="cname" name="name" required>
|
|
<label class="label-control" for="cname">Nom complet</label>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="email" class="form-control-input" id="cemail" name="email" required>
|
|
<label class="label-control" for="cemail">Email</label>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
<div class="form-group">
|
|
<textarea class="form-control-textarea" id="cmessage" name="message" required></textarea>
|
|
<label class="label-control" for="cmessage">Votre message</label>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="submit" class="form-control-submit-button">Envoyer</button>
|
|
</div>
|
|
<div class="form-message">
|
|
<div id="cmsgSubmit" class="h3 text-center hidden"></div>
|
|
</div>
|
|
</form>
|
|
<!-- end of contact form -->
|
|
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
</div> <!-- end of container -->
|
|
</div> <!-- end of ex-form-1 -->
|
|
<!-- end of form -->
|
|
|
|
|
|
<!-- Basic -->
|
|
<div class="ex-basic-1 pt-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-10 offset-xl-1">
|
|
<h2 class="mt-3 mb-4">Où nous trouver</h2>
|
|
<p class="mb-5">Notre mission à VillaFleurie est de nous concentrer sur tous les détails pour faire de
|
|
votre séjour une expérience extraordinaire. une expérience inoubliable. Nous avons formé notre
|
|
personnel pour qu'il réponde à vos attentes et les dépasse, afin que votre expérience à la
|
|
VillaFleurie ne soit pas un simple souvenir, mais l'un de vos meilleurs souvenirs. ne soit pas qu'un
|
|
simple souvenir, mais l'un des meilleurs souvenirs que vous ayez. Nous sommes passionnés passionnés
|
|
et nous ne vous décevrons pas.</p>
|
|
|
|
<div class="map-responsive mb-5">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3831.2598078323063!2d-61.48991482394046!3d16.20707768449259!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c134f148764f5d5%3A0x981bb218cee8b16c!2sVillaFleurie!5e0!3m2!1sfr!2sde!4v1685258248016!5m2!1sfr!2sde" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
</div>
|
|
|
|
<a class="btn-solid-reg mb-6" href="index.html#header">Réserver</a>
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
</div> <!-- end of container -->
|
|
</div> <!-- end of ex-basic-1 -->
|
|
<!-- end of basic -->
|
|
|
|
|
|
<!-- Footer -->
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h3>Si vous souhaitez passer un moment confortable et relaxant, n'hésitez pas à nous contacter : <a class="green" href="mailto:location.villafleurie@gmail.com">
|
|
location.villafleurie@gmail.com
|
|
</a></h3>
|
|
<div class="social-container">
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-facebook-f fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-twitter fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-pinterest-p fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-instagram fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-youtube fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
</div> <!-- end of social-container -->
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
</div> <!-- end of container -->
|
|
</div> <!-- end of footer -->
|
|
<!-- end of footer -->
|
|
|
|
|
|
<!-- Copyright -->
|
|
<div class="copyright">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<hr class="divider">
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<ul class="list-unstyled li-space-lg p-small">
|
|
<li><a href="t2-corail.html">T2 Corail</a></li>
|
|
<li><a href="t3-azur.html">T3 Azur</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul> <!-- end of list-unstyled -->
|
|
</div> <!-- end of col -->
|
|
<div class="col-lg-6">
|
|
<p class="p-small statement">Copyright © VillaFleurie</p>
|
|
</div> <!-- end of col -->
|
|
</div> <!-- enf of row -->
|
|
</div> <!-- end of container -->
|
|
</div> <!-- end of copyright -->
|
|
<!-- end of copyright -->
|
|
|
|
|
|
<!-- Scripts -->
|
|
<script src="../js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
|
|
<script src="../js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
|
|
<script src="../js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
|
|
<script src="../js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
|
|
<script src="../js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
|
|
<script src="../js/bootstrap-datepicker.min.js"></script> <!-- Datepicker for Bootstrap -->
|
|
<script src="../js/scripts.js"></script> <!-- Custom scripts -->
|
|
</body>
|
|
</html> |