vf-site/dist/t3-azur.html
Ruidy a6ae2d9db7 refactor(html): reformat and modernize HTML structure
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.
2025-05-13 01:02:07 +02:00

395 lines
16 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">T3 Azur - 79€/nuit</h1>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</header> <!-- end of ex-header -->
<!-- end of header -->
<!-- Basic -->
<div class="ex-basic-1 bg-gray pb-6">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Image Slider Room -->
<div class="slider-container">
<div class="swiper-container image-slider-room">
<div class="swiper-wrapper">
<!-- Slide -->
<div class="swiper-slide">
<div class="image-container">
<a class="popup-link" href="../images/villafleurie_t3_chambre.jpg"
data-effect="fadeIn"><img class="img-fluid"
src="../images/villafleurie_t3_chambre.jpg"
alt="alternative"></a>
</div>
</div>
<!-- end of slide -->
<!-- Slide -->
<div class="swiper-slide">
<div class="image-container">
<a class="popup-link" href="../images/villafleurie_t3_salon.jpg"
data-effect="fadeIn"><img class="img-fluid"
src="../images/villafleurie_t3_salon.jpg"
alt="alternative"></a>
</div>
</div>
<!-- end of slide -->
<!-- Slide -->
<div class="swiper-slide">
<div class="image-container">
<a class="popup-link" href="../images/villafleurie_t3_cuisine.jpg"
data-effect="fadeIn"><img class="img-fluid"
src="../images/villafleurie_t3_cuisine.jpg"
alt="alternative"></a>
</div>
</div>
<!-- end of slide -->
</div> <!-- end of swiper-wrapper -->
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- end of add arrows -->
</div> <!-- end of swiper container -->
</div> <!-- end of slider-container -->
<!-- end of image slider -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of ex-basic-1 -->
<!-- end of basic -->
<!-- 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">Description</h2>
<p class="mb-5">Chacune des chambres de la VillaFleurie a été conçue pour offrir la meilleure expérience
possible à de nombreux voyageurs, qu'ils soient à la recherche d'aventure ou qu'ils apprécient le
confort. Nous avons conçu les chambres en nous appuyant sur plus de 10 ans d'expérience et toute
l'équipe est très fière de ce que nous avons réalisé.</p>
<div class="text-box mb-6">
<h3>Des chambres conçues pour le confort et la détente</h3>
<p>Les chambres sont conçues pour offrir les meilleurs niveaux possibles de confort et de
relaxation. Le design contemporain est basé sur des couleurs réconfortantes et parvient à plaire
à de nombreux types de personnalités. Les matériaux utilisés sont modernes et durables.</p>
</div> <!-- end of text-box -->
<ul class="list-unstyled list-icon-lg mb-5">
<li class="media">
<div class="list-icon bg-1">
<i class="fas fa-shower"></i>
</div>
<div class="media-body">
<h3 class="list-item-title">Aménagements modernes</h3>
<p class="list-item-text">Les équipements et les chambres de VillaFleurie sont conçus pour
offrir les meilleurs niveaux possibles de confort et de relaxation. Le design est
contemporain, basé sur des couleurs réconfortantes, et parvient à séduire de nombreux
types de personnalités et de goûts. Les matériaux utilisés dans la
construction de VillaFleurie proviennent des meilleurs fournisseurs.</p>
</div>
</li>
<li class="media">
<div class="list-icon bg-2">
<i class="fas fa-tv"></i>
</div>
<div class="media-body">
<h3 class="list-item-title">Appareils électroménagers de qualité</h3>
<p class="list-item-text">Toute l'électronique est fonctionnelle et conçue pour offrir les
meilleurs niveaux de confort et de relaxation. Le design est contemporain, basé sur des
couleurs réconfortantes et parvient à séduire de nombreux types de personnalités et de
goûts. L'objectif principal de tous les appareils est d'offrir un grand confort à
l'intérieur.</p>
</div>
</li>
</ul> <!-- end of list-unstyled -->
<p class="mb-4">D'autres caractéristiques ont été conçues pour offrir les meilleurs niveaux possibles de
confort et de relaxation. Le design contemporain basé sur des couleurs réconfortantes et parvient à
séduire de nombreux types de personnalités et de goûts. Les matériaux utilisés dans la
construction de la villa sont modernes et durables.</p>
<ul class="list-unstyled li-space-lg amenities mb-5">
<li class="media">
<i class="fas fa-shower"></i>
<div class="media-body"><strong>Réserve d'eau</strong> VillaFleurie est équipée d'une réserve
d'eau permettant de ne pas se soucier des éventuelles coupures d'eau
</div>
</li>
<li class="media">
<i class="fas fa-tv"></i>
<div class="media-body"><strong>TV LCD moderne</strong> pour les jours de pluie qu'il faut
passer à l'intérieur.
</div>
</li>
<li class="media">
<i class="fas fa-snowflake"></i>
<div class="media-body"><strong>Climatisation</strong> de pointe spécialement conçue pour créer
une température optimale
</div>
</li>
</ul>
<a class="btn-solid-reg mb-6" href="index.html">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>