mirror of
https://github.com/rjNemo/vf-site
synced 2026-06-06 01:16:38 +00:00
311 lines
No EOL
15 KiB
HTML
311 lines
No EOL
15 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">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/room-panoramic-1.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/room-panoramic-2.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/room-panoramic-3.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> |