1e02578a22
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) . . .
191 lines
9.1 KiB
PHP
191 lines
9.1 KiB
PHP
<body>
|
|
<div class="container-fluid">
|
|
<!--==============================content================================-->
|
|
<section id="content" class="page-content">
|
|
<div class="container">
|
|
<!--Description à propos-->
|
|
<h2>À propos de nous</h2>
|
|
<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>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>
|
|
<h2>Installations</h2>
|
|
<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="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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div> |