Files
Ecurie_Web/vue/information/centre/index.html
ccunatbrule f44cb8f268 MAJ 1.2
Modification de l'affichage et debuguage du php pour un fonctionnement normal.
2022-07-18 01:23:12 +02:00

191 lines
8.9 KiB
HTML

<section id="content" class="page-content">
<div>
<br><h2 class="text-center">Le centre équestre</h2><hr>
<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.<br>
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…),<br>
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.<br>
Le club met à votre disposition des installations modernes et agréables.</p>
<hr><h2 class="text-center">Les installations</h2><hr>
<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>
<li><a class="btn btn-default" title="Carrières d'obstacles" role="button" data-toggle="modal" data-target="#myModal1">2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
<li><a class="btn btn-default" title="Carrière d'entraînement" role="button" data-toggle="modal" data-target="#myModal2">1 Carrière d'entraînement : 50 x 40</a></li>
<li><a class="btn btn-default" title="Carrière de dressage" role="button" data-toggle="modal" data-target="#myModal3">1 Carrière de dressage : 65 x 30</a></li>
<li><a class="btn btn-default" title="Manège" role="button" data-toggle="modal" data-target="#myModal4">1 Manège couvert et éclairé : 30m x 20m</a></li>
<li><a class="btn btn-default" title="Boxes" role="button" data-toggle="modal" data-target="#myModal5">37 Boxes de 3m x 3m</a></li>
<li><a class="btn btn-default" title="Stabulation" role="button" data-toggle="modal" data-target="#myModal6">1 Stabulation</a></li>
<li><a class="btn btn-default" title="Paddocks" role="button" data-toggle="modal" data-target="#myModal7">7 Paddocks avec ou sans abris et 2 prés</a></li>
<li><a class="btn btn-default" title="Rond de longe" role="button" 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 bg1">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">2 Carrières d'obstacles : 90 x 40 / 80 x 50</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/obstacle.jpg">
<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 bg1">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Carrière d'entraînement : 50 x 40</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/carriere.jpg">
<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 bg1">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Carrière de dressage : 65 x 30</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/dressage.jpg">
<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 bg1">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Manège couvert et éclairé 30m x 20m</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/manege.jpg">
<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 bg1">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Boxes</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/boxe.jpg">
<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 bg1">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Stabulation pour poneys ou poulinage</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/stabulation.jpg">
</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 bg1">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Paddocks et Prés</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/paddock.jpg">
<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 bg1">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Rond de longe</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/rond.jpg">
<p></p>
</div>
</div>
</div>
</div>
<!-- FinModal -->
<hr><h2 class="text-center">Les enseignants</h2><hr>
<div class="row text-center">
<div class="col">
<img class="img-thumbnail rounded" alt="" src="./images/centre/jean_philipe.jpg">
<h5>Jean-Philippe</h5><h6>Monitorat BEES1 obtenu en 2004 / Responsable du Centre Equestre</h6>
</div>
<div class="col">
<img class="img-thumbnail rounded" alt="" src="./images/centre/marianne.jpg">
<h5>Marianne</h5><h6>Monitorat BPJEPS obtenu en 2012</h6>
</div>
</div>
<hr><h2 class="text-center">Les sponsors 2017-2018</h2><hr>
<div class="row text-center">
<div class="col">
<img class="img-thumbnail rounded" alt="" src="./images/sponsors/juriscopr.jpg">
<h5>JURISCOPRO</h5><h6>Gestion syndic de copropriété, vente et location à Etam</h6>
</div>
<div class="col">
<img class="img-thumbnail rounded" alt="" src="./images/sponsors/agralys-thoreau.jpg">
<h5>AGRALYS-THOREAU</h5><h6>fournisseur d'aliments</h6>
</div>
<div class="col">
<img class="img-thumbnail rounded" alt="" src="./images/sponsors/ramsay.jpg">
<h5>RAMSAY SANTE</h5><a href="http://ramsaygds.fr/" target="_blank">Site Web</a>
</div>
<div class="col">
<img class="img-thumbnail rounded" alt="" src="./images/sponsors/bprp.jpg">
<h5>BANQUE POPULAIRE RIVES DE PARIS</h5>
</div>
</div><hr>
</div>
</section>