MAJ 2
MAJ général - Ajout suppression d'élément - CSS centralisé sur Bootstrap - Evenement repensé avec du JS - Modification du MVC - Import du contenu site original (temp) . . .
This commit is contained in:
Christian Cunat-Brulé
@@ -1,227 +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="container">
|
||||
<!--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">
|
||||
<div class="media">
|
||||
<figure><img class="rounded" src="./images/about_us/About_us_imgIntro.jpg" alt=""></figure>
|
||||
<div class="media-body">
|
||||
<p>Notre centre équestre est agréé Ecole Française d'Equitation et encadré par 2 moniteurs diplômés d'Etat.</p>
|
||||
<p>
|
||||
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.
|
||||
<p>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">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<h2>Installations</h2>
|
||||
<p class="text-7 pad8">Le Centre Equestre vous propose diverses installations accéssibles a tous.</p>
|
||||
<p>Le Centre Equestre vous propose diverses installations accéssibles a tous.<br>
|
||||
Que se soit pour les cours les concours ou vos cheveaux tous est fait pour travailler et pour le bien de votre cheval.</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">
|
||||
<ul class="list-group" style="list-style:circle">
|
||||
<li><a data-toggle="modal" data-target="#myModal1">2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
|
||||
<li><a data-toggle="modal" data-target="#myModal2">1 Carrière d'entraînement : 50 x 40</a></li>
|
||||
<li><a data-toggle="modal" data-target="#myModal3">1 Carrière de dressage : 65 x 30</a></li>
|
||||
<li><a data-toggle="modal" data-target="#myModal4">1 Manège couvert et éclairé : 30m x 20m</a></li>
|
||||
<li><a data-toggle="modal" data-target="#myModal5">37 Boxes de 3m x 3m</a></li>
|
||||
<li><a data-toggle="modal" data-target="#myModal6">1 Stabulation</a></li>
|
||||
<li><a data-toggle="modal" data-target="#myModal7">7 Paddocks avec ou sans abris et 2 prés</a></li>
|
||||
<li><a data-toggle="modal" data-target="#myModal8">1 Rond de longe</a></li>
|
||||
</ul>
|
||||
<!-- Modal1 -->
|
||||
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalCenterTitle">2 Carrières d'obstacles : 90 x 40 / 80 x 50</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgCarO.jpg" style="width:100%">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal2 -->
|
||||
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalCenterTitle">Carrière d'entraînement : 50 x 40</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgCarE.jpg" style="width:100%">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal3 -->
|
||||
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalCenterTitle">Carrière de dressage : 65 x 30</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgCarD.jpg" style="width:100%">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal4 -->
|
||||
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalCenterTitle">Manège couvert et éclairé 30m x 20m</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgManege.jpg" style="width:100%">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal5 -->
|
||||
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalCenterTitle">Boxes</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgBoxe.jpg" style="width:100%">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal6 -->
|
||||
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalCenterTitle">Stabulation pour poneys ou poulinage</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgStabulation.jpg" style="width:100%">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal7 -->
|
||||
<div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalCenterTitle">Paddocks et Prés</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgPres.jpg" style="width:100%">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal8 -->
|
||||
<div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalCenterTitle">Rond de longe</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<img class="modal-image" src="./images/about_us/About_us_imgRondLonge.jpg" style="width:100%">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br><h2>Enseignants</h2>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<img id="image-border" class="rounded" alt="" src="./images/about_us/jp.jpg" style="height:100%;max-height:350px">
|
||||
<div class="about-desc">
|
||||
<h5>Jean-Philippe BERTHIER</h5>
|
||||
<p>Monitorat BEES1 obtenu en 2004 / Responsable du Centre Equestre</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img id="image-border" class="rounded" alt="" src="./images/about_us/marianne.jpg" style="height:100%;max-height:350px">
|
||||
<div class="about-desc">
|
||||
<h5>Marianne BERTHIER</h5>
|
||||
<p>Monitorat BPJEPS obtenu en 2012</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
</div>
|
||||
@@ -1,58 +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")
|
||||
?>
|
||||
<div class="container-fluid">
|
||||
<section id="content" class="page-content">
|
||||
<div class="container">
|
||||
<div><h2>Trouvez nous</h2></div><br>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="map-responsive">
|
||||
<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" frameborder="0" style="border:0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col"><dl><dd>
|
||||
Coordonnées GPS :<br>
|
||||
Lat: 48.442 433 Long: 2.299016
|
||||
</dd>
|
||||
<dd>
|
||||
Les Ecuries de la Boissiere<br>
|
||||
Route de la Ferte-Alais / D 145<br>
|
||||
91590 ORVEAU
|
||||
</dd>
|
||||
<dd>
|
||||
Telephone : 01.64.57.58.77<br>
|
||||
Mobile : 06.72.00.55.65<br>
|
||||
E-mail : <a href="mailto:ecuriesboissiere@gmail.com" class="link2">ecuriesboissiere@gmail.com</a>
|
||||
</dd></dl></div>
|
||||
</div>
|
||||
<!--Formulaire Contact-->
|
||||
<br><div><h2>Entrer en contact</h2></div><br>
|
||||
<form class="needs-validation" onsubmit="return verifierMail(this.elements['Email']); return Verifier_Numero_Telephone(this.elements['Téléphone'])" method='post' name="formulaire" novalidate>
|
||||
<div class="form-row">
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="validationCustom01">Nom</label>
|
||||
<input type="text" class="form-control" id="validationCustom01" placeholder="Nom" required>
|
||||
<div class="invalid-feedback">Veuillez fournir un nom valide.</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="validationCustom02">Email</label>
|
||||
<input type="mail" class="form-control" id="validationCustom02" placeholder="Email" required>
|
||||
<div class="invalid-feedback">Veuillez fournir un mail valide.</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="validationCustom05">Téléphone</label>
|
||||
<input type="tel" class="form-control" id="validationCustom03" placeholder="Téléphone" required>
|
||||
<div class="invalid-feedback">Veuillez fournir un numéro valide.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="col-md-9 mb-3">
|
||||
<label for="exampleFormControlTextarea1">Message</label>
|
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary" type="submit">Envoyer</button>
|
||||
</form><br>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
@@ -1,150 +1,28 @@
|
||||
<!--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 class="container">
|
||||
<!--Div Trie-->
|
||||
<div class="btn-group" id="dates" role="group" aria-label="Basic example">
|
||||
<!-- Liste des dates d'event sous forme de checkboxes-->
|
||||
</div>
|
||||
<!--Affichage Event-->
|
||||
<div class="grid_9E">
|
||||
<div class="contenu_onglets">
|
||||
|
||||
<ul id="types" class="col-4 list-unstyled">
|
||||
<!-- Liste des types d'event sous forme de checkboxes-->
|
||||
</ul>
|
||||
|
||||
<!--Affichage Event-->
|
||||
<p id="count"></p>
|
||||
<div class="contenu_onglet " id="contenu_onglet_tous">
|
||||
<h2>Tous les évenements du club</h2>
|
||||
<div class="media">
|
||||
<div class="media-body">
|
||||
<ul class="list-unstyled" id="movies">
|
||||
|
||||
<!--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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</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")
|
||||
?>
|
||||
</section>
|
||||
@@ -1,21 +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>
|
||||
<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>
|
||||
</body>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div>
|
||||
<a href="http://www.ecuries-boissiere.com/" target="_blank"><img src="./images/all/footer_icon_01.png" alt="Officiel"/></a>
|
||||
<a href="home.php#"><img src="./images/all/footer_icon_02.png" alt="Home"/></a>
|
||||
<a href="https://www.facebook.com/pages/Les-%C3%89curies-de-la-Boissi%C3%A8re/532820556840979" target="_blank"><img src="./images/all/footer_icon_03.png" alt="face book"/></a>
|
||||
<a href="http://ppe-les-ecuries-boissiere.esy.es/les_ecuries_de_la_boissiere/home.php" target="_blank"><img src="./images/all/footer_icon_04.png" alt="Autre"/></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>
|
||||
<p> Les Ecuries de la Boissière © 2017 Tous droits réservés <span>|</span> <a href="confidentialite.php">Politique de confidentialité</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -10,28 +10,58 @@
|
||||
<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>
|
||||
<center><a href="accueil.php"><img src="./images/all/logo.png" alt=""></a></center>
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
|
||||
<a class="navbar-brand" href="accueil.php">Accueil</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Centre Equestre
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="about-us.php">Le Centre</a>
|
||||
<a class="dropdown-item" href="tarif.php">Tarifs</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="contact.php">Nos Coordonnées</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="boutique.php">Shopping</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="actualite.php">Actualités</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="evenement.php">Evénements</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="pension.php">Pensions</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Activités
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="poney.php">Poney Club</a>
|
||||
<a class="dropdown-item" href="ethologie.php">Ethologie</a>
|
||||
<a class="dropdown-item" href="stage.php">Stages</a>
|
||||
<a class="dropdown-item" href="balade.php">Balades et Randonnées</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline my-2 my-lg-0">
|
||||
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
|
||||
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
@@ -1,53 +1,64 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<section id="content" class="page-content">
|
||||
<!--==============================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")
|
||||
?>
|
||||
<!--Haut de page-->
|
||||
<div class="container">
|
||||
<div id="slideshowhome" class="carousel slide carousel-fade" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img class="d-block w-100" src="./images/home/Home_img01.jpg"" alt="First slide">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" src="./images/home/Home_img02.jpg" alt="Second slide">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" src="./images/home/Home_img03.jpg" alt="Third slide">
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#slideshowhome" role="button" data-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#slideshowhome" role="button" data-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown-divider"></div>
|
||||
<div class="container">
|
||||
<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>
|
||||
<!--Bas de page-->
|
||||
<div class="container">
|
||||
<h2>Nouvelles</h2>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="numbox">
|
||||
<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 class="col">
|
||||
<div class="numbox">
|
||||
<span>Octobre</span>
|
||||
<strong>18</strong>
|
||||
</div>
|
||||
<div class="extra-wrap">
|
||||
<p class="colorbold marg3 pad1"><a href="./news.php" class="link">Event2</a></p>
|
||||
<p class="text-7">BlablaEvent</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@@ -1,43 +1,66 @@
|
||||
<!--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">
|
||||
<div class="container">
|
||||
<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>
|
||||
<ul class="list-unstyled">
|
||||
<li class="media">
|
||||
<div class="numbox">
|
||||
<span>Octobre</span>
|
||||
<strong>18</strong>
|
||||
</div>
|
||||
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0 mb-1">Actu5</h5>
|
||||
Cras, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<div class="numbox">
|
||||
<span>Octobre</span>
|
||||
<strong>18</strong>
|
||||
</div>
|
||||
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0 mb-1">Actu4</h5>
|
||||
Cras viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<div class="numbox">
|
||||
<span>Octobre</span>
|
||||
<strong>18</strong>
|
||||
</div>
|
||||
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0 mb-1">Actu3</h5>
|
||||
Cras sit amet nibh at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<div class="numbox">
|
||||
<span>Octobre</span>
|
||||
<strong>18</strong>
|
||||
</div>
|
||||
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0 mb-1">Actu2</h5>
|
||||
Cras sit amet nibh at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<div class="numbox">
|
||||
<span>Octobre</span>
|
||||
<strong>18</strong>
|
||||
</div>
|
||||
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0 mb-1">Actu1</h5>
|
||||
Cras sit amet nibh at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
</section>
|
||||
</div>
|
||||
@@ -1,67 +1,54 @@
|
||||
<!--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">
|
||||
<div class="container">
|
||||
<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>
|
||||
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active" style="color:green"></li>
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner" style="height:100%;min-height:850px">
|
||||
<div class="carousel-item active">
|
||||
|
||||
<center><img src="./images/price_list/Tarif1.jpg" class="img-tarif">
|
||||
<div>
|
||||
<h4>Cotisations</h4>
|
||||
<p><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>
|
||||
<h4>Licence Fédéral</h4>
|
||||
<p><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>
|
||||
<h4>Licence Compétition </h4>
|
||||
<p><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>
|
||||
<h4>Compétition :</h4>
|
||||
<p><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>
|
||||
</p></div></center>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
|
||||
<center><img src="./images/price_list/Tarif2.jpg" class="img-tarif">
|
||||
<div>
|
||||
<h4>Leçons</h4>
|
||||
<p><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>
|
||||
@@ -80,16 +67,14 @@ include("./vue/header.php")
|
||||
• 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>
|
||||
</p></div></center>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
|
||||
<center><img src="./images/price_list/Tarif3.jpg" class="img-tarif">
|
||||
<div>
|
||||
<h4>Coût global mensuel pour un propriétaire</h4>
|
||||
<p><br>
|
||||
<b>Chevaux:<br><br></b>
|
||||
• Formule box classique.................................498€/mois<br>
|
||||
- Formule box sorties luxe..............................528€/mois <br>
|
||||
@@ -104,88 +89,45 @@ include("./vue/header.php")
|
||||
<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>
|
||||
|
||||
</p></div></center>
|
||||
</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 class="carousel-item">
|
||||
|
||||
<center><img src="./images/price_list/Tarif5.jpg" class="img-tarif">
|
||||
<div>
|
||||
<h4>Cavaliers de Passage</h4>
|
||||
<p><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>
|
||||
<h4>Stage d’Equitation</h4><br>
|
||||
<p>
|
||||
<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></div></center>
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
</div>
|
||||
@@ -1,25 +1,20 @@
|
||||
<!--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">
|
||||
<div class="container">
|
||||
<h2>Politique de confidentialité</h2><br>
|
||||
<p class="text-7 marg19">Collecte des renseignements personnels<br>
|
||||
<p>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>
|
||||
<p>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>
|
||||
<p>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
|
||||
@@ -27,11 +22,11 @@ include("./vue/header.php")
|
||||
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>
|
||||
<p>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>
|
||||
<p>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
|
||||
@@ -48,16 +43,10 @@ include("./vue/header.php")
|
||||
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>
|
||||
<p >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>
|
||||
<p >E-mail: <a href="mailto:info@security.org">info@security.org</a></p>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
</body>
|
||||
@@ -1,12 +1,8 @@
|
||||
<!--Header-->
|
||||
<?php
|
||||
include("./vue/header.php")
|
||||
?>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<section id="content" class="page-content">
|
||||
<div class="container">
|
||||
<!--==============================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">
|
||||
@@ -15,58 +11,83 @@ include("./vue/header.php")
|
||||
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>
|
||||
<div class="container marketing">
|
||||
<!--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 class="col-lg-4">
|
||||
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||
<p> Nom Article</p>
|
||||
<p>20 €</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||
<p>Nom Article</p>
|
||||
<p>20 €</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||
<p>Nom Article</p>
|
||||
<p>20 €</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||
<div class=shop-desc>
|
||||
<p>Nom Article</p>
|
||||
<p>20 €</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||
<div class=shop-desc>
|
||||
<p>Nom Article</p>
|
||||
<p>20 €</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||
<div class=shop-desc>
|
||||
<p>Nom Article</p>
|
||||
<p>20 €</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br><h2>Commerces de chevaux</h2><br>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img03.jpg" style="width:100%;max-width:300px">
|
||||
<div class="about-desc">
|
||||
<center><h5>Tiger</h5></center>
|
||||
<p>Jument de 7 ans pour réaliser des balades ou cours de dressage à pied, très affective a vendre</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img02.jpg" style="width:100%;max-width:300px">
|
||||
<div class="about-desc">
|
||||
<center><h5>KAKAO</h5></center>
|
||||
<p>Cheval 15 ans a vendre</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img01.jpg" style="width:100%;max-width:300px">
|
||||
<div class="about-desc">
|
||||
<center><h5>Poupe</h5></center>
|
||||
<p>Cheval 5 ans en quart de pension</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img04.jpg" style="width:100%;max-width:300px">
|
||||
<div class="about-desc">
|
||||
<center><h5>Lancome</h5></center>
|
||||
<p>Jument pret pour les concours CSO, Complet a garder en quart de pension</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Div Format-->
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<!--Footer-->
|
||||
<?php
|
||||
include("./vue/footer.php")
|
||||
?>
|
||||
</section>
|
||||
</div>
|
||||
Reference in New Issue
Block a user