Première MAJ
Nottoyage code PHP, Relocalisation des repertoires, MVC amélioré sans PHP Modification des liens JQuery, Bootstrap
This commit is contained in:
Christian Cunat-Brulé
227
les_ecuries_de_la_boissiere/vue/about_us/index.php
Normal file
227
les_ecuries_de_la_boissiere/vue/about_us/index.php
Normal file
@@ -0,0 +1,227 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<!--==============================content================================-->
|
||||
<section id="content" class="page-content">
|
||||
<div class="container_12 padcontent">
|
||||
<!--Description à propos-->
|
||||
<div class="box-3 marg5">
|
||||
<h2>À propos de nous</h2>
|
||||
<div class="wrap">
|
||||
<figure class="page2-pic"><img src="./images/about_us/About_us_imgIntro.jpg" alt="" class="image-border img-indent"></figure>
|
||||
<div class="extra-wrap">
|
||||
<p class="text-4 pad4">Notre centre équestre est agréé Ecole Française d'Equitation et encadré par 2 moniteurs diplômés d'Etat.</p>
|
||||
<p class="text-7 pad5">
|
||||
La cavalerie du centre équestre est composée de 12 chevaux adaptés au niveau de chaque cavalier.
|
||||
L'enseignement de l'équitation est réparti sur plusieurs cours en fonction du niveau équestre du cavalier, qu'il soit débutant ou confirmé.</p>
|
||||
<p class="text-7 pad12">Les cours permettrons à chaque cavalier de progresser au travers de diverses disciplines équestres (dressage, obstacles, cross, etc…), ce qui l'amènera s'il le désir, à la préparation des examens fédéraux (galops 1 à 7), ainsi qu'à la compétition.
|
||||
Le club met à votre disposition des installations modernes et agréables.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Description d'installation-->
|
||||
<div class="box-7">
|
||||
|
||||
<h2>Installations</h2>
|
||||
<p class="text-7 pad8">Le Centre Equestre vous propose diverses installations accéssibles a tous.</p>
|
||||
<!--Description d'installation POP-UP Lien-->
|
||||
<ul class="list1">
|
||||
|
||||
|
||||
<li><a data-toggle="modal" data-target="#myModal1">> 2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
|
||||
<div id="myModal1" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Carrières d'obstacles : 90 x 40 / 80 x 50</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgCarO.jpg" height="400" width="600">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<!-- <button type="button" class="btn-close" data-dismiss="modal">Fermer</button>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<li><a data-toggle="modal" data-target="#myModal2">> 1 Carrière d'entraînement : 50 x 40</a></li>
|
||||
<div id="myModal2" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Carrière d'entraînement : 50 x 40</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgCarE.jpg" height="400" width="600">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<li><a data-toggle="modal" data-target="#myModal3">> 1 Carrière de dressage : 65 x 30</a></li>
|
||||
<div id="myModal3" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Carrière de dressage : 65 x 30</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgCarD.jpg" height="400" width="600">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<li><a data-toggle="modal" data-target="#myModal4">> 1 Manège couvert et éclairé : 30m x 20m</a></li>
|
||||
<div id="myModal4" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Manège couvert et éclairé 30m x 20m</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgManege.jpg" height="400" width="600">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<li><a data-toggle="modal" data-target="#myModal5">> 37 Boxes de 3m x 3m</a></li>
|
||||
<div id="myModal5" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Boxes</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgBoxe.jpg" height="400" width="600">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<li><a data-toggle="modal" data-target="#myModal6">> 1 Stabulation</a></li>
|
||||
<div id="myModal6" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Stabulation</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgStabulation.jpg" height="400" width="600">
|
||||
<p>Pour les poneys ou le poulinage</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<li><a data-toggle="modal" data-target="#myModal7">> 7 Paddocks avec ou sans abris et 2 prés</a></li>
|
||||
<div id="myModal7" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Paddocks et Prés</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgPres.jpg" height="400" width="600">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<li><a data-toggle="modal" data-target="#myModal8">> 1 Rond de longe</a></li>
|
||||
<div id="myModal8" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Rond de longe</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgRondLonge.jpg" onerror="this.onerror=null;this.src='./about_us_files/image/about_us/About_us_img00.jpg';" height="400" width="600">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
<p class="text-7 marg8">Que se soit pour les cours les concours ou vos cheveaux tous est fait pour travailler et pour le bien de votre cheval.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid_12 marg9">
|
||||
|
||||
<h2>Rencontrez nos favoris</h2>
|
||||
<div class="grid_8">
|
||||
|
||||
|
||||
<div class="fleft">
|
||||
<img id="image-border" alt="" src= './images/about_us/About_us_img01.jpg'>
|
||||
<div class="about-desc">
|
||||
<center><p class="text-8">Cacao</p></center>
|
||||
<p class="text-7"><
|
||||
STENSON de
|
||||
7 ans et de robe
|
||||
ALEZANE appartenant au CLUB</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
58
les_ecuries_de_la_boissiere/vue/contact_us/index.php
Normal file
58
les_ecuries_de_la_boissiere/vue/contact_us/index.php
Normal file
@@ -0,0 +1,58 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<!--==============================content================================-->
|
||||
<section id="content" class="page-content">
|
||||
<div class="container_12 padcontent">
|
||||
<!--Information de contact-->
|
||||
<div class="grid_5">
|
||||
<h2>Trouvez nous</h2>
|
||||
<div class="map image-border">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2646.700501475971!2d2.296194451504442!3d48.443087679147055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e5c68657aaa85f%3A0xbbe2b815619dc1e!2sLes+%C3%89curies+de+la+Boissi%C3%A8re!5e0!3m2!1sfr!2sfr!4v1476032117547" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<dl>
|
||||
<dd class="text-4">Les Ecuries de la Boissiere<br>
|
||||
Route de la Ferte-Alais / D 145<br>
|
||||
91590 ORVEAU</dd>
|
||||
<dd><span>Telephone:</span>01.64.57.58.77</dd>
|
||||
<dd><span>Mobile :</span>06.72.00.55.65</dd>
|
||||
<dd>E-mail: <a href="mailto:ecuriesboissiere@gmail.com" class="link2">ecuriesboissiere@gmail.com</a></dd>
|
||||
</dl>
|
||||
</div>
|
||||
<!--Formulaire Contact-->
|
||||
<div class="grid_7">
|
||||
<h2>Entrer en contact</h2>
|
||||
<form id="form" method="post" action="contact_us.php">
|
||||
<fieldset>
|
||||
<label class="name">
|
||||
<input type="text" name="subject" value="<?php if (isset($_POST['subject'])){echo $_POST['subject'];} ?>" id="name" required placeholder="Nom:">
|
||||
<span class="error error-empty" style="display: none;">*Ce n'est pas un nom valide .</span><span class="empty error-empty" style="display: none;">*Ce champ est requis.</span> </label>
|
||||
<label class="email">
|
||||
<input type="email" name="email" value="<?php if (isset($_POST['email'])){echo $_POST['email'];} ?>" id="email" required placeholder="Email:">
|
||||
<span class="error error-empty" style="display: none;">*Cette adresse email n'est pas valide.</span><span class="empty error-empty" style="display: none;">*Ce champ est requis.</span> </label>
|
||||
<label class="phone">
|
||||
<input type="tel" name="numphone" value="<?php if (isset($_POST['numphone'])){echo $_POST['numphone'];} ?>" id="phone" required placeholder="Téléphone:">
|
||||
<span class="error error-empty" style="display: none;">*Ce n'est pas un numéro de téléphone valide.</span><span class="empty error-empty" style="display: none;">*Ce champ est requis.</span> </label>
|
||||
<label class="message">
|
||||
<textarea name="messages" id="message" required placeholder="Message"><?php echo @$_POST['messages']; ?></textarea>
|
||||
<span class="error" style="display: none;">*Le message est trop court .</span> <span class="empty" style="display: none;">*Ce champ est requis.</span>
|
||||
</label>
|
||||
|
||||
</fieldset>
|
||||
<button type="submit" value="Envoyer" class="button-3" onclick="Alerte()">Envoyer </button>
|
||||
<div class="success" >Formulaire de contact envoyé! <strong>Nous serons en contact bientot.</strong> </div>
|
||||
</form><br>
|
||||
</div>
|
||||
<!--Div Format-->
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
150
les_ecuries_de_la_boissiere/vue/event/index.php
Normal file
150
les_ecuries_de_la_boissiere/vue/event/index.php
Normal file
@@ -0,0 +1,150 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<!--==============================content================================-->
|
||||
<section id="content" class="page-content">
|
||||
<div class="container_12 padcontent">
|
||||
<!--Div Trie-->
|
||||
<div class="grid_3">
|
||||
|
||||
<h2>Trier</h2>
|
||||
<ul class="list2 margpad3">
|
||||
<li><a class="onglet_0 onglet" id="onglet_tous" onclick="javascript:change_onglet('tous');">Tous les événements</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_decembre" onclick="javascript:change_onglet('decembre');">Décembre 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_novembre" onclick="javascript:change_onglet('novembre');"">Novembre 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_octobre" onclick="javascript:change_onglet('octobre');">Octobre 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_septembre" onclick="javascript:change_onglet('septembre');">Septembre 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_aout" onclick="javascript:change_onglet('aout');"">Août 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_juillet" onclick="javascript:change_onglet('juillet');"">Juillet 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_juin" onclick="javascript:change_onglet('juin');"">Juin 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_mai" onclick="javascript:change_onglet('mai');"">Mai 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_avril" onclick="javascript:change_onglet('avril');"">Avril 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_mars" onclick="javascript:change_onglet('mars');">Mars 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_fevrier" onclick="javascript:change_onglet('fevrier');">Février 2017</a></li>
|
||||
<li><a class="onglet_0 onglet" id="onglet_janvier" onclick="javascript:change_onglet('janvier');">Janvier 2017</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--Affichage Event-->
|
||||
<div class="grid_9E">
|
||||
<div class="contenu_onglets">
|
||||
|
||||
<!--Filtre Tous-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_tous">
|
||||
<h2>Evénements à venir</h2>
|
||||
|
||||
<!--Titre-->
|
||||
<div class="wrap marg21">
|
||||
<p class="colorbold pad1">Event1</p>
|
||||
<div class="event-lieu">
|
||||
<p class="text-17">Organisé à Orveau-
|
||||
</div>
|
||||
<div class="event-date">
|
||||
<p class="text-17">'2017-07-13 17:00:00'</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--Description-->
|
||||
<div class="wrap ">
|
||||
<img src='./images/event/Event_img32.jpg' alt="" class="image-border img-indent4">
|
||||
<div class="extra-wrap box-6">
|
||||
|
||||
<p class="text-7 pad13">BlablaEvent</p>
|
||||
<!--<a href="event.php#" class="button-1 style" style="color:red">Participer</a>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!--Filtre Janvier-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_janvier">
|
||||
<h2>Evénements en janvier</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Fevrier-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_fevrier">
|
||||
<h2>Evénements en février</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Mars-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_mars">
|
||||
<h2>Evénements en mars</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Avril-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_avril">
|
||||
<h2>Evénements en avril</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Mai-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_mai">
|
||||
<h2>Evénements en mai</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Juin-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_juin">
|
||||
<h2>Evénements en juin</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Juillet-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_juillet">
|
||||
<h2>Evénements en juillet</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Aout-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_aout">
|
||||
<h2>Evénements en août</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Septembre-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_septembre">
|
||||
<h2>Evénements en septembre</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Octobre-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_octobre">
|
||||
<h2>Evénements en octobre</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Novembre-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_novembre">
|
||||
<h2>Evénements en novembre</h2>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Filtre Décembre-->
|
||||
<div class="contenu_onglet" id="contenu_onglet_decembre">
|
||||
<h2>Evénements en décembre</h2>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--Div Format-->
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!--Open Begin Page-->
|
||||
<script type="text/javascript">
|
||||
var anc_onglet = 'tous';
|
||||
change_onglet(anc_onglet);
|
||||
</script>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
21
les_ecuries_de_la_boissiere/vue/footer.php
Normal file
21
les_ecuries_de_la_boissiere/vue/footer.php
Normal file
@@ -0,0 +1,21 @@
|
||||
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script type="text/javascript" src="./js/script.js"></script>
|
||||
<!--Bootstrap-->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
|
||||
<!--Bootstrap-->
|
||||
<footer>
|
||||
<div class="footcont">
|
||||
<div class="fleft">
|
||||
<a href="http://www.ecuries-boissiere.com/" target="_blank" class="footic-1"></a>
|
||||
<a href="home.php#" class="footic-2"></a>
|
||||
<a href="https://www.facebook.com/pages/Les-%C3%89curies-de-la-Boissi%C3%A8re/532820556840979" target="_blank" class="footic-3"></a>
|
||||
<a href="home.php#" class="footic-4"></a>
|
||||
</div>
|
||||
<div class="fright">
|
||||
<p> Les Ecuries de la Boissière © 2017 Tous droits réservés <span>|</span> <a href="privacy_policy.php">Politique de confidentialité</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
37
les_ecuries_de_la_boissiere/vue/header.php
Normal file
37
les_ecuries_de_la_boissiere/vue/header.php
Normal file
@@ -0,0 +1,37 @@
|
||||
<!--==============================header=================================-->
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Les Ecuries de la Boissiere</title>
|
||||
<link rel="shortcut icon" href="/images/all/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
|
||||
|
||||
|
||||
</head>
|
||||
<header>
|
||||
<!-- Affichage En tête -->
|
||||
<div class="main">
|
||||
<h1><a href="home.php"><img src="./images/all/logo.png" alt=""></a></h1>
|
||||
<!-- Bouton de Navigation des pages -->
|
||||
<nav>
|
||||
<ul class="sf-menu sf-js-enabled">
|
||||
<li><a href="home.php">accueil</a></li>
|
||||
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="about_us.php">à propos de nous <span class="caret"></span></a>
|
||||
<div class="dropdown-content"> <span class="arrow1"></span>
|
||||
<a href="about_us.php">Le Centre</a>
|
||||
<a href="price_list.php">Tarifs</a>
|
||||
<a href="contact_us.php">Contactez-nous</a>
|
||||
</div></li>
|
||||
<li><a href="shop.php">boutique</a></li>
|
||||
<li><a href="news.php">actualités</a></li>
|
||||
<li><a href="event.php">événements</a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
53
les_ecuries_de_la_boissiere/vue/home/index.php
Normal file
53
les_ecuries_de_la_boissiere/vue/home/index.php
Normal file
@@ -0,0 +1,53 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<!--==============================content================================-->
|
||||
<section id="content" class="main-content">
|
||||
<div class="container_12 padcontent">
|
||||
<div class="grid_12">
|
||||
<!--Haut de page-->
|
||||
<div id="slideshowhome">
|
||||
<ul id="sContent">
|
||||
<li><img src="./images/home/Home_img01.jpg" alt="Image1" style="width: 940px; height: 500px;" /></li>
|
||||
<li><img src="./images/home/Home_img02.jpg" alt="Image2" style="width: 940px; height: 500px;" /></li>
|
||||
<li><img src="./images/home/Home_img03.jpg" alt="Image3" style="width: 940px; height: 500px;" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="banner-1">
|
||||
<div class="bannerup"></div>
|
||||
<div class="bannercenter">
|
||||
<p class="text-1"> Les Ecuries de la Boissière </p>
|
||||
<p class="text-2">Situées à 40 Km de Paris, en plein cœur du Parc du Gâtinais, les Ecuries de la Boissière vous accueillent dans un écrin de verdure...<br/><br>
|
||||
Vous y découvrirez, dans des infrastructures modernes et de qualité, une équitation sportive et ludique encadrée par des enseignants compétents.
|
||||
Diverses activités vous sont proposées: de l'initiation à la compétition, sans oublier la formation et la préparation aux examens fédéraux.<br/><br/>
|
||||
Bonne saison 2016/2017 !!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Bas de page-->
|
||||
<div class="box-2">
|
||||
<h2>Nouvelles</h2>
|
||||
<div class="wrap marg1">
|
||||
<div class="numbox img-indent3"><span>Mai</span>
|
||||
<strong>23</strong></div>
|
||||
<div class="extra-wrap">
|
||||
<p class="colorbold marg3 pad1"><a href="./news.php" class="link">Event1</a></p>
|
||||
<p class="text-7">BlablaEvent</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Div Format-->
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
43
les_ecuries_de_la_boissiere/vue/news/index.php
Normal file
43
les_ecuries_de_la_boissiere/vue/news/index.php
Normal file
@@ -0,0 +1,43 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<!--==============================content================================-->
|
||||
<section id="content" class="page-content">
|
||||
<div class="container_12 padcontent">
|
||||
<div class="grid_9">
|
||||
<center><h2>Dernières nouvelles</h2></center>
|
||||
|
||||
<div class="content-news" id="">
|
||||
<div class="wrap marg13">
|
||||
<div class="numbox img-indent3">
|
||||
<span>Juin</span>
|
||||
<strong>10</strong></div>
|
||||
<div class="extra-wrap">
|
||||
<p class="colorbold marg3 pad1">Event1</p>
|
||||
<!-- <p class="text-16">Posté par Admin <span>46 Commentaire(s)</span></p>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap marg17">
|
||||
<img src='./images/event/Event_img31.jpg' alt="" class="image-border img-indent4">
|
||||
<div class="extra-wrap box-5">
|
||||
<!--<p class="text-12">Anniversaire du Club</p>-->
|
||||
<p class="text-7news pad6">BlablaEvent</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Div Format-->
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
191
les_ecuries_de_la_boissiere/vue/price_list/index.php
Normal file
191
les_ecuries_de_la_boissiere/vue/price_list/index.php
Normal file
@@ -0,0 +1,191 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<!--==============================content================================-->
|
||||
<section id="content" class="page-content">
|
||||
<div class="container_12 padcontent">
|
||||
<div class="grid_9">
|
||||
<center><h2>Tarifs 2016-2017</h2></center><br>
|
||||
<!--Affichage Flèche de direction-->
|
||||
<a class="prev" onclick="plusSlides(-1)">❮</a>
|
||||
<a class="next" onclick="plusSlides(1)">❯</a>
|
||||
<!--Affichage Bouton position -->
|
||||
<div style="text-align:center">
|
||||
<span class="dot" title="Cotisations" onclick="currentSlide(1)"></span>
|
||||
<span class="dot" title="Leçons" onclick="currentSlide(2)"></span>
|
||||
<span class="dot" title="Coût pour propriétaire" onclick="currentSlide(3)"></span>
|
||||
<span class="dot" title="Cavaliers de passage" onclick="currentSlide(4)"></span>
|
||||
<span class="dot" title="Stage d’équitation" onclick="currentSlide(5)"></span>
|
||||
</div>
|
||||
<br>
|
||||
<!--Affichage Tarif-->
|
||||
<div class="slideshow-container">
|
||||
|
||||
<div class="mySlides fade-tarif">
|
||||
<div class="numbertext">1 / 5</div>
|
||||
<center><img src="./images/price_list/Tarif1.jpg" class="img-tarif"></center>
|
||||
<div class="text">
|
||||
<p class="colorbold marg3 pad1"">Cotisations</p>
|
||||
<p class="text-7price pad6"><br>
|
||||
• Baby poney de 2 à 4 ans ..................................offerte <br>
|
||||
• Moins de 16 ans................................................125 €<br>
|
||||
• Adultes..........................................................158 €<br>
|
||||
• Famille (parents + enfant(s) -18ans)......................280 €<br>
|
||||
• Baby poney de 2 à 4 ans ..................................offerte<br>
|
||||
</p>
|
||||
<p class="colorbold marg3 pad1">Licence Fédéral</p>
|
||||
<p class="text-7price pad6"><br>
|
||||
• Né(e) en 1997 & après.........................................25 €<br>
|
||||
• Né(e) en 1996 & avant.........................................36 €<br>
|
||||
</p>
|
||||
<p class="colorbold marg3 pad1">Licence Compétition </p>
|
||||
<p class="text-7price pad6"><br>
|
||||
• Compétition PRO..............................................330 €<br>
|
||||
• Compétition Amateur.........................................80 €<br>
|
||||
• Compétition Club........................................Gratuite<br>
|
||||
</p>
|
||||
<p class="colorbold marg3 pad1">Compétition :</p>
|
||||
<p class="text-7price pad6"><br>
|
||||
• Engagement................................................variable<br>
|
||||
• Forfait Concours interne.......22 € + prix de l'engagement<br>
|
||||
• Forfait Concours externe ...... 56€ + pris de l'engagement
|
||||
</p><br></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mySlides fade-tarif">
|
||||
<div class="numbertext">2 / 5</div>
|
||||
<center><img src="./images/price_list/Tarif2.jpg" class="img-tarif"></center>
|
||||
<div class="text">
|
||||
<p class="colorbold marg3 pad1">Leçons</p>
|
||||
<p class="text-7price pad6"><br>
|
||||
<b>Membre non propriétaire d'un équidé :<br><br></b>
|
||||
• Carte 10h cheval/poney................................183 €<br>
|
||||
Comprenant le droit d'accès à 122€ et l'enseignement de 10 leçons à 61€<br>
|
||||
• Carte 10h pour les - de 8 ans..........................168 €<br>
|
||||
Comprenant le droit d'accès à 112€ et l'enseignement de 10 leçons à 56€<br>
|
||||
• Carte baby poney valable 3 mois ....................113 €<br>
|
||||
Comprenant le droit d'accès à 75€ et l'enseignement de 10 leçons à 38€<br>
|
||||
• Leçon particulière.............................2h de carte<br><br>
|
||||
<b> Membre Propriétaire d'un équidé :<br><br></b>
|
||||
• Cartes 10h.......................................136 €<br>
|
||||
Comprenant le droit d'accès à 90€ et l'enseignement de 10 leçons à 45€<br>
|
||||
• Leçon particulière............2h de carte<br>
|
||||
Forfait de 15 leçons valable 15 semaines dont 2 séances offertes :<br>
|
||||
• Forfait Cheval/ Poney ................................241 €<br>
|
||||
Comprenant le droit d'accès à 160€ et l'enseignement de 10 leçons à 81€<br>
|
||||
• Forfait pour les - de 8 ans ...........................219 €<br>
|
||||
Comprenant le droit d'accès à 146€ et l'enseignement de 10 leçons à 73€<br>
|
||||
• Forfait 3 h de cours par semaine..........................291€/mois
|
||||
</p><br></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mySlides fade-tarif">
|
||||
<div class="numbertext">3 / 5</div>
|
||||
<center><img src="./images/price_list/Tarif3.jpg" class="img-tarif"></center>
|
||||
<div class="text">
|
||||
<p class="colorbold marg3 pad1">Coût global mensuel pour un propriétaire</p>
|
||||
<p class="text-7price pad6"><br>
|
||||
<b>Chevaux:<br><br></b>
|
||||
• Formule box classique.................................498€/mois<br>
|
||||
- Formule box sorties luxe..............................528€/mois <br>
|
||||
• Formule box grand lux copeaux + sorties.........558€/mois <br>
|
||||
• Formule box sérénité..................................331€/mois <br><br>
|
||||
<b>Poney:<br><br></b>
|
||||
• Formule box.............................................446€/mois<br>
|
||||
• Formule box + sorties.................................476€/mois<br><br>
|
||||
<b>Paddock<br><br></b>
|
||||
• Formule paddock détente............................270€/mois<br>
|
||||
• Formule paddock détente plus......................300€/mois<br><br>
|
||||
<b>Champmotteux:<br><br></b>
|
||||
• Formule Pré évasion ..................................240€/mois<br>
|
||||
• Formule Pré évasion confort ........................350€/mois
|
||||
</p><br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mySlides fade-tarif">
|
||||
<div class="numbertext">4 / 5</div>
|
||||
<center><img src="./images/price_list/Tarif4.jpg" class="img-tarif"></center>
|
||||
<div class="text">
|
||||
<p class="colorbold marg3 pad1">Cavaliers de Passage </p>
|
||||
<p class="text-7price pad6"><br>
|
||||
• 1h Cheval / Poney..............................................30 €<br>
|
||||
• 1h Poney Shetland..............................................26 €<br>
|
||||
• Leçon particulière: Cheval / Poney........................52 €<br>
|
||||
• Pension box Cheval......................................29€/jour<br>
|
||||
• Pension box Poney.......................................22€/jour<br>
|
||||
• Promenade en main 1/2h.....................................11 €<br>
|
||||
• Promenade en main 1h........................................16 €<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mySlides fade-tarif">
|
||||
<div class="numbertext">5 / 5</div>
|
||||
<center><img src="./images/price_list/Tarif5.jpg" class="img-tarif"></center>
|
||||
<div class="text">
|
||||
<p class="colorbold marg3 pad1">Stage d’Equitation</p><br>
|
||||
<p class="text-7price pad6">
|
||||
<b>Adhérents: <br><br></b>
|
||||
• 1 semaine.......................................................282 €<br>
|
||||
• 1 journée (1/2 pension).......................................62 €<br>
|
||||
• 1/2 journée......................................................45 €<br><br>
|
||||
<b>Cavalier de Passage:<br><br></b>
|
||||
• 1 semaine.......................................................307 €<br>
|
||||
• 1/2 pension......................................................69 €<br>
|
||||
• 1/2 journée......................................................52 €
|
||||
</p><br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Open Begin Page & initialisation-->
|
||||
<script>
|
||||
var slideIndex = 1;
|
||||
showSlides(slideIndex);
|
||||
|
||||
function plusSlides(n) {
|
||||
showSlides(slideIndex += n);
|
||||
}
|
||||
|
||||
function currentSlide(n) {
|
||||
showSlides(slideIndex = n);
|
||||
}
|
||||
|
||||
function showSlides(n) {
|
||||
var i;
|
||||
var slides = document.getElementsByClassName("mySlides");
|
||||
var dots = document.getElementsByClassName("dot");
|
||||
if (n > slides.length) {slideIndex = 1}
|
||||
if (n < 1) {slideIndex = slides.length}
|
||||
for (i = 0; i < slides.length; i++) {
|
||||
slides[i].style.display = "none";
|
||||
}
|
||||
for (i = 0; i < dots.length; i++) {
|
||||
dots[i].className = dots[i].className.replace(" active", "");
|
||||
}
|
||||
slides[slideIndex-1].style.display = "block";
|
||||
dots[slideIndex-1].className += " active";
|
||||
}
|
||||
</script>
|
||||
|
||||
<!--Div Format-->
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
63
les_ecuries_de_la_boissiere/vue/privacy_policy/index.php
Normal file
63
les_ecuries_de_la_boissiere/vue/privacy_policy/index.php
Normal file
@@ -0,0 +1,63 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<!--==============================content================================-->
|
||||
<section id="content" class="page-content">
|
||||
<div class="container_12 padcontent">
|
||||
<div class="grid_9">
|
||||
<h2>Politique de confidentialité</h2><br>
|
||||
<p class="text-7 marg19">Collecte des renseignements personnels<br>
|
||||
Les renseignements personnels que nous collectons sont recueillis au travers de formulaires et grâce
|
||||
à l'interactivité établie entre vous et notre site Web. Nous utilisons également, comme indiqué dans
|
||||
la section suivante, des fichiers témoins et/ou journaux pour réunir des informations vous
|
||||
concernant. </p>
|
||||
<p class="text-7 marg21">Formulaires et interactivité:<br>
|
||||
Vos renseignements personnels sont collectés par le biais de formulaire, à savoir :<br>
|
||||
- Formulaire d'inscription au site Web<br>
|
||||
Nous utilisons les renseignements ainsi collectés pour les finalités suivantes :<br>
|
||||
- Contact</p>
|
||||
<p class="text-7 marg21">Droit d'opposition et de retrait<br>
|
||||
Nous nous engageons à vous offrir un droit d'opposition et de retrait quant à vos renseignements
|
||||
personnels.
|
||||
Le droit d'opposition s'entend comme étant la possibilité offerte aux internautes de refuser que leurs
|
||||
renseignements personnels soient utilisés à certaines fins mentionnées lors de la collecte.
|
||||
Le droit de retrait s'entend comme étant la possibilité offerte aux internautes de demander à ce que
|
||||
leurs renseignements personnels ne figurent plus, par exemple, dans une liste de diffusion.
|
||||
</p>
|
||||
<p class="text-7 marg21">Droit d'accès<br>
|
||||
Nous nous engageons à reconnaître un droit d'accès et de rectification aux personnes concernées
|
||||
désireuses de consulter, modifier, voire radier les informations les concernant.
|
||||
</p>
|
||||
<p class="text-7 marg21">Sécurité<br>
|
||||
Les renseignements personnels que nous collectons sont conservés dans un environnement sécurisé.
|
||||
Les personnes travaillant pour nous sont tenues de respecter la confidentialité de vos informations.
|
||||
Pour assurer la sécurité de vos renseignements personnels, nous avons recours aux mesures
|
||||
suivantes :<br>
|
||||
- Gestion des accès - personne autorisée<br>
|
||||
- Gestion des accès - personne concernée<br>
|
||||
- Logiciel de surveillance du réseau<br>
|
||||
- Sauvegarde informatique<br>
|
||||
- Développement de certificat numérique<br>
|
||||
- Identifiant / mot de passe<br>
|
||||
- Pare-feu (Firewalls)<br>
|
||||
Nous nous engageons à maintenir un haut degré de confidentialité en intégrant les dernières
|
||||
innovations technologiques permettant d'assurer la confidentialité de vos transactions. Toutefois,
|
||||
comme aucun mécanisme n'offre une sécurité maximale, une part de risque est toujours présente
|
||||
lorsque l'on utilise Internet pour transmettre des renseignements personnels. </p>
|
||||
|
||||
<p class="text-7 marg21">Législation<br>
|
||||
Nous nous engageons à respecter les dispositions législatives françaises</p>
|
||||
<p class="text-7 marg21">E-mail: <a href="mailto:info@security.org" class="link2">info@security.org</a></p>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
72
les_ecuries_de_la_boissiere/vue/shop/index.php
Normal file
72
les_ecuries_de_la_boissiere/vue/shop/index.php
Normal file
@@ -0,0 +1,72 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<!--==============================content================================-->
|
||||
<section id="content" class="page-content">
|
||||
<div class="container_12 padcontent">
|
||||
<center><h2>Produit actuellement en vente</h2></center><br>
|
||||
<!--information page-->
|
||||
<div class="padright">
|
||||
<p class="text-4i">Une très large gamme de produits destinés à la pratique de l’équitation
|
||||
afin de pratiquer ce noble sport de la manière la plus efficace possible.
|
||||
La performance lors d’un entraînement de montage ou lors d’un concours de saut d’obstacles
|
||||
dépend également de l’équipement choisi par le cavalier. </p>
|
||||
</div>
|
||||
<center><a href="./contact_us.php"><h3> Pour tout renseignement ou achat contacter le Club </h3></a></center> <br>
|
||||
<!--Liste Article-->
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
||||
<div class=shop-desc>
|
||||
<p class="text-12">Nom Article</p>
|
||||
<p class="text-12">20 €</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
||||
<div class=shop-desc>
|
||||
<p class="text-12">Nom Article</p>
|
||||
<p class="text-12">20 €</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
||||
<div class=shop-desc>
|
||||
<p class="text-12">Nom Article</p>
|
||||
<p class="text-12">20 €</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
||||
<div class=shop-desc>
|
||||
<p class="text-12">Nom Article</p>
|
||||
<p class="text-12">20 €</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
||||
<div class=shop-desc>
|
||||
<p class="text-12">Nom Article</p>
|
||||
<p class="text-12">20 €</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Div Format-->
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
Reference in New Issue
Block a user