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")
|
||||
?>
|
||||
Reference in New Issue
Block a user