MAJ contenue et vérification HTML et CSS en cours
This commit is contained in:
ccunatbrule
2021-10-29 18:35:40 +02:00
parent a7ae429e83
commit 23a8352a92
183 changed files with 181 additions and 169 deletions

View File

@@ -0,0 +1,24 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Les balades et randonnées</h2><hr>
<img alt="" class="frm-rounded text-center" src="./images/activites/balade1.jpg" style="width: 40%" /><br>
<p>Vous avez envie de connatre une équitation plus libre qui vous procure des sensations différentes ?<br>
Vous aussi avez rêvé d'évasion ? Alors vous êtes au bon endroit !</p>
<p>De la promenade à l'heure, à la grande randonnée, poneys et chevaux vous emmèneront parcourir le Parc du Gâtinais.<br>
Avec ses hectares de pistes aménagées, les possibilités de promenades sont infinies...</p>
<div class="row">
<div class="col">
<img alt="" class="frm-rounded text-center" src="./images/activites/balade2.jpg" style="width: 40%" />
</div>
<div class="col">
<img alt="" class="frm-rounded text-center" src="./images/activites/balade3.jpg" style="width: 80%" />
</div>
</div>
<hr><h2 class="text-center">Les dates de balades et randos</h2><hr>
<p>Balades sur rendez-vous, les prochaines dates de randonnées pour 2018-2019 ne sont pas encore établies</p>
<img alt="" class="frm-rounded text-center" src="./images/activites/balade4.jpg" style="width: 50%" />
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,15 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Equitation éthologique</h2><hr>
<p>L'équitation éthologique offre une approche plus naturelle du cheval<br>
En mettant en valeur l'importance du travail au sol pour instaurer une relation basée sur la confiance et le respect.</p>
<p>Elle permet de développer un climat de confiance bénéfique au travail et à la sécurité,où le cavalier se met à la porté de son cheval et non l'inverse.</p>
<p>A partir de ces acquis nous amenons le cheval à plus de réception et de disponibilité,capable alors de répondre à nos suggestions à tout moment.</p>
<img class="text-center" src="./images/activites/ethologie.jpg" style="width:40%" alt=""><br>
<p>Des initiations à l'Equitation Ethologique seront dispensés à l'écurie lors d'après midi animations, ou lors de cours particuliers.</p>
<h6>Renseignements à l'accueil! ;-)</h6>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,19 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Le poney club</h2><hr>
<img class="text-center" src="./images/activites/poney1.jpg" style="width:60%" alt="" >
<p>Votre enfant est intéressé par l'équitation ?<br>
Le poney club accueille votre enfant dès l'âge de 3ans en reprise et dès 2ans en promenade en main.<b>*</b></p>
<div class="row text-center">
<div class="col"><img src="./images/activites/poney2.jpg" style="width:40%" alt=""></div>
<div class="col"><img src="./images/activites/poney3.jpg"style="width:40%" alt=""></div>
</div><br>
<p>Le poney-club se compose de 16 poneys de tailles différentes.<br>
Pour permettre à votre enfant de découvrir un sport ludique, passionnant et qui lui apprendra à devenir responsable.</p><br>
<img class="text-center"src="./images/activites/poney4.jpg" style="width:35%" alt=""><br>
<h6><b>*</b> Renseignements à l'accueil</h6>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,84 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h1 class="text-center">Les stages</h1><hr>
<p>Durant les vacances scolaires, sont organisés des stages de prise de connaissance du poney ou du cheval,<br>
de préparation aux Galops ou de perfectionnement, orientés vers la compétition.</p>
<p>les passages de galop se font tous les vendredis de semaine de stage, nous maintenons également tous nos cours pendant les périodes de stages.</p>
<hr><h3 class="text-center">Périodes de stages</h3><hr>
<div class="row">
<div class="col"><h6>Période</h6></div>
<div class="col"><h6>Date</h6></div>
<div class="col"><h6>Tarifs</h6></div>
<div class="w-100"><hr></div>
<div class="col"><p>VACANCES SCOLAIRES</p></div>
<div class="col"><p>Tous les mercredi de 9H à 18H</p></div>
<div class="col"><p>55 € compris 2 H d'équitation</p></div>
<div class="w-100"><hr></div>
<div class="col"><p>Eté à l'écurie</p></div>
<div class="col"><p>Du 10 juillet au 4 aout 2018 <br>Du 20 aout au 1er septembre 2018</p></div>
<div class="col"><p>A définir</p></div>
<div class="w-100"><hr></div>
<div class="col"><p>Eté à Lamotte Beuvron:</p></div>
<div class="col"><p>Du 30 juillet au 04 aout 2018</p></div>
<div class="col"><p>665 € euros tout compris pour les adhérents</p></div>
</div>
<hr><h3 class="text-center">Stage type aux écuries</h3><hr>
<div class="row">
<div class="col">
<ul>
<li>Arrivée à 9h00.</li>
<li>Pratique autour du cheval</li>
<li>Hippologie et Travaux Pratiques</li>
<li>2 ou 3h d'équitation</li>
<li>repas et goûter à emporter</li>
<li>fin de journée de stage 17h30</li>
</ul>
</div>
<div class="col">
<img alt=""src="../images/activites/stage1.jpg" style="width:50%">
</div>
</div>
<hr><h3 class="text-center">Stages d'été à Lamotte Beuvron</h3><hr>
<p>Durant les deux premières semaines du mois d'août, nous organisons un stage à Lamotte Beuvron dans le parc fédéral de la fédération française déquitation.</p>
<p>Chaque année, le parc fédéral accueille des centres équestres de toutes les régions avec leurs cavaliers et leurs chevaux,<br>
pour permettre aux centres équestres de profiter des installations misent à leur disposition.</p>
<div class="row">
<div class="col">
<ul>
<h6>Exemple d'une journée a LAMOTTE BEUVRON</h6>
<li>8h00 : soins des chevaux (eau, granulés, paillage des boxes)</li>
<li>8h30 : petit déjeuner</li>
<li>10h00 à 11h30 : équitation</li>
<li>12h00 : soins des chevaux (eau et granulés)</li>
<li>12h30 : déjeuner</li>
<li>14h à 15h30 : équitation</li>
<li>16h00 : goûter</li>
<li>16h30 à 18h00 : piscine</li>
<li>19h30 : Dîner</li>
<li>20h30 : jeu en groupe</li>
<li>22h30 : dodo</li>
</ul>
</div>
<div class="col">
<ul>
<h6>Equipement Sportif</h6>
<li>10 carrières modulables de saut d'obstacles</li>
<li>5 rectangles de dressage</li>
<li>9 terrains de horse-ball</li>
<li>3 manèges de 4 000 m2</li>
<li>2 terrains de polo</li>
<li>1 cross national de 25 hectares</li>
<li>1 piste de galop</li>
</ul>
</div>
</div><br>
<div class="media">
<iframe width="800" height="522" src="https://www.youtube.com/embed/XRyV1frFE48" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div><br>
<h6 class="text-center"><b>*</b> Les inscriptions se font à l'accueil ou par téléphone<br>
Pour les tarifs non adhérents: nous contacter, Renseignements à l'accueil ou par téléphone</h6>
<hr></div>
</section>
</div>

23
vue/actualite/index.php Normal file
View File

@@ -0,0 +1,23 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Dernières nouvelles</h2><hr>
<ul class="list-unstyled">
<?php foreach($event1 as $event){ ?>
<li class="media m-3 border border-secondary rounded p-2 bg-white">
<div class="numbox img-indent3">
<span><?php setlocale (LC_TIME, 'fr_FR.utf-8','fra');echo strftime("%b", strtotime($event['dateevent'])); ?></span>
<strong><?php echo strftime("%#d", strtotime($event['dateevent'])); ?></strong>
</div>
<div class="media-body">
<h4 class="card-title"><?php echo $event['nomevent']; ?></h4>
<?php echo $event['descriptionevent']; ?><br><br>
<!--<p class="blockquote-footer">Posté par Admin <span>46 Commentaire(s)</span></p>-->
</div>
</li>
<?php } ?>
</ul>
</div>
</section>
</div>

22
vue/evenement/index.php Normal file
View File

@@ -0,0 +1,22 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Tous les évenements du club</h2><hr>
<ul class="list-unstyled">
<?php foreach($eventsAll as $event){ ?>
<li class="media m-3 border border-secondary rounded p-2 bg-white">
<img class="rounded m-2" src=<?php echo $event['imageevent']; ?> alt="">
<div class="media-body">
<h4 class="card-title"><?php echo $event['nomevent']; ?><br>
<small class="text-muted">Le <?php setlocale (LC_TIME, 'fr_FR.utf-8','fra');echo strftime(" %e %B %Y", strtotime($event['dateevent'])); ?> à <?php echo $event['lieuevent'];?></small><br>
<!--<a href="event.php#" class="button-1 style" style="color:red">Participer</a>-->
</h4>
<?php echo $event['descriptionevent']; ?>
</div>
</li>
<?php } ?>
</ul>
</div>
</section>
</div>

16
vue/footer.html Normal file
View File

@@ -0,0 +1,16 @@
<!--MapsBootsrap-->
<script async="" src="http://www.google-analytics.com/ga.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
<footer>
<div class="container">
<ul class="pagination">
<li class="page-item m-1"><a href="https://www.youtube.com/channel/UCbz9xEc-Xv3HWNy1mPWZ19g" target="_blank"><img src="./images/autres/yt.png" alt="Officiel" width="30"/></a></li>
<li class="page-item m-1"><a href="https://www.facebook.com/pages/Les-%C3%89curies-de-la-Boissi%C3%A8re/532820556840979?nr&nr_page_id=687433101339912" target="_blank"><img src="./images/autres/fb.png" alt="face book" width="30"/></a></li>
<li class="page-item m-1"><h6>Ecurie | Cunat-Brulé © 2019-2021 <a href="policy.php">Tous droits réservés</a></h6></li>
</ul>
</div>
</footer>
</html>

72
vue/header.html Normal file
View File

@@ -0,0 +1,72 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Ecurie</title>
<link rel="shortcut icon" type="image/png" href="./images/autres/favicon.png">
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css"> <!--Local-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<?php
//Attribution des variables de session
include("./controleur/membre/functions.php");
include("./controleur/membre/constants.php");
$lvl=(isset($_SESSION['privilege']))?(int) $_SESSION['privilege']:1;
$id=(isset($_SESSION['ideleve']))?(int) $_SESSION['ideleve']:0;
$pseudo=(isset($_SESSION['pseudo']))?$_SESSION['pseudo']:'';
if(session_id() == '') { session_start(); }
?>
</head>
<body>
<header>
<a href="home.php"><img class="text-center" src="./images/autres/logo.png" alt="" width="300" ></a>
<div class="container">
Connecter en tant que <?php if(isset($_SESSION['pseudo'])){echo ' '.htmlentities($_SESSION['pseudo'], ENT_QUOTES, 'UTF-8');} ?>
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
<a class="navbar-brand" href="home.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="centre.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="vitrine.php">Vitrine</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="navbarDropdownActivite" 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_club.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>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownCompte" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Compte</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="./espace_membre.php">Espace membre</a>
<div class="dropdown-divider"></div>
<?php if(isset($_SESSION['pseudo'])) { ?>
<a class="dropdown-item" href="./profil.php?action=modifier">Modifier mes informations</a>
<a class="dropdown-item" href="./deconnexion.php">Déconnexion</a>
<?php } else { ?>
<a class="dropdown-item" href="./inscription.php">Inscription</a>
<a class="dropdown-item" href="./connexion.php">Connexion</a>
<?php } ?>
</div>
</li>
</ul>
</div>
</nav>
</div>
</header>

42
vue/home/index.html Normal file
View File

@@ -0,0 +1,42 @@
<div class="container-fluid">
<section id="content" class="page-content">
<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/home1.jpg" alt="First slide"></div>
<div class="carousel-item"><img class="d-block w-100" src="./images/home/home2.jpg" alt="Second slide"></div>
<div class="carousel-item"><img class="d-block w-100" src="./images/home/home3.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="container"><hr>
<h6>Ecurie</h6>
<p>Situées à 40 Km de Paris, en plein cœur du Parc du Gâtinais, l'écurie vous accueillent dans un écrin de verdure...<br>
Vous y découvrirez, dans des infrastructures modernes et de qualité, une équitation sportive et ludique encadrée par des enseignants compétents.<br>
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 2018/2019 !!</p><br>
<hr><h2 class="center">Découvrir l'écurie</h2><hr>
<div class="row">
<div class="col-md" >
<div class="media">
<iframe width="350" height="300" src="https://www.youtube.com/embed/hiNhwcbRmNc" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class="col-md">
<div class="media">
<iframe width="350" height="300" src="https://www.youtube.com/embed/gluMtEUeZ20" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,203 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<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" style="background:#f7f5e2;">
<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" 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" style="background:#f7f5e2;">
<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" 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" style="background:#f7f5e2;">
<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" 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" style="background:#f7f5e2;">
<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" 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" style="background:#f7f5e2;" >
<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" 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" style="background:#f7f5e2;">
<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" 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" style="background:#f7f5e2;">
<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" 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" style="background:#f7f5e2;">
<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" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- FinModal -->
<hr><h2 class="text-center">Les enseignants</h2><hr>
<div class="container">
<div class="row">
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/centre/jean_philipe.jpg" style="width:70%">
<h5>Jean-Philippe BERTHIER</h5><h6>Monitorat BEES1 obtenu en 2004 / Responsable du Centre Equestre</h6>
</div>
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/centre/marianne.jpg" style="width:70%">
<h5>Marianne BERTHIER</h5><h6>Monitorat BPJEPS obtenu en 2012</h6>
</div>
</div>
</div>
<hr><h2 class="text-center">Les sponsors 2017-2018</h2><hr>
<div class="container">
<div class="row text-center">
<div class="col">
<img id="image-border" class="rounded text-center" alt="" src="./images/sponsors/juriscopr.jpg" style="width:100%">
<h5>JURISCOPRO</h5><h6>Gestion syndic de copropriété, vente et location à Etam</h6>
</div>
<div class="col">
<img id="image-border" class="rounded text-center" alt="" src="./images/sponsors/agralys-thoreau.jpg" style="width:80%">
<h5>AGRALYS-THOREAU</h5><h6>fournisseur d'aliments</h6>
</div>
<div class="col">
<img id="image-border" class="rounded text-center" alt="" src="./images/sponsors/ramsay.jpg" style="width:75%">
<h5>RAMSAY SANTE</h5><a href="http://ramsaygds.fr/" target="_blank">Site Web</a>
</div>
<div class="col">
<img id="image-border" class="rounded text-center" alt="" src="./images/sponsors/bprp.jpg" style="width:60%">
<h5>BANQUE POPULAIRE RIVES DE PARIS</h5>
</div>
<div class="w-100"><hr></div>
<div class="col"><h5>CEDRIC HENRIOT PAYSAGISTE</h5></div>
<div class="col"><h5>OBJECTIVORE</h5><h6>Situé à Meudon 92190 publicité par l'objet, marquage textile</h6></div>
<div class="col"><h5>JUMPING CLUB DE LA BOISSIERE</h5></div>
<div class="col"><h5>ETS ARNOULT SERMAISES</h5></div>
</div>
</div>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,27 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Trouvez nous</h2><hr>
<div class="media">
<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="700" height="350" style="border:0" allowfullscreen></iframe>
</div><hr>
<div class="row" style="font-weight: bold;">
<div class="col">
<h6>Ecurie<br>
Route de l'Essonne<br>
91150 Etampes</h6>
</div>
<div class="col">
<h6>Coordonnées GPS<br>
Lat/Long: 48.45, 2.15</h6>
</div>
<div class="col">
<h6>Telephone : 01.23.45.67.<br>
Mobile : 06.54.32.10.98<br>
E-mail : <a href="mailto:ecurie@gmail.com">ecurie@gmail.com</a></h6>
</div>
</div>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,260 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Tarifs 2018-2019</h2><hr>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="10000">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0"></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 text-center" style="height:100%;min-height:850px;" >
<div class="carousel-item active">
<div class="container">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif1.jpg" class="img-tarif"></div>
<div class="w-100"></div>
<div class="col"><h3><br>Cotisations</h3></div>
<div class="w-100"></div>
<div class="col text-right">Baby poney de 2 à 4 ans</div>
<div class="col text-left">offerte pour la 1ere carte valable 3 mois</div>
<div class="w-100"></div>
<div class="col text-right">Moins de 16 ans</div>
<div class="col text-left">125 €</div>
<div class="w-100"></div>
<div class="col text-right">Adultes</div>
<div class="col text-left">158 €</div>
<div class="w-100"></div>
<div class="col text-right">Famille (parents + enfant(s) -18ans)</div>
<div class="col text-left">283 €</div>
<div class="w-100"></div>
<div class="col"><h3><br>Licence Fédéral</h3></div>
<div class="w-100"></div>
<div class="col text-right">Né(e) en 2001 & après</div>
<div class="col text-left">25 €</div>
<div class="w-100"></div>
<div class="col text-right">Né(e) en 2001 & avant</div>
<div class="col text-left">36 €</div>
<div class="w-100"></div>
<div class="col"><h3><br>Licence Compétition</h3></div>
<div class="w-100"></div>
<div class="col text-right">Compétition PRO</div>
<div class="col text-left">330 €</div>
<div class="w-100"></div>
<div class="col text-right">Compétition Amateur</div>
<div class="col text-left">80 €</div>
<div class="w-100"></div>
<div class="col text-right">Compétition Club</div>
<div class="col text-left">Gratuite</div>
<div class="w-100"></div>
<div class="col"><h3><br>Compétition</h3></div>
<div class="w-100"></div>
<div class="col text-right">Engagement</div>
<div class="col text-left">variable</div>
<div class="w-100"></div>
<div class="col text-right">Forfait Concours interne</div>
<div class="col text-left">22 € + prix de l'engagement</div>
<div class="w-100"></div>
<div class="col text-right">Forfait Concours externe</div>
<div class="col text-left">56 € + prix de l'engagement</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif2.jpg" class="img-tarif"></div>
<div class="w-100"></div>
<div class="col"><h3><br>Leçons</h3></div>
<div class="w-100"></div>
<br><div class="col text-center"><h5>Membre non propriétaire d'un équidé</h5></div>
<div class="w-100"></div>
<div class="col text-center">Carte 10h cheval/poney </div>
<div class="col-">203 € </div>
<div class="col text-left">**Droit d'accès à 122 € et 10 leçons à 61 €</div>
<div class="w-100"></div>
<div class="col text-center">Carte 10h pour les - de 8 ans</div>
<div class="col-">188 €</div>
<div class="col text-left">**Droit d'accès à 112 € et 10 leçons à 56 €</div>
<div class="w-100"></div>
<div class="col text-center">Carte baby poney valable 3 mois</div>
<div class="col-">133 €</div>
<div class="col text-left">**Droit d'accès à 75 € et 10 leçons à 38 €</div>
<div class="w-100"></div>
<div class="col text-center">Leçon particulière</div>
<div class="col-">2h de carte</div>
<div class="col"></div>
<div class="w-100"></div>
<br><div class="col text-center"><h5>Membre Propriétaire d'un équidé</h5></div>
<div class="w-100"></div>
<div class="col text-center">Cartes 10h</div>
<div class="col-">140 €</div>
<div class="col text-left">**Droit d'accès à 90 € et 10 leçons à 45 €</div>
<div class="w-100"></div>
<div class="col text-center">Leçon particulière</div>
<div class="col-">2h de carte</div>
<div class="col text-left">Forfait de 15 leçons valable 15 semaines dont 2 séances offertes</div>
<div class="w-100"></div>
<div class="col text-center">Forfait Cheval/ Poney</div>
<div class="col-">270 € </div>
<div class="col text-left">**Droit d'accès à 160 € et 10 leçons à 81 €</div>
<div class="w-100"></div>
<div class="col text-center">Forfait pour les - de 8 ans</div>
<div class="col-">255 €</div>
<div class="col text-left">**Droit d'accès à 146 € et 10 leçons à 73 €</div>
<div class="w-100"></div>
<div class="col text-center">**Forfait 3 h de cours par semaine</div>
<div class="col-">**291€/mois</div>
<div class="col"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif3.jpg" class="img-tarif"></div>
<div class="w-100"></div>
<div class="col"><h3><br>Coût global mensuel pour un propriétaire</h3></div>
<div class="w-100"></div>
<div class="col">Tous ces tarifs inclus le droit d'accès aux installations sportives et le coût de l'hébergement de l'équidé<br>ainsi que le coût de 2h d'enseignement par semaine sauf ceux indiqués par <b>*</b>.</div>
<div class="w-100"></div>
<div class="col text-center"><h5>Chevaux</h5></div>
<div class="w-100"></div>
<div class="col text-right">Formule box</div>
<div class="col text-left">508 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule box et sorties paddock</div>
<div class="col text-left">538 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule box + copeaux et sorties paddock</div>
<div class="col text-left">568 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule box en 1/2 pension avec un propriétaire</div>
<div class="col text-left">331 €/mois</div>
<div class="w-100"></div>
<div class="col text-center"><h5>Poney</h5></div>
<div class="w-100"></div>
<div class="col text-right">Formule box</div>
<div class="col text-left">456 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule box et sorties paddock</div>
<div class="col text-left">486 €/mois</div>
<div class="w-100"></div>
<div class="col text-center"><h5>Paddock</h5></div>
<div class="w-100"></div>
<div class="col text-right">Formule paddock</div>
<div class="col text-left">285 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule paddock et accès manège</div>
<div class="col text-left">315 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">1/2 pension avec le club</div>
<div class="col text-left">295 €/mois forfait 3 h par semaine</div>
<div class="w-100"></div>
<div class="col text-right">1/4 pension avec le club</div>
<div class="col text-left">195 €/mois forfait 2 h par semaine</div>
<div class="w-100"></div>
<div class="col text-center"><h5>Champmotteux</h5></div>
<div class="w-100"></div>
<div class="col text-right">Formule Pré</div>
<div class="col text-left">250 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule Pré et box</div>
<div class="col text-left">350 €/mois</div>
<div class="w-100"></div>
<br><div class="col"><h6></b>*</b> pas d'enseignement inclus dans ces prestations, possibilité de demander le travail du cheval à raison de 2 ou 3h par semaine</h6></div>
<div class="w-100"></div>
<div class="col"><h6>*D'autres formules peuvent être étudiées, adressez-vous à l'accueil*</h6></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif5.jpg" class="img-tarif"></div>
<div class="w-100"></div>
<div class="col">Inclus le droit d'accès aux installations sportives et le coût de l'enseignement</div>
<div class="w-100"></div>
<div class="col"><h3><br>Cavaliers de Passage</h3></div>
<div class="w-100"></div>
<div class="col text-right">1h Cheval / Poney</div>
<div class="col text-left">30 €</div>
<div class="w-100"></div>
<div class="col text-right">1h Poney Shetland</div>
<div class="col text-left">26 €</div>
<div class="w-100"></div>
<div class="col text-right">Leçon particulière: Cheval / Poney</div>
<div class="col text-left">52 €</div>
<div class="w-100"></div>
<div class="col text-right">Leçon particulière: Poney Shetland</div>
<div class="col text-left">41 €</div>
<div class="w-100"></div>
<div class="col text-right">Pension box Cheval</div>
<div class="col text-left">29 €/jour</div>
<div class="w-100"></div>
<div class="col text-right">Pension box Poney</div>
<div class="col text-left">22 €/jour</div>
<div class="w-100"></div>
<div class="col text-right">Promenade en main 1/2h</div>
<div class="col text-left">11 €</div>
<div class="w-100"></div>
<div class="col text-right">Promenade en main 1h</div>
<div class="col text-left">16 €</div>
<div class="w-100"></div>
<div class="col"><h3><br>Stage dEquitation</h3></div>
<div class="w-100"></div>
<br><div class="col text-center"><h5>Adhérents</h5></div>
<div class="w-100"></div>
<div class="col text-right">1 semaine</div>
<div class="col text-left">282 €</div>
<div class="w-100"></div>
<div class="col text-right">1 journée (1/2 pension)</div>
<div class="col text-left">62 €</div>
<div class="w-100"></div>
<div class="col text-right">1/2 journée</div>
<div class="col text-left">45 €</div>
<div class="w-100"></div>
<br><div class="col text-center"><h5>Cavalier de Passage</h5></div>
<div class="w-100"></div>
<div class="col text-right">1 semaine</div>
<div class="col text-left">307 €</div>
<div class="w-100"></div>
<div class="col text-right">1/2 pension</div>
<div class="col text-left">69 €</div>
<div class="w-100"></div>
<div class="col text-right">1/2 journée</div>
<div class="col text-left">52 €</div>
<div class="w-100"></div>
</div>
</div>
</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 class="container">
<h3>DROIT D'ACCES AU CENTRE EQUESTRE</h3>
<p>L'accès aux installations sportives de l'établissement équestre, pendant les heures d'ouverture, est subordonné au paiement d'un droit d'accès.<br>
Ce droit confère au titulaire l'accès à des fins d'utilisation</p>
<li>des installations à caractère sportif de l'établissement équestre (manège, carrières, parcours, écuries et équipements sportifs recensés),</li>
<li>de contribuer à la « vie du club», de circuler librement à pied dans l'enceinte de l'établissement,</li>
<li>d'accéder aux différentes aires d'évolution mises à disposition par le centre équestre.</li><br>
<p>Ce droit est strictement personnel et incessible.<br>
Ces prestations relèvent du taux de TVA de 5.5%.</p>
</div>
<div class="container">
<h3>CONDITIONS COMMERCIALES</h3>
<li>Les cartes, forfaits et cotisations annuelles sont personnelles et ne peuvent en aucun cas être cédées ou remboursées.</li>
<li>Toute réservation non annulée 48h à l'avance sera due</li>
<li>Les chèques vacances et les coupons sports sont acceptés</li><br>
<img src="./images/tarifs/cheque.jpg" class="img-tarif" style="width:30%;">
</div>
<hr></div>
</section>
</div>

1
vue/membre/connexion.php Normal file
View File

@@ -0,0 +1 @@
<!-- A ameliorer -->

1
vue/membre/espace.php Normal file
View File

@@ -0,0 +1 @@
<!-- A ameliorer -->

View File

@@ -0,0 +1 @@
<!-- A ameliorer -->

1
vue/membre/profil.php Normal file
View File

@@ -0,0 +1 @@
<!-- A ameliorer -->

33
vue/pension/index.html Normal file
View File

@@ -0,0 +1,33 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Les pensions</h2><hr>
<h3>Pensions en Box</h3>
<ul>
<li>Box paillé de 3m x 3m</li>
<li>Nourriture 3 fois par jour (granulés et/ou fourrage)</li>
<li>Possibilité d'être lâché en demie-journée en paddock (voir tarifs)</li>
</ul>
<img class="frm-rounded text-center" src="./images/activites/pension1.jpg" style="max-width:100%;width:320px;" alt=""><br>
<h3>Pension en paddock</h3>
<ul>
<li>Paddock avec ou sans abri</li>
<li>Nourriture 2 fois par jour aux granulés et foin 1 fois par jour</li>
<li>Possibilité d'être rentré au box la nuit (moyennant supplément)</li>
</ul>
<img class="frm-rounded text-center" src="./images/activites/pension2.jpg" style="max-width:100%;width:320px;" alt=""><br>
<h3>Pension au Pré ou Pré / Box</h3>
<p>En plus des services et activités proposés au centre équestre,<br>
l'écurie dispose d'une "annexe" située à une quinzaine de Km, à Champmotteux.<br>
Ce complexe, essentiellement composé de pâtures, dispose d'une carrière sablée et de quelques boxes.<br>
L'accès à la balade et aux chemins de grandes randonnées est direct.</p>
<p>Nous y accueillons votre équidé qu'il soit
<b>actif, retraité ou simplement en "vacances"</b>;<br>
Pension au Pré ou Pré / Box, avec complément et fourrage.</p>
<img class="frm-rounded text-center" src="./images/activites/pension3.jpg" style="max-width:100%;width:320px;" alt=""><br>
<h6 class="text-center"><b>*</b> Vous trouverez le coût de toutes nos prestations dans la rubrique"Tarifs".</h6>
<hr></div>
</section>
</div>

38
vue/policy/index.html Normal file
View File

@@ -0,0 +1,38 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Politique de confidentialité</h2><hr>
<h6>Collecte des renseignements personnels</h6>
<p>Les renseignements personnels que nous collectons sont recueillis au travers de formulaires et grâce à l'interactivité établie entre vous et notre site Web.<br>
Nous utilisons également, comme indiqué dans la section suivante, des fichiers témoins et/ou journaux pour réunir des informations vous concernant. </p>
<h6>Formulaires et interactivité:</h6>
<p>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>
<h6>Droit d'opposition et de retrait</h6>
<p>Nous nous engageons à vous offrir un droit d'opposition et de retrait quant à vos renseignementspersonnels.<br>
Le droit d'opposition s'entend comme étant la possibilité offerte aux internautes de refuser que leurs renseignements personnels soient utilisés à certaines fins mentionnées lors de la collecte.<br>
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>
<h6>Droit d'accès</h6>
<p>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>
<h6>Sécurité</h6>
<p>Les renseignements personnels que nous collectons sont conservés dans un environnement sécurisé.<br>
Les personnes travaillant pour nous sont tenues de respecter la confidentialité de vos informations.<br>
Pour assurer la sécurité de vos renseignements personnels, nous avons recours aux mesures suivantes :<br>
- Gestion des accès - personne autorisée<br>
- Gestion des accès - personne concernée<br>
- Logiciel de surveillance du réseau<br>
- Sauvegarde informatique<br>
- Développement de certificat numérique<br>
- Identifiant / mot de passe<br>
- Pare-feu (Firewalls)<br>
Nous nous engageons à maintenir un haut degré de confidentialité en intégrant les dernières innovations technologiques permettant d'assurer la confidentialité de vos transactions.<br>
Toutefois,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>
<h6>Législation</h6>
<p>Nous nous engageons à respecter les dispositions législatives françaises</p>
<h6>E-mail: <a href="mailto:info@security.org">info@security.org</a></h6>
<hr></div>
</section>
</div>

34
vue/vitrine/index.php Normal file
View File

@@ -0,0 +1,34 @@
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><h2 class="text-center">Boutique</h2><hr>
<h6 class="text-center">Pour tout renseignement ou achat contacter le Club</h6>
<div class="border border-secondary rounded text-center bg-white">
<p>Une très large gamme de produits destinés à la pratique de léquitation
afin de pratiquer ce noble sport de la manière la plus efficace possible.
La performance lors dun entraînement de montage ou lors dun concours de saut dobstacles
dépend également de léquipement choisi par le cavalier.</p><br>
<p> Il ny a rien de mieux que des selles déquitation ou des sangles de dressage adapté à votre animal ainsi que des équipements
qui sauront vous apporter confort et optimisation et également de nombreux produits destinés à léquipement du cheval au travail.</p>
</div><hr>
<h2 class="text-center">Produit actuellement en vente</h2><br>
<div class="card-deck p-5 border border-secondary rounded">
<?php foreach($articlesCav as $cle => $article){ ?>
<div class="card my-1">
<img class="card-img-top" src=<?php echo $article['imagearticle'];?> alt="">
<div class="card-body">
<h5 class="card-title font-weight-normal"><?php echo $article['libelle'] ?></h5>
<p class="card-text font-weight-light"><?php echo substr($article['description'], 0, 150).'...';?></p>
<h5 class="card-title font-weight-bold"><?php echo $article['prix'] ?> €</h5>
</div>
</div>
<?php
if ($cle==2||$cle==5||$cle==8||$cle==11||$cle==14||$cle==17||$cle==20||$cle==23||$cle==26||$cle==29||$cle==32) {
echo "<div class='w-100 d-none d-md-block'></div>";
}
?>
<?php } ?>
</div><br>
</div>
</section>
</div>