mirror of
https://github.com/rjNemo/vf-site
synced 2026-06-06 01:16:38 +00:00
Ruidy
a6ae2d9db7
Reformatted all HTML files to use consistent indentation, modernized the doctype to `<!doctype html>`, and improved meta tag formatting for better readability and maintainability. Updated script and style includes to use self-closing tags and added Plausible analytics script. No content or functional changes were made. This improves code clarity and consistency across the project.
324 lines
12 KiB
HTML
324 lines
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" />
|
|
|
|
<script
|
|
defer
|
|
data-domain="villafleuriegp.com"
|
|
src="https://plausible.nemausat.com/js/script.outbound-links.js"
|
|
></script>
|
|
<script>
|
|
window.plausible =
|
|
window.plausible ||
|
|
function () {
|
|
(window.plausible.q = window.plausible.q || []).push(arguments);
|
|
};
|
|
</script>
|
|
</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.
|
|
Nous sommes 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>
|