success page

This commit is contained in:
Ruidy 2023-05-28 14:03:49 +02:00
parent d7d2dce068
commit 1b6d91709e
8 changed files with 194 additions and 6 deletions

View file

@ -4,7 +4,8 @@
"index.html",
"t2-corail.html",
"t3-azur.html",
"contact.html"
"contact.html",
"reservation.html"
],
"outDir": "dist"
}

2
dist/contact.html vendored
View file

@ -100,7 +100,7 @@
<p>.
<!-- Contact Form -->
<form id="contactForm" name="contactForm" data-toggle="validator" data-focus="false" method="post" netlify>
<form id="contactForm" name="contactForm" data-toggle="validator" data-focus="false" method="post" action="/reservation.html" netlify>
<div class="form-group">
<input type="text" class="form-control-input" id="cname" name="name" required>
<label class="label-control" for="cname">Nom complet</label>

2
dist/index.html vendored
View file

@ -109,7 +109,7 @@
<p>Remplir et envoyer le formulaire pour réserver VillaFleurie</p>
<!-- Booking Form -->
<!-- autocomplete = off to avoid display problems in mobile view -->
<form name="bookingForm" id="bookingForm" data-toggle="validator" data-focus="false" autocomplete="off" netlify>
<form name="bookingForm" id="bookingForm" data-toggle="validator" data-focus="false" autocomplete="off" action="/reservation.html" netlify>
<div class="form-group">
<input type="text" class="form-control-input" id="name" name="name" required>
<label class="label-control" for="name">Nom complet</label>

173
dist/reservation.html vendored Normal file
View file

@ -0,0 +1,173 @@
<!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:+590690441530"> <i class="fas fa-phone-alt"></i>+590 690 44 15 30</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">Merci pour votre message. Nous vous recontactons dès que possible.</h1>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</header> <!-- end of ex-header -->
<!-- end of header -->
<!-- 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>

View file

@ -29,4 +29,4 @@ ignore = [
]
[tool.ruff.per-file-ignores]
#"__init__.py" = ["F401"]
"__init__.py" = ["F401"]

View file

@ -25,7 +25,7 @@
<p>.
<!-- Contact Form -->
<form id="contactForm" name="contactForm" data-toggle="validator" data-focus="false" method="post" netlify>
<form id="contactForm" name="contactForm" data-toggle="validator" data-focus="false" method="post" action="/reservation.html" netlify>
<div class="form-group">
<input type="text" class="form-control-input" id="cname" name="name" required>
<label class="label-control" for="cname">Nom complet</label>

View file

@ -34,7 +34,7 @@
<p>Remplir et envoyer le formulaire pour réserver VillaFleurie</p>
<!-- Booking Form -->
<!-- autocomplete = off to avoid display problems in mobile view -->
<form name="bookingForm" id="bookingForm" data-toggle="validator" data-focus="false" autocomplete="off" netlify>
<form name="bookingForm" id="bookingForm" data-toggle="validator" data-focus="false" autocomplete="off" action="/reservation.html" netlify>
<div class="form-group">
<input type="text" class="form-control-input" id="name" name="name" required>
<label class="label-control" for="name">Nom complet</label>

View file

@ -0,0 +1,14 @@
{% extends "layout.html" %}
{% block content %}
<!-- Header -->
<header class="ex-header bg-gray">
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1">
<h1 class="green">Merci pour votre message. Nous vous recontactons dès que possible.</h1>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</header> <!-- end of ex-header -->
<!-- end of header -->
{% endblock %}