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