mirror of
https://github.com/rjNemo/villafleurie
synced 2026-06-10 20:36:46 +00:00
reservation & detail page
This commit is contained in:
Ruidy Nemausat
parent
1a4365e7a0
commit
891101efdc
7 changed files with 143 additions and 386 deletions
|
|
@ -60,14 +60,15 @@ Le visiteur doit pouvoir :
|
|||
* témoignage
|
||||
|
||||
## TO DO
|
||||
* Ajouter un bouton réserver maintenant avant le résumé => formulaire en bas
|
||||
* formatter la page réservation
|
||||
* Formatter la page de remerciement (expliquer la suite)
|
||||
* designer la page d'accueil
|
||||
* remplir les détails des logements et ajouter les photos dynamiquement
|
||||
* Les photos de la page à propos
|
||||
* Page service : navette + location
|
||||
* écrire les mentions légales
|
||||
* Gestion du calendrier
|
||||
* Ajout page/module de paiement
|
||||
* changer la couleur des liens hypertextes
|
||||
* changer l'adresse de l'admin
|
||||
* ajouter un diaporama en bas de page ?
|
||||
* ajouter les témoignages
|
||||
|
|
|
|||
|
|
@ -178,11 +178,11 @@
|
|||
<div class="w-footer-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">📞 Téléphone :</span>
|
||||
<span class="color-text-a">📞 Téléphone </span>
|
||||
<a href="tel:0698267634">06 98 26 76 34</a>
|
||||
</li>
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">✉️ Email :</span>
|
||||
<span class="color-text-a">✉️ Email </span>
|
||||
<a href="mailto:location.villafleurie@gmail.com">location.villafleurie@gmail.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -211,35 +211,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="col-sm-12 col-md-4 section-md-t3">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">International sites</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Venezuela</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">China</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Hong Kong</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Argentina</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Singapore</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Philippines</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -266,35 +237,15 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- <div class="socials-a">
|
||||
<div class="socials-a">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<a href="https://www.facebook.com/location.villafleurie/" target="blank">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="copyright-footer">
|
||||
<p class="copyright color-text-a">
|
||||
©
|
||||
|
|
|
|||
|
|
@ -39,8 +39,9 @@
|
|||
<div class="col-sm-12">
|
||||
<div class="contact-map box">
|
||||
<div id="map" class="contact-map">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.1422937950147!2d-73.98731968482413!3d40.75889497932681!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25855c6480299%3A0x55194ec5a1ae072e!2sTimes+Square!5e0!3m2!1ses-419!2sve!4v1510329142834"
|
||||
width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
|
||||
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3831.2547874074585!2d-61.48954768556058!3d16.207335988795712!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c134f148764f5d5%3A0x981bb218cee8b16c!2sVillaFleurie!5e0!3m2!1sfr!2sde!4v1573125589212!5m2!1sfr!2sde"
|
||||
width="100%" height="460" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -60,6 +60,15 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="property-summary">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="col-md-12 mb-1">
|
||||
<a href="#reservation"><button class="btn btn-a">Réserver maintenant</button></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="property-summary">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
|
|
@ -151,98 +160,16 @@
|
|||
<iframe src="https://player.vimeo.com/video/73221098" width="100%" height="460" frameborder="0"
|
||||
webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||||
</div> -->
|
||||
<!-- <div class="tab-pane fade " id="pills-plans" role="tabpanel" aria-labelledby="pills-plans-tab">
|
||||
<img src="{% static 'img/plan2.jpg' %}" alt="" class="img-fluid">
|
||||
</div> -->
|
||||
<div class="tab-pane fade show active" id="pills-map" role="tabpanel" aria-labelledby="pills-map-tab">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3831.2547874074585!2d-61.48954768556058!3d16.207335988795712!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c134f148764f5d5%3A0x981bb218cee8b16c!2sVillaFleurie!5e0!3m2!1sfr!2sde!4v1573125589212!5m2!1sfr!2sde"
|
||||
width="100%" height="460" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="row section-t3">
|
||||
<div class="col-sm-12">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">Nous contacter</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="reservation"class="row">
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<img src="{% static 'img/agent-4.jpg' %}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="property-agent">
|
||||
<h4 class="title-agent">Nilka</h4>
|
||||
<p class="color-text-a">
|
||||
Nulla porttitor accumsan tincidunt. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet
|
||||
dui. Quisque velit nisi,
|
||||
pretium ut lacinia in, elementum id enim.
|
||||
</p>
|
||||
<ul class="list-unstyled">
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Phone:</strong>
|
||||
<span class="color-text-a">(222) 4568932</span>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Mobile:</strong>
|
||||
<span class="color-text-a">777 287 378 737</span>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Email:</strong>
|
||||
<span class="color-text-a">annabella@example.com</span>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Skype:</strong>
|
||||
<span class="color-text-a">Annabela.ge</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="socials-a">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="property-contact">
|
||||
<form class="form-a" method='post'>
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb-1">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<p><button type="submit" class="btn btn-a">Envoyer</button></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include 'rental/reservation_form.html' %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -31,257 +31,53 @@
|
|||
</div>
|
||||
</section>
|
||||
<!--/ Intro Single End /-->
|
||||
|
||||
<section class="property-single nav-arrow-b">
|
||||
<div class="container">
|
||||
<div class="col-md-12">
|
||||
<p><strong>Réservez</strong> votre séjour au coeur de la station balnéaire du Gosier à deux pas des plages à un tarif sympa<strong>.</strong></p>
|
||||
<p >Notre établissement propose à la location un <strong><a href="/T2/">cosy T2</a></strong> et un <strong><a href="/T3/">spacieux T3</a></strong>. Il est <strong>idéalement situé</strong> dans le bourg du Gosier. Ainsi profitez des <strong>plages et activités</strong> de la dynamique et chaleureuse ville du Gosier tout en bénéficiant du <strong>calme</strong> nécessaire à vos séances de <i>farniente.</i></p>
|
||||
<p ><strong>Excellent rapport qualité/prix</strong> et une situation géographique qui convient parfaitement aux <strong>séjours touristiques et d’affaires</strong>.<br>Possibilité de location mensuelle de moins de 4 mois à tarifs dégressifs.</p>
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div id="reservation"class="row">
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<img src="{% static 'img/agent-4.jpg' %}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="property-agent">
|
||||
<h4 class="title-agent">Nilka</h4>
|
||||
<p class="color-text-a">
|
||||
Nulla porttitor accumsan tincidunt. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet
|
||||
dui. Quisque velit nisi,
|
||||
pretium ut lacinia in, elementum id enim.
|
||||
</p>
|
||||
<ul class="list-unstyled">
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Phone:</strong>
|
||||
<span class="color-text-a">(222) 4568932</span>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Mobile:</strong>
|
||||
<span class="color-text-a">777 287 378 737</span>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Email:</strong>
|
||||
<span class="color-text-a">annabella@example.com</span>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Skype:</strong>
|
||||
<span class="color-text-a">Annabela.ge</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="socials-a">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="property-contact">
|
||||
<form class="form-a" method='post'>
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb-1">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<p><button type="submit" class="btn btn-a">Envoyer</button></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-6">
|
||||
<div class="title-box-d">
|
||||
<h2 class="title-d">Tarifs T2</h2>
|
||||
</div>
|
||||
<ul >
|
||||
<li>55 € la nuit</li>
|
||||
<li>350 € la semaine (au lieu de 385 €)</li>
|
||||
<li>645 € pour 2 semaines (au lieu de 825 €)</li>
|
||||
<li>960 € le mois (au lieu de 1650 €)</li>
|
||||
</ul>
|
||||
<p><a href="#reservation"><button class="btn btn-a">Réserver le Cosy T2</button></a></p>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-6">
|
||||
<div class="title-box-d">
|
||||
<h2 class="title-d">Tarifs T3</h2>
|
||||
</div>
|
||||
<ul >
|
||||
<li>60 € la nuit</li>
|
||||
<li>385 € la semaine (au lieu de 420 €)</li>
|
||||
<li>705 € pour 2 semaines (au lieu de 900 €)</li>
|
||||
<li>1050 € le mois (au lieu de 1800 €)</li>
|
||||
</ul>
|
||||
<p><a href="#reservation"><button class="btn btn-a">Réserver le Spacieux T3</button></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Vous êtes intéressés ? <br/>Vérifiez les disponibilités à l'aide du calendrier ci-contre et en bas de page.</p>
|
||||
|
||||
<hr>
|
||||
<p ><em>Les tarifs ci-dessus concernent une réservation pour <strong>2 personnes</strong>. <br/> Prévoir un coût additionnel de <strong>15 € par personnes</strong> au-delà de 2 personnes. <br/>Les enfant bénéficient d'un tarif préférentiel, <strong>5 €</strong> seulement par <strong>enfant de moins de 10 ans</strong>.</em></p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{% include 'rental/reservation_form.html' %}
|
||||
|
||||
|
||||
<!--/ Contact Star /-->
|
||||
<section class="contact">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
Réservez votre séjour au coeur de la station balnéaire du Gosier à deux pas des plages à un tarif sympa.
|
||||
|
||||
Notre établissement propose à la location un cosy T2 et un spacieux T3. Il est idéalement situé dans le bourg du Gosier. Ainsi profitez des plages et activités de la dynamique et chaleureuse ville du Gosier tout en bénéficiant du calme nécessaire à vos séances de farniente.
|
||||
|
||||
Excellent rapport qualité/prix et une situation géographique qui convient parfaitement aux séjours touristiques et d’affaires.
|
||||
Possibilité de location mensuelle de moins de 4 mois à tarifs dégressifs.
|
||||
|
||||
Tarifs T2
|
||||
55 € la nuit
|
||||
350 € la semaine (au lieu de 385 €)
|
||||
645 € pour 2 semaines (au lieu de 825 €)
|
||||
960 € le mois (au lieu de 1650 €)
|
||||
Vous êtes intéressés ? Vérifiez les disponibilités à l’aide du calendrier ci-contre et en bas de page.
|
||||
|
||||
RÉSERVEZ VOTRE SÉJOUR MAINTENANT
|
||||
|
||||
|
||||
|
||||
Tarifs T3
|
||||
60 € la nuit
|
||||
385 € la semaine (au lieu de 420 €)
|
||||
705 € pour 2 semaines (au lieu de 900 €)
|
||||
1050 € le mois (au lieu de 1800 €)
|
||||
Vous êtes intéressés ?Vérifiez les disponibilités à l’aide du calendrier ci-contre et en bas de page.
|
||||
|
||||
RÉSERVEZ VOTRE SÉJOUR MAINTENANT
|
||||
|
||||
|
||||
REPORT THIS AD
|
||||
|
||||
Les tarifs ci-dessus concernent une réservation pour 2 personnes. Prévoir un coût additionnel de 15 € par personnes au-delà de 2 personnes. Les enfant bénéficient d’un tarif préférentiel, 5 € seulement par enfant de moins de 10 ans.
|
||||
|
||||
Un système de réservation en ligne sera bientôt mis en place. Patience !
|
||||
|
||||
Bien entendu, il est possible de réserver votre séjour à VillaFleurie via diverses plateformes de réservations en ligne :
|
||||
|
||||
Booking.com
|
||||
AirBnB : T2 et T3
|
||||
TripAdvisor : T2 et T3.
|
||||
Quelle que soit votre préférence, un petit message sera toujours apprécié et nous répondons très rapidement.
|
||||
</div>
|
||||
<div class="col-sm-12 section-t8">
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<form class="form-a contactForm" action="" method="post" role="form">
|
||||
<div id="sendmessage">Votre message a bie nété envoyé. Merci !</div>
|
||||
<div id="errormessage"></div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-group">
|
||||
<input type="text" name="name" class="form-control form-control-lg form-control-a" placeholder="Nom" data-rule="minlen:4" data-msg="Veuillez entrer 4 caractères minimum svp">
|
||||
<div class="validation"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-group">
|
||||
<input name="email" type="email" class="form-control form-control-lg form-control-a" placeholder="Email" data-rule="email" data-msg="Veuillez entrer une adresse valide svp">
|
||||
<div class="validation"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 mb-3">
|
||||
<div class="form-group">
|
||||
<input type="text" name="subject" class="form-control form-control-lg form-control-a" placeholder="Sujet" data-rule="minlen:4" data-msg="Veuillez entrer 8 caractères minimum svp">
|
||||
<div class="validation"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 mb-3">
|
||||
<div class="form-group">
|
||||
<textarea name="message" class="form-control" name="message" cols="45" rows="8" data-rule="required" data-msg="Laissez nous un message à lire 😁" placeholder="Message"></textarea>
|
||||
<div class="validation"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-a">Envoyer</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-md-5 section-md-t3">
|
||||
<div class="icon-box section-b2">
|
||||
<div class="icon-box-icon">
|
||||
<span class="ion-ios-paper-plane"></span>
|
||||
</div>
|
||||
<div class="icon-box-content table-cell">
|
||||
<div class="icon-box-title">
|
||||
<h4 class="icon-title">Dîtes salut 👋</h4>
|
||||
</div>
|
||||
<div class="icon-box-content">
|
||||
<p class="mb-1">✉️Email :
|
||||
<span class="color-a"><a href="mailto:location.villafleurie@gmail.com">location.villafleurie@gmail.com</a></span>
|
||||
</p>
|
||||
<p class="mb-1">📞Téléphone :
|
||||
<span class="color-a"><a href="tel:0698267634">06 98 26 76 34</a></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-box section-b2">
|
||||
<div class="icon-box-icon">
|
||||
<span class="ion-ios-pin"></span>
|
||||
</div>
|
||||
<div class="icon-box-content table-cell">
|
||||
<div class="icon-box-title">
|
||||
<h4 class="icon-title">Retrouvez-nous </h4>
|
||||
</div>
|
||||
<div class="icon-box-content">
|
||||
<p class="mb-1">
|
||||
Rue Gerty Archimède,
|
||||
<br> 97190 Le Gosier, Guadeloupe
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="icon-box">
|
||||
<div class="icon-box-icon">
|
||||
<span class="ion-ios-redo"></span>
|
||||
</div>
|
||||
<div class="icon-box-content table-cell">
|
||||
<div class="icon-box-title">
|
||||
<h4 class="icon-title">Social networks</h4>
|
||||
</div>
|
||||
<div class="icon-box-content">
|
||||
<div class="socials-footer">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Contact End /-->
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
68
rental/templates/rental/reservation_form.html
Normal file
68
rental/templates/rental/reservation_form.html
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
{% load static %}
|
||||
<section class="property-single nav-arrow-b">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row section-t3">
|
||||
<div class="col-sm-12">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">Nous contacter</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="reservation" class="row">
|
||||
<!-- <div class="col-md-4 col-lg-3">
|
||||
<img src="{% static 'img/agent-4.jpg' %}" alt="" class="img-fluid">
|
||||
</div> -->
|
||||
<div class="col-md-12 col-lg-6">
|
||||
<div class="property-agent">
|
||||
<h4 class="title-agent">Comment réserver ?</h4>
|
||||
<p class="color-text-a">
|
||||
<p style="text-align: center;"><strong>Un système de réservation en ligne sera bientôt mis en place. Patience !</strong></p>
|
||||
<p style="text-align: justify;">Bien entendu, il est possible de réserver votre séjour à VillaFleurie via diverses plateformes de réservations en ligne :</p>
|
||||
<ul style="text-align: justify;">
|
||||
<li><a href="http://www.booking.com/hotel/gp/villafleurie.html" target="_blank" rel="noopener">Booking.com</a></li>
|
||||
<li>AirBnB : <a href="https://www.airbnb.fr/rooms/11583356" target="_blank" rel="noopener">T2</a> et <a href="https://www.airbnb.fr/rooms/12584994?preview_for_ml=true" target="_blank" rel="noopener">T3</a></li>
|
||||
<li>TripAdvisor : <a href="https://www.tripadvisor.fr/VacationRentalReview-g644387-d9744507-Location_T2_calme_dans_le_bourg-Le_Gosier_Grande_Terre_Island_Guadeloupe.html" target="_blank" rel="noopener">T2</a> et <a href="https://www.tripadvisor.fr/VacationRentalReview-g644387-d9751497-Location_T3_calme_dans_le_bourg-Le_Gosier_Grande_Terre_Island_Guadeloupe.html" target="_blank" rel="noopener">T3</a>.</li>
|
||||
</ul>
|
||||
<p style="text-align: justify;">Quelle que soit votre préférence, un petit message sera toujours <a href="https://villafleurie.wordpress.com/contact/">apprécié</a> et nous répondons très rapidement.</p>
|
||||
</p>
|
||||
<ul class="list-unstyled">
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Téléphone</strong>
|
||||
<span class="color-text-a"><a href="tel:0698267634">06 98 26 76 34</a></span>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between">
|
||||
<strong>Email</strong>
|
||||
<span class="color-text-a"><a href="mailto:location.villafleurie@gmail.com">location.villafleurie@gmail.com</a></span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="socials-a">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="https://www.facebook.com/location.villafleurie/" target="blank">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-6">
|
||||
<div class="property-contact">
|
||||
<h4 class="title-agent">Formulaire de réservation</h4>
|
||||
<form class="form-a" method='post'>
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb-1">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<p><button type="submit" class="btn btn-a">Envoyer</button></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
13
rental/templates/rental/service.html
Normal file
13
rental/templates/rental/service.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
{% extends 'rental/base.html' %}
|
||||
{% load static %}
|
||||
|
||||
|
||||
<h2>La ville du Gosier</h2>
|
||||
<p style="text-align: justify;">Vous avez accès aux <strong>plages de sable fin</strong> du bourg et de la Pointe de la Verdure. L’embarcadère pour le romantique <strong>Îlet du Gosier</strong> avec son <strong>phare</strong> est à deux pas.<br />La plage de <strong>la Datcha</strong>, éclairée toute la nuit invite à la <strong>baignade nocturne</strong>.<br />Plusieurs <strong>bars de plage</strong> proposent de la <strong>musique</strong> « live » et des <strong>plats savoureux</strong>. Le <strong>Casino du Gosier</strong> offre des tables et machines à sous, ainsi qu’un restaurant et un <strong>programme d’animations</strong>.</p>
|
||||
<p style="text-align: justify;"><strong>Idéalement situé</strong> les commerces, boulangeries avec bistrot-café le matin, la Poste, plusieurs banques, pharmacies, marché aux fruits et légumes (tous les vendredis dès 15h), hôtels, bars, restaurants créole et français, coiffeur, esthéticienne sont à deux pas.</p>
|
||||
<p style="text-align: justify;">La situation de notre établissement vous donne la possibilité, si vous le souhaitez, de passer un <strong>séjour sans véhicule</strong>.</p>
|
||||
<h2>Aux alentours</h2>
|
||||
<p style="text-align: justify;">Le Gosier étant au milieu des 2 ailes de notre papillon, vous avez un <strong>large choix d’excursions</strong>, d'événements ludiques, sportifs et éducatifs.<br />Puisque certaines de ces activités nécessitent l’utilisation d’un véhicule, nous vous offrons la possibilité d’en louer un.<br />Toutefois, les <strong>arrêts de bus</strong> dans les deux directions sont situés au bout de la rue à <strong>moins de 2 minutes à pied</strong>.</p>
|
||||
<p style="text-align: justify;">Vos hôtes connaissent leur Île sur le bout des doigts. Ils se feront donc un plaisir de vous <strong>conseiller sur des sorties</strong> diurnes et nocturnes, des excursions, des randonnées, <strong>des musées</strong>, des plans "sports", les <strong>meilleures plages de l’Archipel</strong>, …</p>
|
||||
<p style="text-align: justify;">Pour plus de tranquillité, <strong>si vous le souhaitez</strong>, nous vous <strong>accueillerons à l’aéroport </strong>(20 €)<strong> ou au port maritime</strong> (15 €).</p>
|
||||
<p style="text-align: justify;">Nous parlons créole, français et anglais.</p>
|
||||
Loading…
Reference in a new issue