Ajout de CI et update depuis la prod
Some checks failed
Déploiement DEV / deploy (push) Failing after 13s

This commit is contained in:
Christian CUNAT-BRULE
2026-08-06 16:33:06 +02:00
parent 9fe23f6c3f
commit f456978b91
49 changed files with 13502 additions and 240 deletions

133
vue/activite.html Normal file
View File

@@ -0,0 +1,133 @@
<section id="content" class="container">
<div class="text-center">
<br><h2>Le poney club</h2><hr>
<img class="img-thumbnail rounded" src="./images/activites/poney1.jpg" alt="" ><br><br>
<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">
<div class="col">
<img class="img-thumbnail rounded" src="./images/activites/poney2.jpg" alt="">
</div>
<div class="col">
<img class="img-thumbnail rounded" src="./images/activites/poney3.jpg" 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="img-thumbnail rounded" src="./images/activites/poney4.jpg" alt=""><br>
<h6><b>*</b> Renseignements à l'accueil</h6>
</div><hr>
</section>
<section id="content" class="container">
<div class="text-center">
<br><h2>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="img-thumbnail rounded" src="./images/activites/ethologie.jpg" alt=""><br><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>
</div><hr>
</section>
<section id="content" class="container">
<div class="text-center">
<br><h2 class="text-center">Les balades et randonnées</h2><hr>
<img alt="" class="img-thumbnail rounded" src="./images/activites/balade1.jpg" /><br><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 class="img-thumbnail rounded" src="./images/activites/balade2.jpg" />
</div>
<div class="col">
<img class="img-thumbnail rounded" src="./images/activites/balade3.jpg"/>
</div>
</div>
<br><hr><h2>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 class="img-thumbnail rounded" src="./images/activites/balade4.jpg" />
</div><hr>
</section>
<section id="content" class="container">
<div>
<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 class="img-thumbnail" alt=""src="./images/activites/stage1.jpg">
</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="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/XRyV1frFE48" title="Vidéo Lamotte Beuvron" allow="autoplay; encrypted-media" allowfullscreen loading="lazy"></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>
</div><hr>
</section>

20
vue/actualite.php Normal file
View File

@@ -0,0 +1,20 @@
<section id="content" class="container">
<div>
<br><h2 class="text-center">Dernières nouvelles</h2><hr>
<ul class="list-unstyled">
<?php foreach($event1 as $event){ ?>
<li class="border border-secondary rounded p-2 m-3 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="ms-3 flex-fill">
<h4 class="card-title"><?php echo $event['nom']; ?></h4>
<p><?php echo $event['description']; ?></p><br><br>
<!--<p class="blockquote-footer">Posté par Admin <span>46 Commentaire(s)</span></p>-->
</div>
</li>
<?php } ?>
</ul>
</div><hr>
</section>

420
vue/centre.html Normal file
View File

@@ -0,0 +1,420 @@
<section id="content" class="container">
<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" title="Carrières d'obstacles" role="button" data-bs-toggle="modal" data-bs-target="#myModal1">2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
<li><a class="btn" title="Carrière d'entraînement" role="button" data-bs-toggle="modal" data-bs-target="#myModal2">1 Carrière d'entraînement : 50 x 40</a></li>
<li><a class="btn" title="Carrière de dressage" role="button" data-bs-toggle="modal" data-bs-target="#myModal3">1 Carrière de dressage : 65 x 30</a></li>
<li><a class="btn" title="Manège" role="button" data-bs-toggle="modal" data-bs-target="#myModal4">1 Manège couvert et éclairé : 30m x 20m</a></li>
<li><a class="btn" title="Boxes" role="button" data-bs-toggle="modal" data-bs-target="#myModal5">37 Boxes de 3m x 3m</a></li>
<li><a class="btn" title="Stabulation" role="button" data-bs-toggle="modal" data-bs-target="#myModal6">1 Stabulation</a></li>
<li><a class="btn" title="Paddocks" role="button" data-bs-toggle="modal" data-bs-target="#myModal7">7 Paddocks avec ou sans abris et 2 prés</a></li>
<li><a class="btn" title="Rond de longe" role="button" data-bs-toggle="modal" data-bs-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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img class="img-thumbnail" 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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img class="img-thumbnail" 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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img class="img-thumbnail" 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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img class="img-thumbnail" 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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img class="img-thumbnail" 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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img class="img-thumbnail" 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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img class="img-thumbnail" 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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img class="img-thumbnail" 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>
<section id="content" class="container">
<div>
<h2 class="text-center">Tarifs 2018-2019</h2><hr>
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel" data-bs-interval="10000">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" aria-label="Slide 1" class="active" aria-current="true"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
</div>
<div class="carousel-inner text-center" >
<div class="carousel-item active">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif1.jpg" class="img-thumbnail"></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 class="carousel-item">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif2.jpg" class="img-thumbnail"></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 class="carousel-item">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif3.jpg" class="img-thumbnail"></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 class="carousel-item">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif5.jpg" class="img-thumbnail"></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><br><br>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span>
</button>
</div>
<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>
<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-thumbnail rounded">
</div><hr>
</section>

22
vue/contact.html Normal file
View File

@@ -0,0 +1,22 @@
<section id="content" class="container">
<div>
<h2 class="text-center">Nos Coordonnées</h2><hr>
<div class="ratio ratio-16x9">
<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"
style="border:0;" allowfullscreen loading="lazy">
</iframe>
</div><hr>
<div class="row fw-bold text-center">
<div class="col">
<h6>Projet Ecurie<br>
Route de l'Essonne<br>
91170 Viry-Châtillon</h6>
</div>
<div class="col">
<h6>Téléphone : 07 69 93 34 05<br>
E-mail : <a href="mailto:contact@ccbinformatique.fr">contact@ccbinformatique.fr</a></h6>
</div>
</div>
</div><hr>
</section>

19
vue/evenement.php Normal file
View File

@@ -0,0 +1,19 @@
<section id="content" class="container">
<div>
<br><h2 class="text-center">Tous les évenements du club</h2><hr>
<ul class="list-unstyled">
<?php foreach($eventsAll as $event){ ?>
<li class="border border-secondary rounded p-2 m-3 bg-white d-flex flex-column flex-md-row align-items-start">
<img class="img-thumbnail rounded m-2" src=".<?php echo $event['imageevent']; ?>" alt="">
<div class="ms-2 flex-fill">
<h4 class="card-title"><?php echo $event['nom']; ?><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['lieu'];?></small><br>
<!--<a href="event.php#" class="btn btn-link p-0 text-danger">Participer</a>-->
</h4>
<p><?php echo $event['description']; ?></p>
</div>
</li>
<?php } ?>
</ul>
</div><hr>
</section>

View File

@@ -1,19 +1,12 @@
</div>
</div>
</div>
<!--MapsBootsrap-->
<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>
<footer>
<div class="container pt-4">
<ul class="pagination">
<li class="page-item m-1"><a href="https://www.youtube.com" target="_blank"><img src="./images/autres/yt.png"/></a></li>
<li class="page-item m-1"><a href="https://www.facebook.com" target="_blank"><img src="./images/autres/fb.png"/></a></li>
<li class="page-item m-1"><h5> Ecurie | Cunat-Brulé © 2019-2022 <a href="policy.php">Tous droits réservés</a></h5></li>
</ul>
</div>
</footer>
</div>
</body>
<footer>
<div class="container pt-4">
<ul class="pagination">
<li class="page-item m-1"><a href="https://www.youtube.com" target="_blank"><img src="./images/autres/yt.png"/></a></li>
<li class="page-item m-1"><a href="https://www.facebook.com" target="_blank"><img src="./images/autres/fb.png"/></a></li>
<li class="page-item m-1"><h5> 2019-2022 © Conception, administration et hébergement du site par CCB Informatique - <a href="policy.php">Tous droits réservés</a></h5></li>
</ul>
</div>
</footer>
<script src="./js/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" async></script>
</body>
</html>

View File

@@ -1,76 +1,48 @@
<!doctype html>
<!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">
<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>
<div class="container-fluid bg1">
<header>
<div class="container">
<div class="text-center"><a href="home.php"><img src="./images/autres/logo.png"></a></div>
<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">Connecter en tant que <?php echo ' '.htmlentities($_SESSION['pseudo'], ENT_QUOTES, 'UTF-8'); ?></a>
<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>
<div class="container">
<div class="col">
<div class="row">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Projet Ecurie</title>
<link rel="shortcut icon" type="image/png" href="./images/autres/favicon.png">
<link rel="stylesheet" media="all" href="./css/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" media="all" href="./css/style.css" type="text/css">
<?php include('./config/init.php'); ?>
</head>
<body class="bg1">
<header>
<div class="container">
<div class="text-center"><a href="index.php"><img src="./images/autres/logo.png"></a></div>
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
<a class="navbar-brand" href="index.php">Accueil</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 me-auto">
<li class="nav-item"><a class="nav-link" href="centre.php">Centre/Tarifs</a></li>
<li class="nav-item"><a class="nav-link" href="activite.php">Activités</a></li>
<li class="nav-item"><a class="nav-link" href="pension.php">Pensions</a></li>
<li class="nav-item"><a class="nav-link" href="actualite.php">Actualités</a></li>
<li class="nav-item"><a class="nav-link" href="evenement.php">Evénements</a></li>
<li class="nav-item"><a class="nav-link" href="vitrine.php">Vitrine</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownCompte" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Compte</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownCompte">
<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">Connecter en tant que <?php echo ' '.htmlentities($_SESSION['pseudo'], ENT_QUOTES, 'UTF-8'); ?></a>
<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>

35
vue/home.html Normal file
View File

@@ -0,0 +1,35 @@
<section id="content" class="container">
<div>
<div id="slideshowhome" class="carousel slide carousel-fade mb-4" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"><img class="d-block w-100" src="./images/home/home1.jpg" alt="Photo écurie 1" loading="lazy"></div>
<div class="carousel-item"><img class="d-block w-100" src="./images/home/home2.jpg" alt="Photo écurie 2" loading="lazy"></div>
<div class="carousel-item"><img class="d-block w-100" src="./images/home/home3.jpg" alt="Photo écurie 3" loading="lazy"></div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#slideshowhome" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Précédent</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#slideshowhome" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Suivant</span>
</button>
</div>
<h6>Notre écurie</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="text-center">Découvrir l'écurie</h2><hr>
<div class="row">
<div class="col-md" >
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/hiNhwcbRmNc" title="Présentation écurie 1" allow="autoplay; encrypted-media" allowfullscreen loading="lazy"></iframe>
</div>
</div>
<div class="col-md">
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/gluMtEUeZ20" title="Présentation écurie 2" allow="autoplay; encrypted-media" allowfullscreen loading="lazy"></iframe>
</div>
</div>
</div>
</div><hr>
</section>

29
vue/pension.html Normal file
View File

@@ -0,0 +1,29 @@
<section id="content" class="container">
<div>
<br><h2 class="text-center">Les pensions</h2><hr>
<h3>Pensions en Box</h3>
<ul class="list-unstyled ms-3">
<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="img-thumbnail rounded my-3" src="./images/activites/pension1.jpg" alt="">
<h3>Pension en paddock</h3>
<ul class="list-unstyled ms-3">
<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="img-thumbnail rounded my-3" src="./images/activites/pension2.jpg" alt="">
<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="img-thumbnail rounded my-3" src="./images/activites/pension3.jpg" alt="">
<h6 class="text-center"><b>*</b> Vous trouverez le coût de toutes nos prestations dans la rubrique "Tarifs".</h6>
</div><hr>
</section>

34
vue/policy.html Normal file
View File

@@ -0,0 +1,34 @@
<section id="content" 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:contact@ccbinformatique.fr">contact@ccbinformatique.fr</a></h6>
<hr>
</section>

29
vue/vitrine.php Normal file
View File

@@ -0,0 +1,29 @@
<section id="content" class="container">
<div>
<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="row row-cols-1 row-cols-md-3 g-3 p-3 border border-secondary rounded">
<?php foreach($articlesCav as $cle => $article){ ?>
<div class="col">
<div class="card h-100">
<img class="card-img-top px-5" src=".<?php echo $article['imagearticle'];?>" alt="">
<div class="card-body">
<h5 class="card-title fw-normal"><?php echo $article['libelle'] ?></h5>
<p class="card-text fw-light"><?php echo substr($article['description'], 0, 150).'...';?></p>
<h5 class="card-title fw-bold"><?php echo $article['prix'] ?> €</h5>
</div>
</div>
</div>
<?php } ?>
</div>
</div><br>
</section>