mirror of
https://github.com/rjNemo/villafleurie
synced 2026-06-06 02:16:47 +00:00
reservation pge
This commit is contained in:
Ruidy Nemausat
parent
de2ccb1b40
commit
16f483a9de
10 changed files with 197 additions and 33 deletions
55
README.md
55
README.md
|
|
@ -1,10 +1,8 @@
|
|||
# Villafleurie : moteur de réservation autonome
|
||||
---
|
||||
`V 0.1`
|
||||
Le site est structuré. Il reste à appliquer le contenu et les visuels.
|
||||
|
||||
`V 0.1 Le site est structuré. Il reste à appliquer le contenu et les visuels`
|
||||
|
||||
## Projet
|
||||
---
|
||||
|
||||
Créer un site vitrine présentant l'activité de Villafleurie :
|
||||
* location de logements : T2 et T3
|
||||
|
|
@ -18,52 +16,51 @@ Le visiteur doit pouvoir :
|
|||
* et pouvoir réserver
|
||||
|
||||
## Structure
|
||||
---
|
||||
|
||||
### Pages
|
||||
|
||||
1. Page d'accueil
|
||||
..* Landing page
|
||||
..* CTA = "Réserver maintenant"
|
||||
* Landing page
|
||||
* CTA = "Réserver maintenant"
|
||||
2. Page logement
|
||||
..* photos,
|
||||
..* disponibilités,
|
||||
..* tarif pour la période sélectionnée,
|
||||
* photos,
|
||||
* disponibilités,
|
||||
* tarif pour la période sélectionnée,
|
||||
3. Page réservation
|
||||
..* Entrer ses coordonnées
|
||||
..* Prépayer la réservation ou la caution,
|
||||
* Entrer ses coordonnées
|
||||
* Prépayer la réservation ou la caution,
|
||||
4. Page remerciements
|
||||
..* Expliquer les prochaines étapes
|
||||
* Expliquer les prochaines étapes
|
||||
5. Page contact
|
||||
6. Page légale
|
||||
|
||||
### Données
|
||||
|
||||
1. Logement :
|
||||
..* nom,
|
||||
..* photos,
|
||||
..* description,
|
||||
..* calendrier,
|
||||
..* tarif
|
||||
* nom,
|
||||
* photos,
|
||||
* description,
|
||||
* calendrier,
|
||||
* tarif
|
||||
|
||||
2. Client :
|
||||
..* nom,
|
||||
..* mail,
|
||||
..* téléphone,
|
||||
..* _réservation_
|
||||
* nom,
|
||||
* mail,
|
||||
* téléphone,
|
||||
* _réservation_
|
||||
|
||||
3. Réservation :
|
||||
..* _client_,
|
||||
..* _logement_,
|
||||
..* dates de calendrier,
|
||||
* _client_,
|
||||
* _logement_,
|
||||
* dates de calendrier,
|
||||
|
||||
4. Témoignages :
|
||||
..* _client_,
|
||||
..* _reservation_,
|
||||
..* témoignage
|
||||
* _client_,
|
||||
* _reservation_,
|
||||
* témoignage
|
||||
|
||||
## TO DO
|
||||
---
|
||||
|
||||
* remplir les détails des logements et ajouter les photos dynamiquement
|
||||
* afficher le logo
|
||||
* Gestion du calendrier
|
||||
|
|
|
|||
BIN
rental/.DS_Store
vendored
BIN
rental/.DS_Store
vendored
Binary file not shown.
BIN
rental/templates/.DS_Store
vendored
BIN
rental/templates/.DS_Store
vendored
Binary file not shown.
BIN
rental/templates/rental/.DS_Store
vendored
BIN
rental/templates/rental/.DS_Store
vendored
Binary file not shown.
|
|
@ -197,7 +197,7 @@
|
|||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Mentions légales</a>
|
||||
<i class="fa fa-angle-right"></i> <a href="{% url 'legal' %}">Mentions légales</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Jobs</a>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
<a href="{% url 'rental:index' %}">Accueil</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'rental:detail_place' place_name=place.name %}">Propriétés</a>
|
||||
<a href="{% url 'rental:detail_place' place_name=place.name %}">Hébergements</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
{{ place.name }}
|
||||
|
|
|
|||
163
rental/templates/rental/legal.html
Normal file
163
rental/templates/rental/legal.html
Normal file
|
|
@ -0,0 +1,163 @@
|
|||
{% extends 'rental/base.html'%}
|
||||
{% load static %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<!--/ Intro Single star /-->
|
||||
<section class="intro-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-lg-8">
|
||||
<div class="title-single-box">
|
||||
<h1 class="title-single">Mentions légales</h1>
|
||||
<span class="color-text-a">Vous souhaiter effectuer une demande de réservation ?
|
||||
Vous avez des questions, des suggestions d’amélioration ou des commentaires ?
|
||||
<br>Laissez-nous un message !</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'rental:index' %}">Accueil</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
Mentions légales
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Intro Single End /-->
|
||||
|
||||
<!--/ Contact Star /-->
|
||||
<section class="contact">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
CGU, CGV, politique de confidentialité,
|
||||
</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 bien é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 %}
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<div class="row">
|
||||
<div class="col-md-12 col-lg-8">
|
||||
<div class="title-single-box">
|
||||
<h1 class="title-single">Contactez-nous</h1>
|
||||
<h1 class="title-single">Réservation</h1>
|
||||
<span class="color-text-a">Vous souhaiter effectuer une demande de réservation ?
|
||||
Vous avez des questions, des suggestions d’amélioration ou des commentaires ?
|
||||
<br>Laissez-nous un message !</span>
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
<a href="{% url 'rental:index' %}">Accueil</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
Contact
|
||||
Réservation
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -43,6 +43,9 @@ class Contact(TemplateView):
|
|||
class Reserver(TemplateView):
|
||||
template_name = 'rental/reservation.html'
|
||||
|
||||
class Legal(TemplateView):
|
||||
template_name = 'rental/legal.html'
|
||||
|
||||
def about(request):
|
||||
context = {}
|
||||
return render(request, 'rental/about.html', context)
|
||||
|
|
|
|||
|
|
@ -10,5 +10,6 @@ urlpatterns = [
|
|||
path('contact/', views.Contact.as_view(), name='contact'),
|
||||
path('a-propos/', views.about, name='about'),
|
||||
path('reservation/', views.Reserver.as_view(), name='reservation'),
|
||||
path('legal/', views.Legal.as_view(), name='legal'),
|
||||
path('', include('rental.urls', namespace='rental')),
|
||||
]
|
||||
|
|
|
|||
Loading…
Reference in a new issue