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.
This commit is contained in:
Ruidy 2025-05-13 01:02:07 +02:00
parent dc1dc64406
commit a6ae2d9db7
7 changed files with 1283 additions and 1116 deletions

View file

@ -1,319 +0,0 @@
<!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="Description">
<meta name="author" content="Author">
<!-- 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="" /> <!-- website name -->
<meta property="og:site" content="" /> <!-- website link -->
<meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
<meta property="og:description" content="" /> <!-- 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>Article Details - Villa</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/favicon.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.svg" alt="alternative"></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">
<a class="nav-link" href="article.html">Article <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Rooms</a>
<div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="dropdown-item page-scroll" href="balcony-room.html">Balcony Room</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item page-scroll" href="panoramic-room.html">Panoramic Room</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item page-scroll" href="presidential-room.html">Presidential Room</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:1-800-324-9832"><i class="fas fa-phone-alt"></i>1-800-324-9832</a>
</span>
<span class="nav-item lang-switch">
<a class="lang-item no-line active" href="index.html"><img src="images/language-en.jpg" alt="alternative">EN</a> &nbsp;|&nbsp; <a class="lang-item no-line" href="index.html"><img src="images/language-it.jpg" alt="alternative">IT</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">Popular Tourist Attraction Near Villa</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">
<img class="img-fluid" src="images/article-details-large.jpg" alt="alternative">
</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">
<p class="mt-3">Are you looking for a relaxing experience in a wonderful Mediterranean setting? Then Villa is the right answer for romantic couples and fun families. You will find everything you need for a great holiday at Villa, from clean rooms with beautiful views to wonderful cuisine and friendly staff which will go out of their way to serve you.</p>
<p class="mb-6">You can have a good time indoors but the most exciting things await you outside in close proximity of the Villa or further way as tourist attractions. We have our own very large pool for you to enjoy but Villa's position close to the sea shore provides access to wonderful sandy beaches with restricted access only for Villa customers.</p>
<h2 class="mb-4">Enjoy The Mediterranean Experience</h2>
<p>Our mission at Villa is to focus an all the details to make your stay an amazing experience. We've trained our staff to meet your expectations and exceed them so that your Villa experience becomes not just a regular memory but one of the best memories you have. We're passionate about this stuff and we will not let you down.</p>
<p class="mb-5">You can enjoy our clean spacious rooms, the splendid gardens, beautiful sea views and well thought out amenities. Villa's restaurant is famous for the fine cuisine created with only the freshest of local ingredients, cooked by famous chefs and served by our polite staff. The establishment's only purpose is to make you feel comfortable and relaxed.</p>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of ex-basic-1 -->
<!-- end of basic -->
<!-- Cards -->
<div class="ex-cards-1 mb-4">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Card -->
<div class="card">
<ul class="list-unstyled">
<li class="media">
<span class="fa-stack">
<span class="fas fa-circle fa-stack-2x"></span>
<span class="fa-stack-1x">1</span>
</span>
<div class="media-body">
<h4>Beautiful Location</h4>
<p>Villa is located at the Mediterranean sea and offers easy access to historical towns and tourist attractions</p>
</div>
</li>
</ul>
</div> <!-- end of card -->
<!-- end of card -->
<!-- Card -->
<div class="card">
<ul class="list-unstyled">
<li class="media">
<span class="fa-stack">
<span class="fas fa-circle fa-stack-2x"></span>
<span class="fa-stack-1x">2</span>
</span>
<div class="media-body">
<h4>Great Amenities</h4>
<p>You have complete unrestricted access to our restaurant, private pool, beautiful gardens and sunny terrace</p>
</div>
</li>
</ul>
</div> <!-- end of card -->
<!-- end of card -->
<!-- Card -->
<div class="card">
<ul class="list-unstyled">
<li class="media">
<span class="fa-stack">
<span class="fas fa-circle fa-stack-2x"></span>
<span class="fa-stack-1x">3</span>
</span>
<div class="media-body">
<h4>Awesome Restaurant</h4>
<p>Taste our delicious food made from fresh local ingredients that will delight meat lovers and vegetarians</p>
</div>
</li>
</ul>
</div> <!-- end of card -->
<!-- end of card -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of ex-cards-1 -->
<!-- end of cards -->
<!-- Basic -->
<div class="ex-basic-1">
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1">
<p class="mb-6">Each of Villa's rooms was designed to offer the best possible experience for many types of travelers from the adventure seekers to those who value comfort. We've designed the rooms based on more than 10 years of experience in the hospitality business and the entire team is very proud of what we achieved with Villa.</p>
<h2 class="mb-4">Popular Tourist Attractions</h2>
<img class="img-fluid mb-5" src="images/article-details-small.jpg" alt="alternative">
<p>The rooms are designed to offer the best possible levels of comfort and relaxation. The design is contemporary based on comforting colors and manages to appeal to many types of personalities and tastes. The materials used in Villa's construction are modern and durable, offering warm temperatures in the winter and cooler summer days.</p>
<p class="mb-5">Villa's amenities and rooms rooms are designed to offer the best possible levels of comfort and relaxation. The design is contemporary based on comforting colors and manages to appeal to many types of personalities and tastes. The materials used in Villa's construction are provided by top suppliers.</p>
<div class="text-box mb-5">
<h3>Wonderful Experience At The Mediterranean Sea</h3>
<p>Enjoy the sun, the cool water and the benefits of fresh air by booking Villa the wonderful experience at the Mediterranean sea. It's the perfect holiday location for both tranquility seeking couples and fun families. Villa's amenities and rooms rooms are designed to offer the best possible levels of comfort and relaxation. The design is contemporary based on comforting colors and relaxing patterns.</p>
</div> <!-- end of text-box -->
<p class="mb-4">You can enjoy our clean spacious rooms, the splendid gardens, beautiful sea views and well thought out amenities. Villa's restaurant is famous for the fine cuisine created with only the freshest of local ingredients, cooked by famous chefs and served by our polite staff. The establishment's only purpose is to make you feel comfortable and relaxed.</p>
<ul class="list-unstyled li-space-lg mb-5">
<li class="media">
<i class="fas fa-square"></i>
<div class="media-body"><strong>Warm shower</strong> for those early spring and late autumn days. Showers are also available at the beach</div>
</li>
<li class="media">
<i class="fas fa-square"></i>
<div class="media-body"><strong>Modern LCD TV</strong> for rainy days that have to be spent inside. You can event connect the gaming console</div>
</li>
<li class="media">
<i class="fas fa-square"></i>
<div class="media-body"><strong>Air conditioning</strong> that is state of the art technology specially designed to create the optimum temperature</div>
</li>
<li class="media">
<i class="fas fa-square"></i>
<div class="media-body"><strong>Beautiful views</strong> from any window. Enjoy them from inside the room or sitting outside on the large balcony</div>
</li>
<li class="media">
<i class="fas fa-square"></i>
<div class="media-body"><strong>Packed minibar</strong> loaded with goodies so you can enjoy some treats if you forget to shop in town</div>
</li>
</ul>
<a class="btn-solid-reg mb-6" href="index.html">Home</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>If you are looking too have a comfortable and relaxing time then you should get in touch with us using <a class="green" href="mailto:reception@villa.com">reception@villa.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="article.html">Article</a></li>
<li><a href="balcony-room.html">Balcony Room</a></li>
<li><a href="panoramic-room.html">Panoramic Room</a></li>
<li><a href="presidential-room.html">Presidential Room</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 © <a href="#your-link">Name</a></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>

345
dist/contact.html vendored
View file

@ -1,80 +1,139 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"> <meta
<meta name="author" content="VillaFleurie"> 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 --> <!-- 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_name" content="VillaFleurie" />
<meta property="og:site" content=""/> <!-- website link --> <!-- website name -->
<meta property="og:title" content="VillaFleurie"/> <!-- title shown in the actual shared post --> <meta property="og:site" content="" />
<meta property="og:description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"/> <!-- 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 --> <!-- description shown in the actual shared post -->
<meta property="og:image" content=""/> <!-- image link, make sure it's jpg --> <meta property="og:image" content="" />
<meta property="og:url" content="/"/> <!-- where do you want your post to link to --> <!-- image link, make sure it's jpg -->
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter --> <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 --> <!-- Webpage Title -->
<title>VillaFleurie</title> <title>VillaFleurie</title>
<!-- Styles --> <!-- 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" <link
rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap"
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet"> rel="stylesheet"
<link href="../css/bootstrap.css" rel="stylesheet"> />
<link href="../css/fontawesome-all.css" rel="stylesheet"> <link
<link href="../css/bootstrap-datepicker3.css" rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap"
<link href="../css/swiper.css" rel="stylesheet"> rel="stylesheet"
<link href="../css/magnific-popup.css" rel="stylesheet"> />
<link href="../css/styles.css" 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 --> <!-- Favicon -->
<link rel="icon" href="../images/logo.png"> <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">
<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 --> <!-- 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> --> <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Villa</a> -->
<!-- Image Logo --> <!-- Image Logo -->
<a class="navbar-brand logo-image" href="index.html"><img src="../images/logo.png" alt="VillaFleurie logo" style="height: 76px"></a> <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"> <button
<span class="navbar-toggler-icon"></span> class="navbar-toggler p-0 border-0"
type="button"
data-toggle="offcanvas"
>
<span class="navbar-toggler-icon"></span>
</button> </button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault"> <div
<ul class="navbar-nav "> class="navbar-collapse offcanvas-collapse"
<li class="nav-item dropdown"> id="navbarsExampleDefault"
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" >
aria-haspopup="true" aria-expanded="false">Chambres</a> <ul class="navbar-nav">
<div class="dropdown-menu" aria-labelledby="dropdown01"> <li class="nav-item dropdown">
<a class="dropdown-item page-scroll" href="t2-corail.html">T2 Corail</a> <a
<div class="dropdown-divider"></div> class="nav-link dropdown-toggle"
<a class="dropdown-item page-scroll" href="t3-azur.html">T3 Azur</a> href="#"
</div> id="dropdown01"
</li> data-toggle="dropdown"
<li class="nav-item"> aria-haspopup="true"
<a class="nav-link" href="contact.html">Contact</a> aria-expanded="false"
</li> >Chambres</a
</ul> >
<span class="nav-item ml-auto"> <div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="btn-outline-sm" href="tel:+33658961279"> <i class="fas fa-phone-alt"></i>+33 6 58 96 12 79</a> <a class="dropdown-item page-scroll" href="t2-corail.html"
</span> >T2 Corail</a
</div> <!-- end of navbar-collapse --> >
</div> <!-- end of container --> <div class="dropdown-divider"></div>
</nav> <!-- end of navbar --> <a class="dropdown-item page-scroll" href="t3-azur.html"
<!-- end of navigation --> >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 -->
<header class="ex-header bg-gray"> <header class="ex-header bg-gray">
<div class="container"> <div class="container">
@ -159,85 +218,107 @@
<!-- end of basic --> <!-- end of basic -->
<!-- Footer --> <!-- Footer -->
<div class="footer"> <div class="footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <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"> <h3>
location.villafleurie@gmail.com Si vous souhaitez passer un moment confortable et relaxant,
</a></h3> n'hésitez pas à nous contacter :
<div class="social-container"> <a class="green" href="mailto:location.villafleurie@gmail.com">
<span class="fa-stack"> location.villafleurie@gmail.com
<a href="#your-link"> </a>
<i class="fas fa-circle fa-stack-2x"></i> </h3>
<i class="fab fa-facebook-f fa-stack-1x"></i> <div class="social-container">
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-facebook-f fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-twitter fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-twitter fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-pinterest-p fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-pinterest-p fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-instagram fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-instagram fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-youtube fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
</div> <!-- end of social-container --> <i class="fas fa-circle fa-stack-2x"></i>
</div> <!-- end of col --> <i class="fab fa-youtube fa-stack-1x"></i>
</div> <!-- end of row --> </a>
</div> <!-- end of container --> </span>
</div> <!-- end of footer --> </div>
<!-- end of footer --> <!-- end of social-container -->
</div>
<!-- end of col -->
</div>
<!-- end of row -->
</div>
<!-- end of container -->
</div>
<!-- end of footer -->
<!-- end of footer -->
<!-- Copyright -->
<!-- Copyright --> <div class="copyright">
<div class="copyright"> <div class="container">
<div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<hr class="divider"> <hr class="divider" />
</div> <!-- end of col --> </div>
</div> <!-- end of row --> <!-- end of col -->
</div>
<!-- end of row -->
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<ul class="list-unstyled li-space-lg p-small"> <ul class="list-unstyled li-space-lg p-small">
<li><a href="t2-corail.html">T2 Corail</a></li> <li><a href="t2-corail.html">T2 Corail</a></li>
<li><a href="t3-azur.html">T3 Azur</a></li> <li><a href="t3-azur.html">T3 Azur</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> <!-- end of list-unstyled --> </ul>
</div> <!-- end of col --> <!-- end of list-unstyled -->
<div class="col-lg-6"> </div>
<p class="p-small statement">Copyright © VillaFleurie</p> <!-- end of col -->
</div> <!-- end of col --> <div class="col-lg-6">
</div> <!-- enf of row --> <p class="p-small statement">Copyright © VillaFleurie</p>
</div> <!-- end of container --> </div>
</div> <!-- end of copyright --> <!-- end of col -->
<!-- end of copyright --> </div>
<!-- enf of row -->
</div>
<!-- end of container -->
</div>
<!-- end of copyright -->
<!-- end of copyright -->
<!-- Scripts -->
<!-- Scripts --> <script src="../js/jquery.min.js"></script>
<script src="../js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins --> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="../js/bootstrap.min.js"></script> <!-- Bootstrap framework --> <script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors --> <!-- Bootstrap framework -->
<script src="../js/swiper.min.js"></script> <!-- Swiper for image and text sliders --> <script src="../js/jquery.easing.min.js"></script>
<script src="../js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes --> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="../js/bootstrap-datepicker.min.js"></script> <!-- Datepicker for Bootstrap --> <script src="../js/swiper.min.js"></script>
<script src="../js/scripts.js"></script> <!-- Custom scripts --> <!-- Swiper for image and text sliders -->
</body> <script src="../js/jquery.magnific-popup.js"></script>
</html> <!-- 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>

345
dist/index.html vendored
View file

@ -1,80 +1,139 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"> <meta
<meta name="author" content="VillaFleurie"> 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 --> <!-- 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_name" content="VillaFleurie" />
<meta property="og:site" content=""/> <!-- website link --> <!-- website name -->
<meta property="og:title" content="VillaFleurie"/> <!-- title shown in the actual shared post --> <meta property="og:site" content="" />
<meta property="og:description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"/> <!-- 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 --> <!-- description shown in the actual shared post -->
<meta property="og:image" content=""/> <!-- image link, make sure it's jpg --> <meta property="og:image" content="" />
<meta property="og:url" content="/"/> <!-- where do you want your post to link to --> <!-- image link, make sure it's jpg -->
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter --> <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 --> <!-- Webpage Title -->
<title>VillaFleurie</title> <title>VillaFleurie</title>
<!-- Styles --> <!-- 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" <link
rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap"
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet"> rel="stylesheet"
<link href="../css/bootstrap.css" rel="stylesheet"> />
<link href="../css/fontawesome-all.css" rel="stylesheet"> <link
<link href="../css/bootstrap-datepicker3.css" rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap"
<link href="../css/swiper.css" rel="stylesheet"> rel="stylesheet"
<link href="../css/magnific-popup.css" rel="stylesheet"> />
<link href="../css/styles.css" 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 --> <!-- Favicon -->
<link rel="icon" href="../images/logo.png"> <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">
<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 --> <!-- 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> --> <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Villa</a> -->
<!-- Image Logo --> <!-- Image Logo -->
<a class="navbar-brand logo-image" href="index.html"><img src="../images/logo.png" alt="VillaFleurie logo" style="height: 76px"></a> <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"> <button
<span class="navbar-toggler-icon"></span> class="navbar-toggler p-0 border-0"
type="button"
data-toggle="offcanvas"
>
<span class="navbar-toggler-icon"></span>
</button> </button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault"> <div
<ul class="navbar-nav "> class="navbar-collapse offcanvas-collapse"
<li class="nav-item dropdown"> id="navbarsExampleDefault"
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" >
aria-haspopup="true" aria-expanded="false">Chambres</a> <ul class="navbar-nav">
<div class="dropdown-menu" aria-labelledby="dropdown01"> <li class="nav-item dropdown">
<a class="dropdown-item page-scroll" href="t2-corail.html">T2 Corail</a> <a
<div class="dropdown-divider"></div> class="nav-link dropdown-toggle"
<a class="dropdown-item page-scroll" href="t3-azur.html">T3 Azur</a> href="#"
</div> id="dropdown01"
</li> data-toggle="dropdown"
<li class="nav-item"> aria-haspopup="true"
<a class="nav-link" href="contact.html">Contact</a> aria-expanded="false"
</li> >Chambres</a
</ul> >
<span class="nav-item ml-auto"> <div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="btn-outline-sm" href="tel:+33658961279"> <i class="fas fa-phone-alt"></i>+33 6 58 96 12 79</a> <a class="dropdown-item page-scroll" href="t2-corail.html"
</span> >T2 Corail</a
</div> <!-- end of navbar-collapse --> >
</div> <!-- end of container --> <div class="dropdown-divider"></div>
</nav> <!-- end of navbar --> <a class="dropdown-item page-scroll" href="t3-azur.html"
<!-- end of navigation --> >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 -->
<header id="header" class="header"> <header id="header" class="header">
<!-- Header Slider --> <!-- Header Slider -->
@ -731,85 +790,107 @@
<!-- Footer --> <!-- Footer -->
<div class="footer"> <div class="footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <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"> <h3>
location.villafleurie@gmail.com Si vous souhaitez passer un moment confortable et relaxant,
</a></h3> n'hésitez pas à nous contacter :
<div class="social-container"> <a class="green" href="mailto:location.villafleurie@gmail.com">
<span class="fa-stack"> location.villafleurie@gmail.com
<a href="#your-link"> </a>
<i class="fas fa-circle fa-stack-2x"></i> </h3>
<i class="fab fa-facebook-f fa-stack-1x"></i> <div class="social-container">
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-facebook-f fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-twitter fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-twitter fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-pinterest-p fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-pinterest-p fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-instagram fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-instagram fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-youtube fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
</div> <!-- end of social-container --> <i class="fas fa-circle fa-stack-2x"></i>
</div> <!-- end of col --> <i class="fab fa-youtube fa-stack-1x"></i>
</div> <!-- end of row --> </a>
</div> <!-- end of container --> </span>
</div> <!-- end of footer --> </div>
<!-- end of footer --> <!-- end of social-container -->
</div>
<!-- end of col -->
</div>
<!-- end of row -->
</div>
<!-- end of container -->
</div>
<!-- end of footer -->
<!-- end of footer -->
<!-- Copyright -->
<!-- Copyright --> <div class="copyright">
<div class="copyright"> <div class="container">
<div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<hr class="divider"> <hr class="divider" />
</div> <!-- end of col --> </div>
</div> <!-- end of row --> <!-- end of col -->
</div>
<!-- end of row -->
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<ul class="list-unstyled li-space-lg p-small"> <ul class="list-unstyled li-space-lg p-small">
<li><a href="t2-corail.html">T2 Corail</a></li> <li><a href="t2-corail.html">T2 Corail</a></li>
<li><a href="t3-azur.html">T3 Azur</a></li> <li><a href="t3-azur.html">T3 Azur</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> <!-- end of list-unstyled --> </ul>
</div> <!-- end of col --> <!-- end of list-unstyled -->
<div class="col-lg-6"> </div>
<p class="p-small statement">Copyright © VillaFleurie</p> <!-- end of col -->
</div> <!-- end of col --> <div class="col-lg-6">
</div> <!-- enf of row --> <p class="p-small statement">Copyright © VillaFleurie</p>
</div> <!-- end of container --> </div>
</div> <!-- end of copyright --> <!-- end of col -->
<!-- end of copyright --> </div>
<!-- enf of row -->
</div>
<!-- end of container -->
</div>
<!-- end of copyright -->
<!-- end of copyright -->
<!-- Scripts -->
<!-- Scripts --> <script src="../js/jquery.min.js"></script>
<script src="../js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins --> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="../js/bootstrap.min.js"></script> <!-- Bootstrap framework --> <script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors --> <!-- Bootstrap framework -->
<script src="../js/swiper.min.js"></script> <!-- Swiper for image and text sliders --> <script src="../js/jquery.easing.min.js"></script>
<script src="../js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes --> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="../js/bootstrap-datepicker.min.js"></script> <!-- Datepicker for Bootstrap --> <script src="../js/swiper.min.js"></script>
<script src="../js/scripts.js"></script> <!-- Custom scripts --> <!-- Swiper for image and text sliders -->
</body> <script src="../js/jquery.magnific-popup.js"></script>
</html> <!-- 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>

345
dist/reservation.html vendored
View file

@ -1,80 +1,139 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"> <meta
<meta name="author" content="VillaFleurie"> 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 --> <!-- 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_name" content="VillaFleurie" />
<meta property="og:site" content=""/> <!-- website link --> <!-- website name -->
<meta property="og:title" content="VillaFleurie"/> <!-- title shown in the actual shared post --> <meta property="og:site" content="" />
<meta property="og:description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"/> <!-- 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 --> <!-- description shown in the actual shared post -->
<meta property="og:image" content=""/> <!-- image link, make sure it's jpg --> <meta property="og:image" content="" />
<meta property="og:url" content="/"/> <!-- where do you want your post to link to --> <!-- image link, make sure it's jpg -->
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter --> <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 --> <!-- Webpage Title -->
<title>VillaFleurie</title> <title>VillaFleurie</title>
<!-- Styles --> <!-- 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" <link
rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap"
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet"> rel="stylesheet"
<link href="../css/bootstrap.css" rel="stylesheet"> />
<link href="../css/fontawesome-all.css" rel="stylesheet"> <link
<link href="../css/bootstrap-datepicker3.css" rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap"
<link href="../css/swiper.css" rel="stylesheet"> rel="stylesheet"
<link href="../css/magnific-popup.css" rel="stylesheet"> />
<link href="../css/styles.css" 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 --> <!-- Favicon -->
<link rel="icon" href="../images/logo.png"> <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">
<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 --> <!-- 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> --> <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Villa</a> -->
<!-- Image Logo --> <!-- Image Logo -->
<a class="navbar-brand logo-image" href="index.html"><img src="../images/logo.png" alt="VillaFleurie logo" style="height: 76px"></a> <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"> <button
<span class="navbar-toggler-icon"></span> class="navbar-toggler p-0 border-0"
type="button"
data-toggle="offcanvas"
>
<span class="navbar-toggler-icon"></span>
</button> </button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault"> <div
<ul class="navbar-nav "> class="navbar-collapse offcanvas-collapse"
<li class="nav-item dropdown"> id="navbarsExampleDefault"
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" >
aria-haspopup="true" aria-expanded="false">Chambres</a> <ul class="navbar-nav">
<div class="dropdown-menu" aria-labelledby="dropdown01"> <li class="nav-item dropdown">
<a class="dropdown-item page-scroll" href="t2-corail.html">T2 Corail</a> <a
<div class="dropdown-divider"></div> class="nav-link dropdown-toggle"
<a class="dropdown-item page-scroll" href="t3-azur.html">T3 Azur</a> href="#"
</div> id="dropdown01"
</li> data-toggle="dropdown"
<li class="nav-item"> aria-haspopup="true"
<a class="nav-link" href="contact.html">Contact</a> aria-expanded="false"
</li> >Chambres</a
</ul> >
<span class="nav-item ml-auto"> <div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="btn-outline-sm" href="tel:+33658961279"> <i class="fas fa-phone-alt"></i>+33 6 58 96 12 79</a> <a class="dropdown-item page-scroll" href="t2-corail.html"
</span> >T2 Corail</a
</div> <!-- end of navbar-collapse --> >
</div> <!-- end of container --> <div class="dropdown-divider"></div>
</nav> <!-- end of navbar --> <a class="dropdown-item page-scroll" href="t3-azur.html"
<!-- end of navigation --> >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 -->
<header class="ex-header bg-gray"> <header class="ex-header bg-gray">
<div class="container"> <div class="container">
@ -88,85 +147,107 @@
<!-- end of header --> <!-- end of header -->
<!-- Footer --> <!-- Footer -->
<div class="footer"> <div class="footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <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"> <h3>
location.villafleurie@gmail.com Si vous souhaitez passer un moment confortable et relaxant,
</a></h3> n'hésitez pas à nous contacter :
<div class="social-container"> <a class="green" href="mailto:location.villafleurie@gmail.com">
<span class="fa-stack"> location.villafleurie@gmail.com
<a href="#your-link"> </a>
<i class="fas fa-circle fa-stack-2x"></i> </h3>
<i class="fab fa-facebook-f fa-stack-1x"></i> <div class="social-container">
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-facebook-f fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-twitter fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-twitter fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-pinterest-p fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-pinterest-p fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-instagram fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-instagram fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-youtube fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
</div> <!-- end of social-container --> <i class="fas fa-circle fa-stack-2x"></i>
</div> <!-- end of col --> <i class="fab fa-youtube fa-stack-1x"></i>
</div> <!-- end of row --> </a>
</div> <!-- end of container --> </span>
</div> <!-- end of footer --> </div>
<!-- end of footer --> <!-- end of social-container -->
</div>
<!-- end of col -->
</div>
<!-- end of row -->
</div>
<!-- end of container -->
</div>
<!-- end of footer -->
<!-- end of footer -->
<!-- Copyright -->
<!-- Copyright --> <div class="copyright">
<div class="copyright"> <div class="container">
<div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<hr class="divider"> <hr class="divider" />
</div> <!-- end of col --> </div>
</div> <!-- end of row --> <!-- end of col -->
</div>
<!-- end of row -->
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<ul class="list-unstyled li-space-lg p-small"> <ul class="list-unstyled li-space-lg p-small">
<li><a href="t2-corail.html">T2 Corail</a></li> <li><a href="t2-corail.html">T2 Corail</a></li>
<li><a href="t3-azur.html">T3 Azur</a></li> <li><a href="t3-azur.html">T3 Azur</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> <!-- end of list-unstyled --> </ul>
</div> <!-- end of col --> <!-- end of list-unstyled -->
<div class="col-lg-6"> </div>
<p class="p-small statement">Copyright © VillaFleurie</p> <!-- end of col -->
</div> <!-- end of col --> <div class="col-lg-6">
</div> <!-- enf of row --> <p class="p-small statement">Copyright © VillaFleurie</p>
</div> <!-- end of container --> </div>
</div> <!-- end of copyright --> <!-- end of col -->
<!-- end of copyright --> </div>
<!-- enf of row -->
</div>
<!-- end of container -->
</div>
<!-- end of copyright -->
<!-- end of copyright -->
<!-- Scripts -->
<!-- Scripts --> <script src="../js/jquery.min.js"></script>
<script src="../js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins --> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="../js/bootstrap.min.js"></script> <!-- Bootstrap framework --> <script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors --> <!-- Bootstrap framework -->
<script src="../js/swiper.min.js"></script> <!-- Swiper for image and text sliders --> <script src="../js/jquery.easing.min.js"></script>
<script src="../js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes --> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="../js/bootstrap-datepicker.min.js"></script> <!-- Datepicker for Bootstrap --> <script src="../js/swiper.min.js"></script>
<script src="../js/scripts.js"></script> <!-- Custom scripts --> <!-- Swiper for image and text sliders -->
</body> <script src="../js/jquery.magnific-popup.js"></script>
</html> <!-- 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>

345
dist/t2-corail.html vendored
View file

@ -1,80 +1,139 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"> <meta
<meta name="author" content="VillaFleurie"> 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 --> <!-- 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_name" content="VillaFleurie" />
<meta property="og:site" content=""/> <!-- website link --> <!-- website name -->
<meta property="og:title" content="VillaFleurie"/> <!-- title shown in the actual shared post --> <meta property="og:site" content="" />
<meta property="og:description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"/> <!-- 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 --> <!-- description shown in the actual shared post -->
<meta property="og:image" content=""/> <!-- image link, make sure it's jpg --> <meta property="og:image" content="" />
<meta property="og:url" content="/"/> <!-- where do you want your post to link to --> <!-- image link, make sure it's jpg -->
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter --> <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 --> <!-- Webpage Title -->
<title>VillaFleurie</title> <title>VillaFleurie</title>
<!-- Styles --> <!-- 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" <link
rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap"
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet"> rel="stylesheet"
<link href="../css/bootstrap.css" rel="stylesheet"> />
<link href="../css/fontawesome-all.css" rel="stylesheet"> <link
<link href="../css/bootstrap-datepicker3.css" rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap"
<link href="../css/swiper.css" rel="stylesheet"> rel="stylesheet"
<link href="../css/magnific-popup.css" rel="stylesheet"> />
<link href="../css/styles.css" 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 --> <!-- Favicon -->
<link rel="icon" href="../images/logo.png"> <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">
<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 --> <!-- 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> --> <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Villa</a> -->
<!-- Image Logo --> <!-- Image Logo -->
<a class="navbar-brand logo-image" href="index.html"><img src="../images/logo.png" alt="VillaFleurie logo" style="height: 76px"></a> <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"> <button
<span class="navbar-toggler-icon"></span> class="navbar-toggler p-0 border-0"
type="button"
data-toggle="offcanvas"
>
<span class="navbar-toggler-icon"></span>
</button> </button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault"> <div
<ul class="navbar-nav "> class="navbar-collapse offcanvas-collapse"
<li class="nav-item dropdown"> id="navbarsExampleDefault"
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" >
aria-haspopup="true" aria-expanded="false">Chambres</a> <ul class="navbar-nav">
<div class="dropdown-menu" aria-labelledby="dropdown01"> <li class="nav-item dropdown">
<a class="dropdown-item page-scroll" href="t2-corail.html">T2 Corail</a> <a
<div class="dropdown-divider"></div> class="nav-link dropdown-toggle"
<a class="dropdown-item page-scroll" href="t3-azur.html">T3 Azur</a> href="#"
</div> id="dropdown01"
</li> data-toggle="dropdown"
<li class="nav-item"> aria-haspopup="true"
<a class="nav-link" href="contact.html">Contact</a> aria-expanded="false"
</li> >Chambres</a
</ul> >
<span class="nav-item ml-auto"> <div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="btn-outline-sm" href="tel:+33658961279"> <i class="fas fa-phone-alt"></i>+33 6 58 96 12 79</a> <a class="dropdown-item page-scroll" href="t2-corail.html"
</span> >T2 Corail</a
</div> <!-- end of navbar-collapse --> >
</div> <!-- end of container --> <div class="dropdown-divider"></div>
</nav> <!-- end of navbar --> <a class="dropdown-item page-scroll" href="t3-azur.html"
<!-- end of navigation --> >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 -->
<header class="ex-header bg-gray"> <header class="ex-header bg-gray">
<div class="container"> <div class="container">
@ -237,85 +296,107 @@
<!-- end of basic --> <!-- end of basic -->
<!-- Footer --> <!-- Footer -->
<div class="footer"> <div class="footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <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"> <h3>
location.villafleurie@gmail.com Si vous souhaitez passer un moment confortable et relaxant,
</a></h3> n'hésitez pas à nous contacter :
<div class="social-container"> <a class="green" href="mailto:location.villafleurie@gmail.com">
<span class="fa-stack"> location.villafleurie@gmail.com
<a href="#your-link"> </a>
<i class="fas fa-circle fa-stack-2x"></i> </h3>
<i class="fab fa-facebook-f fa-stack-1x"></i> <div class="social-container">
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-facebook-f fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-twitter fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-twitter fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-pinterest-p fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-pinterest-p fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-instagram fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-instagram fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-youtube fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
</div> <!-- end of social-container --> <i class="fas fa-circle fa-stack-2x"></i>
</div> <!-- end of col --> <i class="fab fa-youtube fa-stack-1x"></i>
</div> <!-- end of row --> </a>
</div> <!-- end of container --> </span>
</div> <!-- end of footer --> </div>
<!-- end of footer --> <!-- end of social-container -->
</div>
<!-- end of col -->
</div>
<!-- end of row -->
</div>
<!-- end of container -->
</div>
<!-- end of footer -->
<!-- end of footer -->
<!-- Copyright -->
<!-- Copyright --> <div class="copyright">
<div class="copyright"> <div class="container">
<div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<hr class="divider"> <hr class="divider" />
</div> <!-- end of col --> </div>
</div> <!-- end of row --> <!-- end of col -->
</div>
<!-- end of row -->
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<ul class="list-unstyled li-space-lg p-small"> <ul class="list-unstyled li-space-lg p-small">
<li><a href="t2-corail.html">T2 Corail</a></li> <li><a href="t2-corail.html">T2 Corail</a></li>
<li><a href="t3-azur.html">T3 Azur</a></li> <li><a href="t3-azur.html">T3 Azur</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> <!-- end of list-unstyled --> </ul>
</div> <!-- end of col --> <!-- end of list-unstyled -->
<div class="col-lg-6"> </div>
<p class="p-small statement">Copyright © VillaFleurie</p> <!-- end of col -->
</div> <!-- end of col --> <div class="col-lg-6">
</div> <!-- enf of row --> <p class="p-small statement">Copyright © VillaFleurie</p>
</div> <!-- end of container --> </div>
</div> <!-- end of copyright --> <!-- end of col -->
<!-- end of copyright --> </div>
<!-- enf of row -->
</div>
<!-- end of container -->
</div>
<!-- end of copyright -->
<!-- end of copyright -->
<!-- Scripts -->
<!-- Scripts --> <script src="../js/jquery.min.js"></script>
<script src="../js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins --> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="../js/bootstrap.min.js"></script> <!-- Bootstrap framework --> <script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors --> <!-- Bootstrap framework -->
<script src="../js/swiper.min.js"></script> <!-- Swiper for image and text sliders --> <script src="../js/jquery.easing.min.js"></script>
<script src="../js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes --> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="../js/bootstrap-datepicker.min.js"></script> <!-- Datepicker for Bootstrap --> <script src="../js/swiper.min.js"></script>
<script src="../js/scripts.js"></script> <!-- Custom scripts --> <!-- Swiper for image and text sliders -->
</body> <script src="../js/jquery.magnific-popup.js"></script>
</html> <!-- 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>

345
dist/t3-azur.html vendored
View file

@ -1,80 +1,139 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"> <meta
<meta name="author" content="VillaFleurie"> 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 --> <!-- 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_name" content="VillaFleurie" />
<meta property="og:site" content=""/> <!-- website link --> <!-- website name -->
<meta property="og:title" content="VillaFleurie"/> <!-- title shown in the actual shared post --> <meta property="og:site" content="" />
<meta property="og:description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"/> <!-- 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 --> <!-- description shown in the actual shared post -->
<meta property="og:image" content=""/> <!-- image link, make sure it's jpg --> <meta property="og:image" content="" />
<meta property="og:url" content="/"/> <!-- where do you want your post to link to --> <!-- image link, make sure it's jpg -->
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter --> <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 --> <!-- Webpage Title -->
<title>VillaFleurie</title> <title>VillaFleurie</title>
<!-- Styles --> <!-- 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" <link
rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap"
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet"> rel="stylesheet"
<link href="../css/bootstrap.css" rel="stylesheet"> />
<link href="../css/fontawesome-all.css" rel="stylesheet"> <link
<link href="../css/bootstrap-datepicker3.css" rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap"
<link href="../css/swiper.css" rel="stylesheet"> rel="stylesheet"
<link href="../css/magnific-popup.css" rel="stylesheet"> />
<link href="../css/styles.css" 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 --> <!-- Favicon -->
<link rel="icon" href="../images/logo.png"> <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">
<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 --> <!-- 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> --> <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Villa</a> -->
<!-- Image Logo --> <!-- Image Logo -->
<a class="navbar-brand logo-image" href="index.html"><img src="../images/logo.png" alt="VillaFleurie logo" style="height: 76px"></a> <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"> <button
<span class="navbar-toggler-icon"></span> class="navbar-toggler p-0 border-0"
type="button"
data-toggle="offcanvas"
>
<span class="navbar-toggler-icon"></span>
</button> </button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault"> <div
<ul class="navbar-nav "> class="navbar-collapse offcanvas-collapse"
<li class="nav-item dropdown"> id="navbarsExampleDefault"
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" >
aria-haspopup="true" aria-expanded="false">Chambres</a> <ul class="navbar-nav">
<div class="dropdown-menu" aria-labelledby="dropdown01"> <li class="nav-item dropdown">
<a class="dropdown-item page-scroll" href="t2-corail.html">T2 Corail</a> <a
<div class="dropdown-divider"></div> class="nav-link dropdown-toggle"
<a class="dropdown-item page-scroll" href="t3-azur.html">T3 Azur</a> href="#"
</div> id="dropdown01"
</li> data-toggle="dropdown"
<li class="nav-item"> aria-haspopup="true"
<a class="nav-link" href="contact.html">Contact</a> aria-expanded="false"
</li> >Chambres</a
</ul> >
<span class="nav-item ml-auto"> <div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="btn-outline-sm" href="tel:+33658961279"> <i class="fas fa-phone-alt"></i>+33 6 58 96 12 79</a> <a class="dropdown-item page-scroll" href="t2-corail.html"
</span> >T2 Corail</a
</div> <!-- end of navbar-collapse --> >
</div> <!-- end of container --> <div class="dropdown-divider"></div>
</nav> <!-- end of navbar --> <a class="dropdown-item page-scroll" href="t3-azur.html"
<!-- end of navigation --> >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 -->
<header class="ex-header bg-gray"> <header class="ex-header bg-gray">
<div class="container"> <div class="container">
@ -230,85 +289,107 @@
<!-- end of basic --> <!-- end of basic -->
<!-- Footer --> <!-- Footer -->
<div class="footer"> <div class="footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <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"> <h3>
location.villafleurie@gmail.com Si vous souhaitez passer un moment confortable et relaxant,
</a></h3> n'hésitez pas à nous contacter :
<div class="social-container"> <a class="green" href="mailto:location.villafleurie@gmail.com">
<span class="fa-stack"> location.villafleurie@gmail.com
<a href="#your-link"> </a>
<i class="fas fa-circle fa-stack-2x"></i> </h3>
<i class="fab fa-facebook-f fa-stack-1x"></i> <div class="social-container">
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-facebook-f fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-twitter fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-twitter fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-pinterest-p fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-pinterest-p fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-instagram fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
<span class="fa-stack"> <i class="fas fa-circle fa-stack-2x"></i>
<a href="#your-link"> <i class="fab fa-instagram fa-stack-1x"></i>
<i class="fas fa-circle fa-stack-2x"></i> </a>
<i class="fab fa-youtube fa-stack-1x"></i> </span>
</a> <span class="fa-stack">
</span> <a href="#your-link">
</div> <!-- end of social-container --> <i class="fas fa-circle fa-stack-2x"></i>
</div> <!-- end of col --> <i class="fab fa-youtube fa-stack-1x"></i>
</div> <!-- end of row --> </a>
</div> <!-- end of container --> </span>
</div> <!-- end of footer --> </div>
<!-- end of footer --> <!-- end of social-container -->
</div>
<!-- end of col -->
</div>
<!-- end of row -->
</div>
<!-- end of container -->
</div>
<!-- end of footer -->
<!-- end of footer -->
<!-- Copyright -->
<!-- Copyright --> <div class="copyright">
<div class="copyright"> <div class="container">
<div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<hr class="divider"> <hr class="divider" />
</div> <!-- end of col --> </div>
</div> <!-- end of row --> <!-- end of col -->
</div>
<!-- end of row -->
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<ul class="list-unstyled li-space-lg p-small"> <ul class="list-unstyled li-space-lg p-small">
<li><a href="t2-corail.html">T2 Corail</a></li> <li><a href="t2-corail.html">T2 Corail</a></li>
<li><a href="t3-azur.html">T3 Azur</a></li> <li><a href="t3-azur.html">T3 Azur</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> <!-- end of list-unstyled --> </ul>
</div> <!-- end of col --> <!-- end of list-unstyled -->
<div class="col-lg-6"> </div>
<p class="p-small statement">Copyright © VillaFleurie</p> <!-- end of col -->
</div> <!-- end of col --> <div class="col-lg-6">
</div> <!-- enf of row --> <p class="p-small statement">Copyright © VillaFleurie</p>
</div> <!-- end of container --> </div>
</div> <!-- end of copyright --> <!-- end of col -->
<!-- end of copyright --> </div>
<!-- enf of row -->
</div>
<!-- end of container -->
</div>
<!-- end of copyright -->
<!-- end of copyright -->
<!-- Scripts -->
<!-- Scripts --> <script src="../js/jquery.min.js"></script>
<script src="../js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins --> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="../js/bootstrap.min.js"></script> <!-- Bootstrap framework --> <script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors --> <!-- Bootstrap framework -->
<script src="../js/swiper.min.js"></script> <!-- Swiper for image and text sliders --> <script src="../js/jquery.easing.min.js"></script>
<script src="../js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes --> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="../js/bootstrap-datepicker.min.js"></script> <!-- Datepicker for Bootstrap --> <script src="../js/swiper.min.js"></script>
<script src="../js/scripts.js"></script> <!-- Custom scripts --> <!-- Swiper for image and text sliders -->
</body> <script src="../js/jquery.magnific-popup.js"></script>
</html> <!-- 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>

View file

@ -1,161 +1,242 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"> <meta
<meta name="author" content="VillaFleurie"> 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 --> <!-- 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_name" content="VillaFleurie" />
<meta property="og:site" content=""/> <!-- website link --> <!-- website name -->
<meta property="og:title" content="VillaFleurie"/> <!-- title shown in the actual shared post --> <meta property="og:site" content="" />
<meta property="og:description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"/> <!-- 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 --> <!-- description shown in the actual shared post -->
<meta property="og:image" content=""/> <!-- image link, make sure it's jpg --> <meta property="og:image" content="" />
<meta property="og:url" content="/"/> <!-- where do you want your post to link to --> <!-- image link, make sure it's jpg -->
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter --> <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 --> <!-- Webpage Title -->
<title>VillaFleurie</title> <title>VillaFleurie</title>
<!-- Styles --> <!-- 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" <link
rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap"
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet"> rel="stylesheet"
<link href="../css/bootstrap.css" rel="stylesheet"> />
<link href="../css/fontawesome-all.css" rel="stylesheet"> <link
<link href="../css/bootstrap-datepicker3.css" rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap"
<link href="../css/swiper.css" rel="stylesheet"> rel="stylesheet"
<link href="../css/magnific-popup.css" rel="stylesheet"> />
<link href="../css/styles.css" 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 --> <!-- Favicon -->
<link rel="icon" href="../images/logo.png"> <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">
<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 --> <!-- 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> --> <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Villa</a> -->
<!-- Image Logo --> <!-- Image Logo -->
<a class="navbar-brand logo-image" href="index.html"><img src="../images/logo.png" alt="VillaFleurie logo" style="height: 76px"></a> <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"> <button
<span class="navbar-toggler-icon"></span> class="navbar-toggler p-0 border-0"
type="button"
data-toggle="offcanvas"
>
<span class="navbar-toggler-icon"></span>
</button> </button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault"> <div
<ul class="navbar-nav "> class="navbar-collapse offcanvas-collapse"
<li class="nav-item dropdown"> id="navbarsExampleDefault"
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" >
aria-haspopup="true" aria-expanded="false">Chambres</a> <ul class="navbar-nav">
<div class="dropdown-menu" aria-labelledby="dropdown01"> <li class="nav-item dropdown">
<a class="dropdown-item page-scroll" href="t2-corail.html">T2 Corail</a> <a
<div class="dropdown-divider"></div> class="nav-link dropdown-toggle"
<a class="dropdown-item page-scroll" href="t3-azur.html">T3 Azur</a> href="#"
</div> id="dropdown01"
</li> data-toggle="dropdown"
<li class="nav-item"> aria-haspopup="true"
<a class="nav-link" href="contact.html">Contact</a> aria-expanded="false"
</li> >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 -->
{% block content %} {% endblock %}
<!-- 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> </ul>
<span class="nav-item ml-auto"> <!-- end of list-unstyled -->
<a class="btn-outline-sm" href="tel:+33658961279"> <i class="fas fa-phone-alt"></i>+33 6 58 96 12 79</a> </div>
</span> <!-- end of col -->
</div> <!-- end of navbar-collapse --> <div class="col-lg-6">
</div> <!-- end of container --> <p class="p-small statement">Copyright © VillaFleurie</p>
</nav> <!-- end of navbar --> </div>
<!-- end of navigation --> <!-- end of col -->
</div>
<!-- enf of row -->
</div>
<!-- end of container -->
</div>
<!-- end of copyright -->
<!-- end of copyright -->
{% block content %} <!-- Scripts -->
{% endblock %} <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>
<!-- 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>