christian.cunatbrule/Ecurie_Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MAJ 2

Browse Source 
MAJ général
- Ajout suppression d'élément
- CSS centralisé sur Bootstrap
- Evenement repensé avec du JS
- Modification du MVC
- Import du contenu site original (temp)
. . .
This commit is contained in:
Christian Cunat-Brulé
2018-08-09 13:28:59 +02:00
parent 29ef88376e
commit 1e02578a22
58 changed files with 2512 additions and 2686 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
les_ecuries_de_la_boissiere/about-us.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
include_once('./vue/header.php');
include_once('./vue/about_us/index.php');
include_once('./vue/footer.php');
?>

3
les_ecuries_de_la_boissiere/about_us.php
View File

@@ -1,3 +0,0 @@
<?php
include_once('./vue/about_us/index.php');
?>

5
les_ecuries_de_la_boissiere/accueil.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
include_once('./vue/header.php');
include_once('./vue/home/index.php');
include_once('./vue/footer.php');
?>

5
les_ecuries_de_la_boissiere/actualite.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
include_once('./vue/header.php');
include_once('./vue/news/index.php');
include_once('./vue/footer.php');
?>

62
les_ecuries_de_la_boissiere/balade.php Normal file
View File

@@ -0,0 +1,62 @@
<?php
include_once('./vue/header.php');
?>
<body>
<h1>LES BALADES ET RANDONNEES</h1>
<div class="row-fluid" id="topic">
<div id="topic-inner">
<div class="span12" id="top-content">
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="aILOwFUN">
<div class="pobj obj-before" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/photo-balade.jpg" style="width: 460px; max-width: 100%;" /></div>
</div>
</div>
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="oy35lAmY">
<div class="ptext">
<p>Vous avez envie de conna&icirc;tre une &eacute;quitation plus libre qui vous procure des sensations diff&eacute;rentes ? Vous aussi avez r&ecirc;v&eacute; d&#39;&eacute;vasion ? Alors vous &ecirc;tes au bon endroit !</p>
</div>
</div>
</div>
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="H8e5YEsE">
<div class="pobj obj-before" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/vue-aerienne.jpg" style="width: 480px; max-width: 100%;" /></div>
<div class="ptext">
<p>De la promenade &agrave; l&#39;heure, &agrave; la grande randonn&eacute;e, poneys et chevaux vous emm&egrave;neront parcourir le Parc du G&acirc;tinais. Avec ses hectares de pistes am&eacute;nag&eacute;es, les possibilit&eacute;s de promenades sont infinies...</p>
</div>
</div>
</div>
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="Evo5SYbh">
<div class="pobj obj-before" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/etoile-balade.jpg" style="width: 208px; max-width: 100%;" /></div>
</div>
</div>
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="tcyvPzc2">
<h2>Les Dates de Balades et Randos</h2>
<div class="pobj obj-before" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/photo-balade-2.jpg" style="width: 375px; max-width: 100%;" /></div>
<div class="ptext">
<p>Balades sur rendez-vous</p>
<p>les prochaines dates de randonn&eacute;es pour 2017-2018 ne sont pas encore &eacute;tablies</p>
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<?php
include_once('./vue/footer.php');
?>

5
les_ecuries_de_la_boissiere/boutique.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
include_once('./vue/header.php');
include_once('./vue/shop/index.php');
include_once('./vue/footer.php');
?>

5
les_ecuries_de_la_boissiere/confidentialite.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
include_once('./vue/header.php');
include_once('./vue/privacy_policy/index.php');
include_once('./vue/footer.php');
?>

5
les_ecuries_de_la_boissiere/contact.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
include_once('./vue/header.php');
include_once('./vue/contact_us/index.php');
include_once('./vue/footer.php');
?>

3
les_ecuries_de_la_boissiere/contact_us.php
View File

@@ -1,3 +0,0 @@
<?php
include_once('./vue/contact_us/index.php');
?>

66
les_ecuries_de_la_boissiere/css/colorbox.css
View File

@@ -1,66 +0,0 @@
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContentPrev{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxPrevious, #cboxNext{position: fixed !important; overflow: hidden; z-index: 10000;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxLoadingGraphic{position:fixed; top:0; left:0; width:100%; height:100%;}
#cboxLoadedContent{z-index: 10000;}
#cboxLoadedContentPrev{z-index: 9999;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/*#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}*/
#cboxLoadingOverlay{ background: #000;}
/*#cboxLoadingGraphic{ background:url(../../../images/website-loader.gif) no-repeat center center;}*/
/*#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
*/
/*#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ background:url(images/controls.png) no-repeat 0px 0px;}*/
/*
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
*/
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}*/
/*
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
* */

16
les_ecuries_de_la_boissiere/css/css
View File

@@ -1,16 +0,0 @@
/* latin */
@font-face {
font-family: 'IM Fell French Canon';
font-style: normal;
font-weight: 400;
src: local('IM FELL French Canon Roman'), local('IM_FELL_French_Canon_Roman'), url(http://fonts.gstatic.com/s/imfellfrenchcanon/v6/iKB0WL1BagSpNPz3NLMdsD7ZrzzLXYUmiRzHqUU8H80.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
font-family: 'IM Fell French Canon';
font-style: italic;
font-weight: 400;
src: local('IM FELL French Canon Italic'), local('IM_FELL_French_Canon_Italic'), url(http://fonts.gstatic.com/s/imfellfrenchcanon/v6/owCuNQkLLFW7TBBPJbMnhRZap5XCWJPp-I1JveJ-kLM.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

8
les_ecuries_de_la_boissiere/css/css(1)
View File

@@ -1,8 +0,0 @@
/* latin */
@font-face {
font-family: 'Droid Serif';
font-style: normal;
font-weight: 400;
src: local('Droid Serif'), local('DroidSerif'), url(http://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

229
les_ecuries_de_la_boissiere/css/grid_12.css
View File

@@ -1,229 +0,0 @@
.container_12 {
margin-left:auto;
margin-right:auto;
width:960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
display:inline;
float:left;
position:relative;
margin:0 10px
}
.grid_7I{
display:inline;
float:left;
position:relative;
margin:0 200px
}
.alpha {
margin-left:0
}
.omega {
margin-right:0
}
.container_12 .grid_1 {
width:60px
}
.container_12 .grid_2 {
width:140px
}
.container_12 .grid_3 {
width:220px
}
.container_12 .grid_4 {
width:300px
}
/*---CCB--*/
.container_12 .grid_A {
width:600px
}
/*---CCB--*/
.container_12 .grid_5 {
width:380px
}
.container_12 .grid_6 {
width:460px
}
.container_12 .grid_7 {
width:540px
}
.container_12 .grid_8 {
width:950px
}
.container_12 .grid_9 {
width:900px
}
.container_12 .grid_9E {
width:960px
}
.container_12 .grid_10 {
width:780px
}
.container_12 .grid_11 {
width:860px
}
.container_12 .grid_12 {
width:940px
}
.container_12 .prefix_1 {
padding-left:80px
}
.container_12 .prefix_2 {
padding-left:160px
}
.container_12 .prefix_3 {
padding-left:240px
}
.container_12 .prefix_4 {
padding-left:320px
}
.container_12 .prefix_5 {
padding-left:400px
}
.container_12 .prefix_6 {
padding-left:480px
}
.container_12 .prefix_7 {
padding-left:560px
}
.container_12 .prefix_8 {
padding-left:640px
}
.container_12 .prefix_9 {
padding-left:720px
}
.container_12 .prefix_10 {
padding-left:800px
}
.container_12 .prefix_11 {
padding-left:880px
}
.container_12 .suffix_1 {
padding-right:80px
}
.container_12 .suffix_2 {
padding-right:160px
}
.container_12 .suffix_3 {
padding-right:240px
}
.container_12 .suffix_4 {
padding-right:320px
}
.container_12 .suffix_5 {
padding-right:400px
}
.container_12 .suffix_6 {
padding-right:480px
}
.container_12 .suffix_7 {
padding-right:560px
}
.container_12 .suffix_8 {
padding-right:640px
}
.container_12 .suffix_9 {
padding-right:720px
}
.container_12 .suffix_10 {
padding-right:800px
}
.container_12 .suffix_11 {
padding-right:880px
}
.container_12 .push_1 {
left:80px
}
.container_12 .push_2 {
left:160px
}
.container_12 .push_3 {
left:240px
}
.container_12 .push_4 {
left:320px
}
.container_12 .push_5 {
left:400px
}
.container_12 .push_6 {
left:480px
}
.container_12 .push_7 {
left:560px
}
.container_12 .push_8 {
left:640px
}
.container_12 .push_9 {
left:720px
}
.container_12 .push_10 {
left:800px
}
.container_12 .push_11 {
left:880px
}
.container_12 .pull_1 {
left:-80px
}
.container_12 .pull_2 {
left:-160px
}
.container_12 .pull_3 {
left:-240px
}
.container_12 .pull_4 {
left:-320px
}
.container_12 .pull_5 {
left:-400px
}
.container_12 .pull_6 {
left:-480px
}
.container_12 .pull_7 {
left:-560px
}
.container_12 .pull_8 {
left:-640px
}
.container_12 .pull_9 {
left:-720px
}
.container_12 .pull_10 {
left:-800px
}
.container_12 .pull_11 {
left:-880px
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0
}
.clearfix {
display:inline-block
}
* html .clearfix {
height:1%
}
.clearfix {
display:block
}

2
les_ecuries_de_la_boissiere/css/prettyPhoto.css
View File

File diff suppressed because one or more lines are too long

6
les_ecuries_de_la_boissiere/css/reset.css
View File

@@ -1,6 +0,0 @@
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

1571
les_ecuries_de_la_boissiere/css/style.css
View File

File diff suppressed because it is too large Load Diff

27
les_ecuries_de_la_boissiere/css/superfish.css
View File

@@ -1,27 +0,0 @@
/*Barre Navigateur*/
.sf-menu {float:left;}
.sf-menu ul {position:absolute; top:-999px; display:none;}
.sf-menu li {position:relative; float:left; }
.sf-menu a {display:block; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:99}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}
ul.sf-menu>li { margin:0 0 0 80px; line-height:25px;}
ul.sf-menu>li:first-child{ margin:0 0 0 0px;}
ul.sf-menu>li>a { font-family: Trebuchet MS, sans-serif; font-weight:normal; font-size:13px; line-height:16px; letter-spacing: 0px; color:#caded6; text-transform:uppercase; }
ul.sf-menu>li.current /*, ul.sf-menu>li.sfHover , ul.sf-menu>li:hover*/ { }
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {color:#76b060; margin-top:0px;}
ul.sf-menu>li>a.sf-with-ul>span.sf-sub-indicator {}
ul.sf-menu>li.sfHover>a.sf-with-ul>span.sf-sub-indicator {}
ul.sf-menu>li.current>a.sf-with-ul>span.sf-sub-indicator {}
ul.sf-menu>li>ul {width:60px; background:#fffffa; padding:20px 20px 0px 20px; left:-19px; top:35px; text-transform:uppercase; border-radius:15px;}
ul.sf-menu>li>ul>li, ul.sf-menu>li.sfHover>ul>li {margin:0px 0 20px 0px;}
ul.sf-menu>li.sfHover>ul>li>a { font-family:Trebuchet MS, sans-serif; font-weight:normal; font-size:11px; line-height:14px; color:#597d6f; }
ul.sf-menu>li.sfHover>ul>li:hover, ul.sf-menu li.sfHover>ul>li.sfHover{ }
ul.sf-menu>li.sfHover>ul>li:hover>a, ul.sf-menu li.sfHover>ul>li.sfHover a{ color:#c66a21;}

14
les_ecuries_de_la_boissiere/css/tabs.css
View File

@@ -1,14 +0,0 @@
.tabs{ margin:7px 0 30px 0; }
.tabs>div { position:relative; background:#dedccb; overflow:hidden; width:596px;}
.tab-content { padding:26px 21px 21px 21px; height:195px;}
.tabs ul.nav {list-style-image:none; margin:0px 0 0px 0px; display:block; overflow:hidden;}
.tabs ul.nav li {float:left; width:198px; background:#acab9e; line-height:18px; display:inline-block; text-align:center; margin-right:1px; height:55px; border-bottom:#f7f5e2 5px solid; }
.tabs ul.nav li a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#fff; line-height:20px; font-weight:normal; display:block; padding:18px 0 20px 0px;}
.tabs ul.nav li.selected {background:#dedccb; border-bottom:#dedccb 5px solid;}
.tabs ul.nav li.selected a{ color:#423331;}
.tabs ul.nav li:hover {background:#dedccb;}
.tabs ul.nav li:hover a{ color:#423331;}
.aligncenter {text-align:center !important;}
.tab-content ul.list-1 {margin:10px 0 0 21px;}

1162
les_ecuries_de_la_boissiere/css/tototo.css Normal file
View File

File diff suppressed because it is too large Load Diff

32
les_ecuries_de_la_boissiere/ethologie.php Normal file
View File

@@ -0,0 +1,32 @@
<?php
include_once('./vue/header.php');
?>
<div id="content" class="container-fluid">
<div class="row-fluid"><div class="span12"><!--slider--></div></div>
<h1>L'EQUITATION ETHOLOGIQUE</h1>
<div id="topic" class="row-fluid"><div id="topic-inner">
<div id="top-content" class="span12">
<div class="twpara-row row-fluid"><div id="rLZp3jaV" class="span12 tw-para "></div></div>
<div class="twpara-row row-fluid"><div id="5GONeFGD" class="span12 tw-para ">
<div class="ptext"><p>"L'équitation éthologique offre une approche plus naturelle du cheval 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></div>
<div class="pobj obj-after" style="text-align:center;">
<img class=" frm-rounded" src="./images/info/p1010283.jpg" style="max-width:100%;width:314px;" alt=""></div></div></div>
<div class="twpara-row row-fluid">
<div id="cdJvZgof" class="span12 tw-para">
<div class="ptext"><p>Des initiations à l'Equitation Ethologique seront dispensés aux Ecuries de la Boissière lors d'après midi animations, ou lors de cours particuliers.<br>Renseignements à l'accueil! ;-)</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
include_once('./vue/footer.php');
?>

5
les_ecuries_de_la_boissiere/evenement.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
include_once('./vue/header.php');
include_once('./vue/event/index.php');
include_once('./vue/footer.php');
?>

3
les_ecuries_de_la_boissiere/event.php
View File

@@ -1,3 +0,0 @@
<?php
include_once('./vue/event/index.php');
?>

3
les_ecuries_de_la_boissiere/home.php
View File

@@ -1,3 +0,0 @@
<?php
include_once('./vue/home/index.php');
?>

BIN
les_ecuries_de_la_boissiere/images/about_us/jp.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
les_ecuries_de_la_boissiere/images/about_us/marianne.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

BIN
les_ecuries_de_la_boissiere/images/info/10373842-10204397246871348-2986210830522338800-n.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
les_ecuries_de_la_boissiere/images/info/dsc09387.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 KiB

BIN
les_ecuries_de_la_boissiere/images/info/dsc09397.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 KiB

BIN
les_ecuries_de_la_boissiere/images/info/dsc09401.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 KiB

BIN
les_ecuries_de_la_boissiere/images/info/dsc09410.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

BIN
les_ecuries_de_la_boissiere/images/info/ethologie-cours-groupe.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
les_ecuries_de_la_boissiere/images/info/etoile-balade.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
les_ecuries_de_la_boissiere/images/info/p1010283.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
les_ecuries_de_la_boissiere/images/info/photo-balade-2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
les_ecuries_de_la_boissiere/images/info/photo-balade.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
les_ecuries_de_la_boissiere/images/info/unnamed-10.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
les_ecuries_de_la_boissiere/images/info/unnamed-3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

BIN
les_ecuries_de_la_boissiere/images/info/vue-aerienne.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 125 KiB

322
les_ecuries_de_la_boissiere/js/script.js
View File

@@ -3,15 +3,6 @@
alert("Suite à une erreur technique la fonctionnalitée n'est actuellement pas disponible.")
}
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7078796-5']);
_gaq.push(['_trackPageview']);
@@ -21,3 +12,316 @@
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function() {
'use strict';
window.addEventListener('load', function() {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function(form) {
form.addEventListener('submit', function(event) {
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();
function verifierMail (champ) {
var str = champ.value;
var regexp = new RegExp("^[a-zA-Z0-9_\\-\\.]{3,}@[a-zA-Z0-9\\-_]{2,}\\.[a-zA-Z]{2,4}$", "g");
if (!regexp.test(str)) {
alert("L'adresse e-mail n'est pas valide !"); champ.focus();
return false;
}
return true;
}
function Verifier_Numero_Telephone(champ)
{
num_tel = champ.value;
// Definition du motif a matcher
var regex = new RegExp(/^(01|02|03|04|05|06|08)[0-9]{8}/gi);
// Test sur le motif
if(regex.test(num_tel))
{
return true;
}
else
{
alert("Le numéro n'est pas valide !"); champ.focus();
return false;
}
}
let movies = [
{
'title': 'Concours Amateur, Pro',
'lieu': 'Orveau',
'type': ['CSO','Officiel'],
'image': './images/event/Event_img32.jpg',
'date': "3 et 4 mars 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Amateur, Cycles Libre',
'lieu': 'Orveau',
'type': ['CSO','Officiel'],
'image': './images/event/Event_img32.jpg',
'date': "31 mars - 01 avril 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Amateur, Cycles Libre',
'lieu': 'Orveau',
'type': ['CSO','Officiel'],
'image': './images/event/Event_img32.jpg',
'date': "05 et 06 mai 2018",
'desc': 'BLabla'
},
{
'title': 'Concour Amateur, Pro',
'lieu': 'Orveau',
'type': ['CSO','Officiel'],
'image': './images/event/Event_img32.jpg',
'date': "13 et 14 octobre 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Amateur, Pro',
'lieu': 'Orveau',
'type': ['CSO','Officiel'],
'image': './images/event/Event_img32.jpg',
'date': "3 et 4 novembre 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Final du challenge',
'lieu': 'Orveau',
'type': ['CSO','Club'],
'image': './images/event/Event_img32.jpg',
'date': "18 mars 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Championnat clubs',
'lieu': 'Orveau',
'type': ['CSO','Club'],
'image': './images/event/Event_img32.jpg',
'date': "2 avril 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Club et poney',
'lieu': 'Orveau',
'type': ['CSO','Club'],
'image': './images/event/Event_img32.jpg',
'date': "13 mai 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Club et poney',
'lieu': 'Orveau',
'type': ['CSO','Club'],
'image': './images/event/Event_img32.jpg',
'date': "27 mai 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Club et poney',
'lieu': 'Orveau',
'type': ['CSO','Club'],
'image': './images/event/Event_img32.jpg',
'date': "10 juin 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Club et poney',
'lieu': 'Orveau',
'type': ['CSO','Club'],
'image': './images/event/Event_img32.jpg',
'date': "7 octobre 2018",
'desc': 'BLabla'
},
{
'title': 'Concours Club et poney',
'lieu': 'Orveau',
'type': ['CSO','Club'],
'image': './images/event/Event_img32.jpg',
'date': "21 octobre 2018",
'desc': 'BLabla'
},
{
'title': 'Hunter',
'lieu': 'Orveau',
'type': ['Hunter'],
'image': './images/event/Event_img32.jpg',
'date': "1 janvier 1999",
'desc': 'BLabla'
},
{
'title': 'Dressage',
'lieu': 'Orveau',
'type': ['Dressage'],
'image': './images/event/Event_img32.jpg',
'date': "1 janvier 1999",
'desc': 'BLabla'
},
{
'title': 'Pony Games/Equifun',
'lieu': 'Orveau',
'type': ['Pony Games/Equifun'],
'image': './images/event/Event_img32.jpg',
'date': "1 janvier 1999",
'desc': 'BLabla'
},
{
'title': 'Balade et Randonnées',
'lieu': 'Orveau',
'type': ['Balade/Randonnées'],
'image': './images/event/Event_img32.jpg',
'date': "1 janvier 1999",
'desc': 'BLabla'
},
];
let app = new function() {
// Récupération des données
this.movies = movies;
// Affiche les films (tous par défaut)
this.FetchAll = function(data) {
// Selection de l'élément
let elMovies = document.getElementById('movies');
let htmlMovies = '';
for (let i in data) {
for (let j in data[i].type) {
htmlMovies += '<i class="fa fa-tag" aria-hidden="true"></i> ' + data[i].type[j] + ' ';
}
htmlMovies += '<li class="media my-4">';
htmlMovies += '<img class="img-thumbnailEvent" src="' + data[i].image + '"alt="Generic placeholder image">';
htmlMovies += '<div class="media-body">';
htmlMovies += '<h4 class="mt-0 mb-1">' + data[i].title + '</h4>';
htmlMovies += '<h5>' + ' Organisé à ' + data[i].lieu + ' - ' + data[i].date + '</h5>';
htmlMovies += data[i].desc + '</div>';
htmlMovies += '</li>';
}
// Affichage de l'ensemble des lignes en HTML
elMovies.innerHTML = htmlMovies;
// Affiche le nombre de films
this.Count(data);
};
// Retourne le nombre de films
this.Count = (data) => document.getElementById('count').innerHTML = data.length + ' movies';
// Retourne la liste des checkboxes
this.DisplayFilters = function() {
// Selection de l'élément
let elTypes = document.getElementById('types');
let types = [];
// Chaque ligne (film)
for (let i in movies) {
// Chaque "type" dans chaque ligne (film)
for (let j in movies[i].type) {
types.push(movies[i].type[j]);
}
}
let uniqueTypes = types.filter( (value, index, self) => self.indexOf(value) === index );
let htmlTypes = '';
for (let i in uniqueTypes) {
htmlTypes += '<li><input type="checkbox" id="' + uniqueTypes[i] + '" name="types[]" value="' + uniqueTypes[i] + '"> <label for="' + uniqueTypes[i] + '">' + uniqueTypes[i] + '</label></li>';
}
elTypes.innerHTML = htmlTypes;
};
// Retourne la liste des checkboxes
this.DisplayFiltersDates = function() {
// Selection de l'élément
let elDates = document.getElementById('dates');
let dates = [];
// Chaque ligne (film)
for (let i in movies) {
// Chaque "date" dans chaque ligne (film)
dates.push(movies[i].date);
}
let uniqueDates = dates.filter( (value, index, self) => self.indexOf(value) === index );
let htmlDates = '';
for (let i in uniqueDates) {
htmlDates += '<button type="button" class="btn btn-secondary" id="' + uniqueDates[i] + '" name="dates" value="' + uniqueDates[i] + '" > ' + uniqueDates[i] + ' </button>';
}
elDates.innerHTML = htmlDates;
};
function OldMovies(element) {
for (let i = 0; i < element.type.length; i++) {
// film de type "Action" OU "Sci-Fi" et datant d'avant 2010
if (element.date == 2018) {
return element;
}
}
}
// Retourne les films filtrés
this.FilterByType = function() {
// Afiche les checkboxes
this.DisplayFilters();
let checkboxes = document.querySelectorAll('input');
let arrType = [];
let self = this;
for (let checkbox of checkboxes) {
checkbox.addEventListener('click', function() {
if (checkbox.checked) {
// Ajout dans le tableau de la valeur cochée
arrType.push(checkbox.value);
} else {
// Suppression dans le tableau
let removeItem = arrType.filter( (e) => e !== checkbox.value );
arrType = removeItem;
}
if (arrType.length > 0) {
let i = arrType.length - 1;
// 1er choix
if (arrType.length == 1) {
filteredMovie = self.movies.filter( (e) => e.type.indexOf(arrType[0]) !== -1 );
// Autre(s) choix
} else {
filteredMovie = filteredMovie.filter(function(e) {
for (let j = 0; j < i; j++) {
return e.type.indexOf(arrType[i]) !== -1;
}
});
}
self.FetchAll(filteredMovie);
} else {
// Reset (aucune case cochée)
app.FetchAll(movies);
}
});
}
};
this.FilterByDate = function() {
this.DisplayFiltersDates();
};
}
app.FilterByDate();
// Affichage de tous les films
app.FetchAll(movies);
// Filtrage
app.FilterByType();

3
les_ecuries_de_la_boissiere/news.php
View File

@@ -1,3 +0,0 @@
<?php
include_once('./vue/news/index.php');
?>

36
les_ecuries_de_la_boissiere/pension.php Normal file
View File

@@ -0,0 +1,36 @@
<?php
include_once('./vue/header.php');
?>
<!doctype html>
<div id="content" class="container-fluid">
<h1>LES PENSIONS</h1>
<div id="topic" class="row-fluid">
<div id="topic-inner"><div id="top-content" class="span12"><div class="twpara-row row-fluid">
<div id="xeRiewbc" clatw-para "><h2>Pensions en Box:</h2><div class="ptext">
<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&nbsp;(voir tarifs)</li>
</ul></div><div class="pobj obj-after" style="text-align:center;"><img class=" fr
m-rounded" src="./images/info/dsc09410.jpg" style="max-width:100%;width:320px;" alt=""></div></div></div>
<div class="twpara-row row-fluid"><div id="mDuHuJ06" class="span12 tw-para ">
<h2>Pension en paddock avec ou sans abri:</h2>
<div class="ptext"><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></div>
<div class="pobj obj-after" style="text-align:center;">
<img class=" frm-rounded" src="./images/info/dsc09397.jpg" style="max-width:100%;width:320px;" alt=""></div></div></div>
<div class="twpara-row row-fluid">
<div id="gVKRcT4e" class="span12 tw-para "><h2>Pension au Pré ou Pré / Box:</h2><div class="ptext">
<p>Ennplus des services et activités proposés au centre équestre, les Ecuries de la Boissière disposent d'une "annexe" située à une quinzaine de Km, à Champmotteux.</p>
<p>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
<strong><u>actif, retraité ou simplement en "vacances"</u></strong>; en pension au Pré ou Pré / Box, avec complément et fourrage.</p></div>
<div class="pobj obj-after" style="text-align:center;"><img class=" frm-rounded" src="./images/info/dsc09401.jpg" style="max-width:100%;width:320px;" alt=""></div></div></div>
<div class="twpara-row row-fluid"><div id="OCzmrUTb" class="span12 tw-para "><div class="ptext"><p>* Vous trouverez le coût de toutes nos prestations dans la rubrique"Tarifs".</p></div></div></div>
</div>
</div>
</div>
</div>
<?php
include_once('./vue/footer.php');
?>

17
les_ecuries_de_la_boissiere/php/script.php Normal file
View File

@@ -0,0 +1,17 @@
if(isset($_POST['formulaire']))
{
$mail = $_POST['Email']
if(eregi("^([a-zA-Z0-9]+)@([a-zA-Z0-9]+).{2,4}$",$mail))
{
echo "ok<br>";
}
else
{
if(eregi("^([a-zA-Z0-9]+)([_\.-]+)([a-zA-Z0-9]+){1,}@([a-zA-Z0-9]+).([a-zA-Z]+){2,4}$",$mail))
{
echo "ok<br>";
}
else
echo "erreur<br>";
}
}

31
les_ecuries_de_la_boissiere/poney.php Normal file
View File

@@ -0,0 +1,31 @@
<?php
include_once('./vue/header.php');
?>
<h1><span style="font-size:22px;">LE PONEY CLUB</span></h1>
<div id="topic" class="row-fluid"><div id="topic-inner">
<div id="top-content" class="span12"><div class="twpara-row row-fluid">
<div id="upstIn51" class="span12 tw-para "></div></div><div class="twpara-row row-fluid">
<div id="f6QFPHIW" class="span12 tw-para "><div class="pobj obj-before" style="text-align:center;">
<img class=" frm-rounded" src="./images/info/10373842-10204397246871348-2986210830522338800-n.jpg"style="max-width:100%;width:260px;" alt=""></div></div></div>
<div class="twpara-row row-fluid"><div id="afRorolF" class="span12 tw-para "><div class="pobj float-r">
<img class=" frm-rounded" src="./images/info/unnamed-10.jpg" style="max-width:100%;width:260px;" alt=""></div><div class="ptext">
<p class="ta-center">Votre enfant est intéressé par l'équitation ?</p>
<p class="ta-center">Le poney club de la Boissière accueille votre enfant dès l'âge de 3ans en reprise et dès 2ans en promenade en main.*</p></div></div></div>
<div class="twpara-row row-fluid"><div id="vfrIYrX4" class="span12 tw-para ">
<div class="pobj float-l">
<img class=" frm-rounded" src="./images/info/dsc09387.jpg" style="max-width:100%;width:260px;" alt=""></div>
<div class="ptext"><p>Le poney-club se compose de 16 poneys de tailles différentes pour permettre à votre enfant de découvrir un sport ludique, passionnant et qui lui apprendra à devenir responsable.</p></div></div></div>
<div class="twpara-row row-fluid"><div id="Aj0LHAc5" class="span12 tw-para ">
<div class="pobj float-r">
<img class=" frm-rounded" src="./images/info/unnamed-3.jpg" style="max-width:100%;width:640px;" alt=""></div>
<div class="ptext"><p>L'initiation de l'équitation est basée sur le jeu et la découverte de la monture. Par la suite, nos petits cavaliers seront préparés à l'obtention de leurs diplômes. (Galops 1, 2, 3…)</p></div></div></div>
<div class="twpara-row row-fluid"><div id="R9XuHVhV" class="span12 tw-para "><div class="ptext">
<p>* Renseignements à l'accueil</p></div></div></div></div></div></div></div>
<?php
include_once('./vue/footer.php');
?>

3
les_ecuries_de_la_boissiere/price_list.php
View File

@@ -1,3 +0,0 @@
<?php
include_once('./vue/price_list/index.php');
?>

3
les_ecuries_de_la_boissiere/privacy_policy.php
View File

@@ -1,3 +0,0 @@
<?php
include_once('./vue/privacy_policy/index.php');
?>

3
les_ecuries_de_la_boissiere/shop.php
View File

@@ -1,3 +0,0 @@
<?php
include_once('./vue/shop/index.php');
?>

151
les_ecuries_de_la_boissiere/stage.php Normal file
View File

@@ -0,0 +1,151 @@
<?php
include_once('./vue/header.php');
?>
<div class="container-fluid" id="content">
<div class="row-fluid">
<div class="span12"><!--slider--></div>
</div>
<div class="navbar" id="toolbar3">
<div class="navbar-inner">
<div class="container-fluid">
<ul class="nav" id="toolbar3_l">
<li><!--searchbox--></li>
</ul>
<ul class="nav pull-right" id="toolbar3_r">
<li>
<div id="sharebox"><a href="https://www.facebook.com/Ecuries DE LA Boissiere" target="_blank"><img alt="" src="_frame/tw-share-facebook@2x.png" style="width: 24px; height: 24px;" /></a><a href="JEAN-PHILIPPE BERTHIER " rel="publisher" target="_blank"><img alt="" src="_frame/tw-share-google@2x.png" style="width: 24px; height: 24px;" /></a><a href="znvygb?rphevrfobvffvrer#tznvy.pbz" onclick="javascript:return(decMail2(this));" target="_blank"><img alt="" src="_frame/tw-share-mail@2x.png" style="width: 24px; height: 24px;" /></a></div>
</li>
<li></li>
</ul>
</div>
</div>
</div>
<h1>LES STAGES</h1>
<div class="row-fluid" id="topic">
<div id="topic-inner">
<div class="span12" id="top-content">
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="J4rgZE5N"></div>
</div>
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="y8lY2GfL">
<div class="ptext">
<p>Durant les vacances scolaires, sont organis&eacute;s des stages de prise de connaissance du poney ou du cheval, de pr&eacute;paration aux Galops ou de perfectionnement, orient&eacute;s vers la comp&eacute;tition.</p>
</div>
<div class="pobj obj-after" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/ethologie-cours-groupe.jpg" style="width: 314px; max-width: 100%;" /></div>
</div>
</div>
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="QomxHYMg">
<h2>D&eacute;roulement d&#39;un stage type:</h2>
<div class="ptext">
<ul>
<li>Arriv&eacute;e &agrave; 9h00.</li>
<li>Pratique autour du cheval</li>
<li>Hippologie et Travaux Pratiques</li>
<li>2 ou 3h d&#39;&eacute;quitation</li>
<li>repas et go&ucirc;ter &agrave; emporter</li>
<li>fin de journ&eacute;e de stage 17h30</li>
</ul>
</div>
</div>
</div>
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="RhxVnfUX">
<div class="ptext">
<p>* Les inscriptions se font &agrave; l&#39;accueil ou par t&eacute;l&eacute;phone</p>
</div>
</div>
</div>
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="f97f6dcce57e6539d90780c8d63df28a">
<h2>STAGES</h2>
<div class="ptext">
<p><span style="font-size: 18px;"><strong><sub>TOUTES LES VACANCES SCOLAIRES</sub></strong></span></p>
<p>NOUVEAU ! nous accueillons vos enfants le Mercredi durant toute l&#39;ann&eacute;e de 9&nbsp;H &agrave; 18 H&nbsp; &nbsp; 55 &euro;&nbsp; compris 2 H d&#39;&eacute;quitation</p>
<p></p>
<p><strong><em>Et&eacute;&nbsp;aux Ecuries</em></strong></p>
<p>Du 10 juillet au 4 aout 2018</p>
<p>Du 20 aout au 1er septembre 2018</p>
<p></p>
<p></p>
<p></p>
<p><strong><em>Et&eacute; &agrave; Lamotte Beuvron</em></strong>:</p>
<p>du&nbsp;30&nbsp;juillet &nbsp;au&nbsp;04&nbsp;aout&nbsp; 2018</p>
<p></p>
<p></p>
<p>les passages de galop se font tous les vendredis de semaine de stage sauf pendant les vacances de No&ecirc;l o&ucirc; nous les feront exceptionnellement passer le jeudi.</p>
<p>Nous maintenons &eacute;galement tous nos cours pendant les p&eacute;riodes de stages</p>
</div>
</div>
</div>
<div class="twpara-row row-fluid">
<div class="span12 tw-para " id="MNF344q2">
<h2><font size="3">STAGES D&#39;ETE A LAMOTTE BEUVRON</font></h2>
<div class="ptext">
<p>Durant les deux premi&egrave;res semaines du mois d&#39;ao&ucirc;t, nous organisons un stage &agrave; Lamotte Beuvron dans le parc f&eacute;d&eacute;ral de la f&eacute;d&eacute;ration fran&ccedil;aise d&#39;&eacute;quitation. Il s&#39;&eacute;tend sur plus de 200 hectares en plein c&oelig;ur de la for&ecirc;t solognote.<br />
Chaque ann&eacute;e, le parc f&eacute;d&eacute;ral accueille des centres &eacute;questres de toutes les r&eacute;gions avec leurs cavaliers et leurs chevaux, pour permettre aux centres &eacute;questres de profiter des installations misent &agrave; leur disposition.<br />
6 carri&egrave;res d&#39;obstacles, 4 carri&egrave;res de dressage, 2 grands man&egrave;ges, un terrain de horse ball, et un terrain de cross exceptionnel.</p>
<p>Exemple d&#39;une journ&eacute;e</p>
<p>8h00 : soins des chevaux (eau, granul&eacute;s, paillage des boxes)<br />
8h30 : petit d&eacute;jeuner<br />
10h00 &agrave; 11h30 : &eacute;quitation<br />
12h00 : soins des chevaux (eau et granul&eacute;s)<br />
12h30 : d&eacute;jeuner<br />
14h &agrave; 15h30 : &eacute;quitation<br />
16h00 : go&ucirc;ter<br />
16h30 &agrave; 18h00 : piscine<br />
19h30 : D&icirc;ner<br />
20h30 : jeu en groupe<br />
22h30 : dodo</p>
<p>Semaine du lundi&nbsp;31 juillet&nbsp;au&nbsp;05 aout&nbsp;2018&nbsp;<br />
&nbsp;</p>
<p>Tarif : 665 euros tout compris pour les adh&eacute;rents<br />
tarif non adh&eacute;rents: nous contacter</p>
<p><br />
Renseignements &agrave; l&#39;accueil ou par t&eacute;l&eacute;phone</p>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
include_once('./vue/footer.php');
?>

5
les_ecuries_de_la_boissiere/tarif.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
include_once('./vue/header.php');
include_once('./vue/price_list/index.php');
include_once('./vue/footer.php');
?>

370
les_ecuries_de_la_boissiere/vue/about_us/index.php
View File

@@ -1,227 +1,191 @@
<!--Header-->
<?php
include("./vue/header.php")
?>
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container_12 padcontent">
<div class="container">
<!--Description à propos-->
<div class="box-3 marg5">
<h2>À propos de nous</h2>
<div class="wrap">
<figure class="page2-pic"><img src="./images/about_us/About_us_imgIntro.jpg" alt="" class="image-border img-indent"></figure>
<div class="extra-wrap">
<p class="text-4 pad4">Notre centre équestre est agréé Ecole Française d'Equitation et encadré par 2 moniteurs diplômés d'Etat.</p>
<p class="text-7 pad5">
<div class="media">
<figure><img class="rounded" src="./images/about_us/About_us_imgIntro.jpg" alt=""></figure>
<div class="media-body">
<p>Notre centre équestre est agréé Ecole Française d'Equitation et encadré par 2 moniteurs diplômés d'Etat.</p>
<p>
La cavalerie du centre équestre est composée de 12 chevaux adaptés au niveau de chaque cavalier.
L'enseignement de l'équitation est réparti sur plusieurs cours en fonction du niveau équestre du cavalier, qu'il soit débutant ou confirmé.</p>
<p class="text-7 pad12">Les cours permettrons à chaque cavalier de progresser au travers de diverses disciplines équestres (dressage, obstacles, cross, etc…), ce qui l'amènera s'il le désir, à la préparation des examens fédéraux (galops 1 à 7), ainsi qu'à la compétition.
<p>Les cours permettrons à chaque cavalier de progresser au travers de diverses disciplines équestres (dressage, obstacles, cross, etc…), ce qui l'amènera s'il le désir, à la préparation des examens fédéraux (galops 1 à 7), ainsi qu'à la compétition.
Le club met à votre disposition des installations modernes et agréables.</p>
</div>
</div>
</div>
<!--Description d'installation-->
<div class="box-7">
<h2>Installations</h2>
<p class="text-7 pad8">Le Centre Equestre vous propose diverses installations accéssibles a tous.</p>
<p>Le Centre Equestre vous propose diverses installations accéssibles a tous.<br>
Que se soit pour les cours les concours ou vos cheveaux tous est fait pour travailler et pour le bien de votre cheval.</p>
<!--Description d'installation POP-UP Lien-->
<ul class="list1">
<li><a data-toggle="modal" data-target="#myModal1">> 2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
<div id="myModal1" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Carrières d'obstacles : 90 x 40 / 80 x 50</h4>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgCarO.jpg" height="400" width="600">
<p></p>
</div>
<div class="modal-footer">
<!-- <button type="button" class="btn-close" data-dismiss="modal">Fermer</button>-->
</div>
</div>
</div>
<div class="clear"></div>
</div>
<li><a data-toggle="modal" data-target="#myModal2">> 1 Carrière d'entraînement : 50 x 40</a></li>
<div id="myModal2" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Carrière d'entraînement : 50 x 40</h4>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgCarE.jpg" height="400" width="600">
<p></p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
<div class="clear"></div>
</div>
<li><a data-toggle="modal" data-target="#myModal3">> 1 Carrière de dressage : 65 x 30</a></li>
<div id="myModal3" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Carrière de dressage : 65 x 30</h4>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgCarD.jpg" height="400" width="600">
<p></p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
<div class="clear"></div>
</div>
<li><a data-toggle="modal" data-target="#myModal4">> 1 Manège couvert et éclairé : 30m x 20m</a></li>
<div id="myModal4" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Manège couvert et éclairé 30m x 20m</h4>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgManege.jpg" height="400" width="600">
<p></p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
<div class="clear"></div>
</div>
<li><a data-toggle="modal" data-target="#myModal5">> 37 Boxes de 3m x 3m</a></li>
<div id="myModal5" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Boxes</h4>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgBoxe.jpg" height="400" width="600">
<p></p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
<div class="clear"></div>
</div>
<li><a data-toggle="modal" data-target="#myModal6">> 1 Stabulation</a></li>
<div id="myModal6" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Stabulation</h4>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgStabulation.jpg" height="400" width="600">
<p>Pour les poneys ou le poulinage</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
<div class="clear"></div>
</div>
<li><a data-toggle="modal" data-target="#myModal7">> 7 Paddocks avec ou sans abris et 2 prés</a></li>
<div id="myModal7" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Paddocks et Prés</h4>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgPres.jpg" height="400" width="600">
<p></p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
<div class="clear"></div>
</div>
<li><a data-toggle="modal" data-target="#myModal8">> 1 Rond de longe</a></li>
<div id="myModal8" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Rond de longe</h4>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgRondLonge.jpg" onerror="this.onerror=null;this.src='./about_us_files/image/about_us/About_us_img00.jpg';" height="400" width="600">
<p></p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
<div class="clear"></div>
</div>
<ul class="list-group" style="list-style:circle">
<li><a data-toggle="modal" data-target="#myModal1">2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
<li><a data-toggle="modal" data-target="#myModal2">1 Carrière d'entraînement : 50 x 40</a></li>
<li><a data-toggle="modal" data-target="#myModal3">1 Carrière de dressage : 65 x 30</a></li>
<li><a data-toggle="modal" data-target="#myModal4">1 Manège couvert et éclairé : 30m x 20m</a></li>
<li><a data-toggle="modal" data-target="#myModal5">37 Boxes de 3m x 3m</a></li>
<li><a data-toggle="modal" data-target="#myModal6">1 Stabulation</a></li>
<li><a data-toggle="modal" data-target="#myModal7">7 Paddocks avec ou sans abris et 2 prés</a></li>
<li><a data-toggle="modal" data-target="#myModal8">1 Rond de longe</a></li>
</ul>
<p class="text-7 marg8">Que se soit pour les cours les concours ou vos cheveaux tous est fait pour travailler et pour le bien de votre cheval.</p>
<!-- Modal1 -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">2 Carrières d'obstacles : 90 x 40 / 80 x 50</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgCarO.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal2 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Carrière d'entraînement : 50 x 40</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgCarE.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal3 -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Carrière de dressage : 65 x 30</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgCarD.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal4 -->
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Manège couvert et éclairé 30m x 20m</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgManege.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal5 -->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Boxes</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgBoxe.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal6 -->
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Stabulation pour poneys ou poulinage</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgStabulation.jpg" style="width:100%">
</div>
</div>
</div>
</div>
<!-- Modal7 -->
<div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Paddocks et Prés</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgPres.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal8 -->
<div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Rond de longe</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgRondLonge.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<br><h2>Enseignants</h2>
<div class="grid_12 marg9">
<h2>Rencontrez nos favoris</h2>
<div class="grid_8">
<div class="fleft">
<img id="image-border" alt="" src= './images/about_us/About_us_img01.jpg'>
<div class="container">
<div class="row">
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/about_us/jp.jpg" style="height:100%;max-height:350px">
<div class="about-desc">
<center><p class="text-8">Cacao</p></center>
<p class="text-7"><
STENSON de
7 ans et de robe
ALEZANE appartenant au CLUB</p>
<h5>Jean-Philippe BERTHIER</h5>
<p>Monitorat BEES1 obtenu en 2004 / Responsable du Centre Equestre</p>
</div>
</div>
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/about_us/marianne.jpg" style="height:100%;max-height:350px">
<div class="about-desc">
<h5>Marianne BERTHIER</h5>
<p>Monitorat BPJEPS obtenu en 2012</p>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</section>
</div>
</body>
<!--Footer-->
<?php
include("./vue/footer.php")
?>

96
les_ecuries_de_la_boissiere/vue/contact_us/index.php
View File

@@ -1,58 +1,58 @@
<!--Header-->
<?php
include("./vue/header.php")
?>
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container_12 padcontent">
<!--Information de contact-->
<div class="grid_5">
<h2>Trouvez nous</h2>
<div class="map image-border">
<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="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<section id="content" class="page-content">
<div class="container">
<div><h2>Trouvez nous</h2></div><br>
<div class="row">
<div class="col">
<div class="map-responsive">
<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" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<dl>
<dd class="text-4">Les Ecuries de la Boissiere<br>
</div>
<div class="col"><dl><dd>
Coordonnées GPS :<br>
Lat: 48.442 433 Long: 2.299016
</dd>
<dd>
Les Ecuries de la Boissiere<br>
Route de la Ferte-Alais / D 145<br>
91590 ORVEAU</dd>
<dd><span>Telephone:</span>01.64.57.58.77</dd>
<dd><span>Mobile :</span>06.72.00.55.65</dd>
<dd>E-mail: <a href="mailto:ecuriesboissiere@gmail.com" class="link2">ecuriesboissiere@gmail.com</a></dd>
</dl>
91590 ORVEAU
</dd>
<dd>
Telephone : 01.64.57.58.77<br>
Mobile : 06.72.00.55.65<br>
E-mail : <a href="mailto:ecuriesboissiere@gmail.com" class="link2">ecuriesboissiere@gmail.com</a>
</dd></dl></div>
</div>
<!--Formulaire Contact-->
<div class="grid_7">
<h2>Entrer en contact</h2>
<form id="form" method="post" action="contact_us.php">
<fieldset>
<label class="name">
<input type="text" name="subject" value="<?php if (isset($_POST['subject'])){echo $_POST['subject'];} ?>" id="name" required placeholder="Nom:">
<span class="error error-empty" style="display: none;">*Ce n'est pas un nom valide .</span><span class="empty error-empty" style="display: none;">*Ce champ est requis.</span> </label>
<label class="email">
<input type="email" name="email" value="<?php if (isset($_POST['email'])){echo $_POST['email'];} ?>" id="email" required placeholder="Email:">
<span class="error error-empty" style="display: none;">*Cette adresse email n'est pas valide.</span><span class="empty error-empty" style="display: none;">*Ce champ est requis.</span> </label>
<label class="phone">
<input type="tel" name="numphone" value="<?php if (isset($_POST['numphone'])){echo $_POST['numphone'];} ?>" id="phone" required placeholder="Téléphone:">
<span class="error error-empty" style="display: none;">*Ce n'est pas un numéro de téléphone valide.</span><span class="empty error-empty" style="display: none;">*Ce champ est requis.</span> </label>
<label class="message">
<textarea name="messages" id="message" required placeholder="Message"><?php echo @$_POST['messages']; ?></textarea>
<span class="error" style="display: none;">*Le message est trop court .</span> <span class="empty" style="display: none;">*Ce champ est requis.</span>
</label>
</fieldset>
<button type="submit" value="Envoyer" class="button-3" onclick="Alerte()">Envoyer </button>
<div class="success" >Formulaire de contact envoyé! <strong>Nous serons en contact bientot.</strong> </div>
<br><div><h2>Entrer en contact</h2></div><br>
<form class="needs-validation" onsubmit="return verifierMail(this.elements['Email']); return Verifier_Numero_Telephone(this.elements['Téléphone'])" method='post' name="formulaire" novalidate>
<div class="form-row">
<div class="col-md-3 mb-3">
<label for="validationCustom01">Nom</label>
<input type="text" class="form-control" id="validationCustom01" placeholder="Nom" required>
<div class="invalid-feedback">Veuillez fournir un nom valide.</div>
</div>
<div class="col-md-3 mb-3">
<label for="validationCustom02">Email</label>
<input type="mail" class="form-control" id="validationCustom02" placeholder="Email" required>
<div class="invalid-feedback">Veuillez fournir un mail valide.</div>
</div>
<div class="col-md-3 mb-3">
<label for="validationCustom05">Téléphone</label>
<input type="tel" class="form-control" id="validationCustom03" placeholder="Téléphone" required>
<div class="invalid-feedback">Veuillez fournir un numéro valide.</div>
</div>
</div>
<div class="form-row">
<div class="col-md-9 mb-3">
<label for="exampleFormControlTextarea1">Message</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
</div>
<button class="btn btn-primary" type="submit">Envoyer</button>
</form><br>
</div>
<!--Div Format-->
<div class="clear"></div>
</section>
</div>
</section>
</div>
</body>
<!--Footer-->
<?php
include("./vue/footer.php")
?>

154
les_ecuries_de_la_boissiere/vue/event/index.php
View File

@@ -1,150 +1,28 @@
<!--Header-->
<?php
include("./vue/header.php")
?>
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container_12 padcontent">
<div class="container">
<!--Div Trie-->
<div class="grid_3">
<div class="btn-group" id="dates" role="group" aria-label="Basic example">
<!-- Liste des dates d'event sous forme de checkboxes-->
</div>
<ul id="types" class="col-4 list-unstyled">
<!-- Liste des types d'event sous forme de checkboxes-->
</ul>
<!--Affichage Event-->
<p id="count"></p>
<div class="contenu_onglet " id="contenu_onglet_tous">
<h2>Tous les évenements du club</h2>
<div class="media">
<div class="media-body">
<ul class="list-unstyled" id="movies">
<h2>Trier</h2>
<ul class="list2 margpad3">
<li><a class="onglet_0 onglet" id="onglet_tous" onclick="javascript:change_onglet('tous');">Tous les événements</a></li>
<li><a class="onglet_0 onglet" id="onglet_decembre" onclick="javascript:change_onglet('decembre');">Décembre 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_novembre" onclick="javascript:change_onglet('novembre');"">Novembre 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_octobre" onclick="javascript:change_onglet('octobre');">Octobre 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_septembre" onclick="javascript:change_onglet('septembre');">Septembre 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_aout" onclick="javascript:change_onglet('aout');"">Août 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_juillet" onclick="javascript:change_onglet('juillet');"">Juillet 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_juin" onclick="javascript:change_onglet('juin');"">Juin 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_mai" onclick="javascript:change_onglet('mai');"">Mai 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_avril" onclick="javascript:change_onglet('avril');"">Avril 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_mars" onclick="javascript:change_onglet('mars');">Mars 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_fevrier" onclick="javascript:change_onglet('fevrier');">Février 2017</a></li>
<li><a class="onglet_0 onglet" id="onglet_janvier" onclick="javascript:change_onglet('janvier');">Janvier 2017</a></li>
</ul>
</div>
<!--Affichage Event-->
<div class="grid_9E">
<div class="contenu_onglets">
<!--Filtre Tous-->
<div class="contenu_onglet" id="contenu_onglet_tous">
<h2>Evénements à venir</h2>
<!--Titre-->
<div class="wrap marg21">
<p class="colorbold pad1">Event1</p>
<div class="event-lieu">
<p class="text-17">Organisé à Orveau-
</div>
<div class="event-date">
<p class="text-17">'2017-07-13 17:00:00'</p>
</div>
</div>
<!--Description-->
<div class="wrap ">
<img src='./images/event/Event_img32.jpg' alt="" class="image-border img-indent4">
<div class="extra-wrap box-6">
<p class="text-7 pad13">BlablaEvent</p>
<!--<a href="event.php#" class="button-1 style" style="color:red">Participer</a>-->
</div>
</div>
</div>
<!--Filtre Janvier-->
<div class="contenu_onglet" id="contenu_onglet_janvier">
<h2>Evénements en janvier</h2>
</div>
<!--Filtre Fevrier-->
<div class="contenu_onglet" id="contenu_onglet_fevrier">
<h2>Evénements en février</h2>
</div>
<!--Filtre Mars-->
<div class="contenu_onglet" id="contenu_onglet_mars">
<h2>Evénements en mars</h2>
</div>
<!--Filtre Avril-->
<div class="contenu_onglet" id="contenu_onglet_avril">
<h2>Evénements en avril</h2>
</div>
<!--Filtre Mai-->
<div class="contenu_onglet" id="contenu_onglet_mai">
<h2>Evénements en mai</h2>
</div>
<!--Filtre Juin-->
<div class="contenu_onglet" id="contenu_onglet_juin">
<h2>Evénements en juin</h2>
</div>
<!--Filtre Juillet-->
<div class="contenu_onglet" id="contenu_onglet_juillet">
<h2>Evénements en juillet</h2>
</div>
<!--Filtre Aout-->
<div class="contenu_onglet" id="contenu_onglet_aout">
<h2>Evénements en août</h2>
</div>
<!--Filtre Septembre-->
<div class="contenu_onglet" id="contenu_onglet_septembre">
<h2>Evénements en septembre</h2>
</div>
<!--Filtre Octobre-->
<div class="contenu_onglet" id="contenu_onglet_octobre">
<h2>Evénements en octobre</h2>
</div>
<!--Filtre Novembre-->
<div class="contenu_onglet" id="contenu_onglet_novembre">
<h2>Evénements en novembre</h2>
</div>
<!--Filtre Décembre-->
<div class="contenu_onglet" id="contenu_onglet_decembre">
<h2>Evénements en décembre</h2>
</div>
</div>
<!--Div Format-->
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</section>
</div>
<!--Open Begin Page-->
<script type="text/javascript">
var anc_onglet = 'tous';
change_onglet(anc_onglet);
</script>
<!--Footer-->
<?php
include("./vue/footer.php")
?>

20
les_ecuries_de_la_boissiere/vue/footer.php
View File

@@ -4,18 +4,18 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<!--Bootstrap-->
<footer>
<div class="footcont">
<div class="fleft">
<a href="http://www.ecuries-boissiere.com/" target="_blank" class="footic-1"></a>
<a href="home.php#" class="footic-2"></a>
<a href="https://www.facebook.com/pages/Les-%C3%89curies-de-la-Boissi%C3%A8re/532820556840979" target="_blank" class="footic-3"></a>
<a href="home.php#" class="footic-4"></a>
</body>
<footer>
<div class="container">
<div>
<a href="http://www.ecuries-boissiere.com/" target="_blank"><img src="./images/all/footer_icon_01.png" alt="Officiel"/></a>
<a href="home.php#"><img src="./images/all/footer_icon_02.png" alt="Home"/></a>
<a href="https://www.facebook.com/pages/Les-%C3%89curies-de-la-Boissi%C3%A8re/532820556840979" target="_blank"><img src="./images/all/footer_icon_03.png" alt="face book"/></a>
<a href="http://ppe-les-ecuries-boissiere.esy.es/les_ecuries_de_la_boissiere/home.php" target="_blank"><img src="./images/all/footer_icon_04.png" alt="Autre"/></a>
</div>
<div class="fright">
<p>&nbsp;Les Ecuries de la Boissière © 2017 Tous droits réservés&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;<a href="privacy_policy.php">Politique de confidentialité</a></p>
<div>
<p>&nbsp;Les Ecuries de la Boissière © 2017 Tous droits réservés&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;<a href="confidentialite.php">Politique de confidentialité</a></p>
</div>
</div>
</footer>
</body>
</html>

68
les_ecuries_de_la_boissiere/vue/header.php
View File

@@ -10,28 +10,58 @@
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>
<header>
<!-- Affichage En tête -->
<div class="main">
<h1><a href="home.php"><img src="./images/all/logo.png" alt=""></a></h1>
<!-- Bouton de Navigation des pages -->
<nav>
<ul class="sf-menu sf-js-enabled">
<li><a href="home.php">accueil</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="about_us.php">à propos de nous <span class="caret"></span></a>
<div class="dropdown-content"> <span class="arrow1"></span>
<a href="about_us.php">Le Centre</a>
<a href="price_list.php">Tarifs</a>
<a href="contact_us.php">Contactez-nous</a>
</div></li>
<li><a href="shop.php">boutique</a></li>
<li><a href="news.php">actualités</a></li>
<li><a href="event.php">événements</a></li>
<center><a href="accueil.php"><img src="./images/all/logo.png" alt=""></a></center>
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
<a class="navbar-brand" href="accueil.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="about-us.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="boutique.php">Shopping</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="navbarDropdown" 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.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>
</ul>
<div class="clear"></div>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
</div>
</header>

73
les_ecuries_de_la_boissiere/vue/home/index.php
View File

@@ -1,53 +1,64 @@
<!--Header-->
<?php
include("./vue/header.php")
?>
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<!--==============================content================================-->
<section id="content" class="main-content">
<div class="container_12 padcontent">
<div class="grid_12">
<!--Haut de page-->
<div id="slideshowhome">
<ul id="sContent">
<li><img src="./images/home/Home_img01.jpg" alt="Image1" style="width: 940px; height: 500px;" /></li>
<li><img src="./images/home/Home_img02.jpg" alt="Image2" style="width: 940px; height: 500px;" /></li>
<li><img src="./images/home/Home_img03.jpg" alt="Image3" style="width: 940px; height: 500px;" /></li>
</ul>
<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/Home_img01.jpg"" alt="First slide">
</div>
<div class="banner-1">
<div class="bannerup"></div>
<div class="bannercenter">
<div class="carousel-item">
<img class="d-block w-100" src="./images/home/Home_img02.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./images/home/Home_img03.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="dropdown-divider"></div>
<div class="container">
<p class="text-1"> Les Ecuries de la Boissière </p>
<p class="text-2">Situées à 40 Km de Paris, en plein cœur du Parc du Gâtinais, les Ecuries de la Boissière vous accueillent dans un écrin de verdure...<br/><br>
Vous y découvrirez, dans des infrastructures modernes et de qualité, une équitation sportive et ludique encadrée par des enseignants compétents.
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 2016/2017 !!</p>
</div>
</div>
</div>
<!--Bas de page-->
<div class="box-2">
<div class="container">
<h2>Nouvelles</h2>
<div class="wrap marg1">
<div class="numbox img-indent3"><span>Mai</span>
<strong>23</strong></div>
<div class="row">
<div class="col">
<div class="numbox">
<span>Mai</span>
<strong>23</strong>
</div>
<div class="extra-wrap">
<p class="colorbold marg3 pad1"><a href="./news.php" class="link">Event1</a></p>
<p class="text-7">BlablaEvent</p>
</div>
</div>
<!--Div Format-->
<div class="clear"></div>
<div class="col">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<div class="extra-wrap">
<p class="colorbold marg3 pad1"><a href="./news.php" class="link">Event2</a></p>
<p class="text-7">BlablaEvent</p>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</section>
</div>
</body>
<!--Footer-->
<?php
include("./vue/footer.php")
?>

81
les_ecuries_de_la_boissiere/vue/news/index.php
View File

@@ -1,43 +1,66 @@
<!--Header-->
<?php
include("./vue/header.php")
?>
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container_12 padcontent">
<div class="grid_9">
<div class="container">
<center><h2>Dernières nouvelles</h2></center>
<div class="content-news" id="">
<div class="wrap marg13">
<div class="numbox img-indent3">
<span>Juin</span>
<strong>10</strong></div>
<div class="extra-wrap">
<p class="colorbold marg3 pad1">Event1</p>
<!-- <p class="text-16">Posté par Admin <span>46 Commentaire(s)</span></p>-->
<ul class="list-unstyled">
<li class="media">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu5</h5>
Cras, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
<div class="wrap marg17">
<img src='./images/event/Event_img31.jpg' alt="" class="image-border img-indent4">
<div class="extra-wrap box-5">
<!--<p class="text-12">Anniversaire du Club</p>-->
<p class="text-7news pad6">BlablaEvent</p>
</li>
<li class="media my-4">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu4</h5>
Cras viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</li>
<li class="media my-4">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<!--Div Format-->
<div class="clear"></div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu3</h5>
Cras sit amet nibh at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
<div class="clear"></div>
</li>
<li class="media my-4">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu2</h5>
Cras sit amet nibh at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</li>
<li class="media my-4">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu1</h5>
Cras sit amet nibh at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</li>
</ul>
</div>
</section>
</div>
</body>
<!--Footer-->
<?php
include("./vue/footer.php")
?>

158
les_ecuries_de_la_boissiere/vue/price_list/index.php
View File

@@ -1,67 +1,54 @@
<!--Header-->
<?php
include("./vue/header.php")
?>
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container_12 padcontent">
<div class="grid_9">
<div class="container">
<center><h2>Tarifs 2016-2017</h2></center><br>
<!--Affichage Flèche de direction-->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
<!--Affichage Bouton position -->
<div style="text-align:center">
<span class="dot" title="Cotisations" onclick="currentSlide(1)"></span>
<span class="dot" title="Leçons" onclick="currentSlide(2)"></span>
<span class="dot" title="Coût pour propriétaire" onclick="currentSlide(3)"></span>
<span class="dot" title="Cavaliers de passage" onclick="currentSlide(4)"></span>
<span class="dot" title="Stage d’équitation" onclick="currentSlide(5)"></span>
</div>
<br>
<!--Affichage Tarif-->
<div class="slideshow-container">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active" style="color:green"></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" style="height:100%;min-height:850px">
<div class="carousel-item active">
<div class="mySlides fade-tarif">
<div class="numbertext">1 / 5</div>
<center><img src="./images/price_list/Tarif1.jpg" class="img-tarif"></center>
<div class="text">
<p class="colorbold marg3 pad1"">Cotisations</p>
<p class="text-7price pad6"><br>
<center><img src="./images/price_list/Tarif1.jpg" class="img-tarif">
<div>
<h4>Cotisations</h4>
<p><br>
• Baby poney de 2 à 4 ans ..................................offerte <br>
• Moins de 16 ans................................................125 €<br>
• Adultes..........................................................158 €<br>
• Famille (parents + enfant(s) -18ans)......................280 €<br>
• Baby poney de 2 à 4 ans ..................................offerte<br>
</p>
<p class="colorbold marg3 pad1">Licence Fédéral</p>
<p class="text-7price pad6"><br>
<h4>Licence Fédéral</h4>
<p><br>
• Né(e) en 1997 & après.........................................25 €<br>
• Né(e) en 1996 & avant.........................................36 €<br>
</p>
<p class="colorbold marg3 pad1">Licence Compétition </p>
<p class="text-7price pad6"><br>
<h4>Licence Compétition </h4>
<p><br>
• Compétition PRO..............................................330 €<br>
• Compétition Amateur.........................................80 €<br>
• Compétition Club........................................Gratuite<br>
</p>
<p class="colorbold marg3 pad1">Compétition :</p>
<p class="text-7price pad6"><br>
<h4>Compétition :</h4>
<p><br>
• Engagement................................................variable<br>
• Forfait Concours interne.......22 € + prix de l'engagement<br>
• Forfait Concours externe ...... 56€ + pris de l'engagement
</p><br></div>
</p></div></center>
</div>
<div class="carousel-item">
<div class="mySlides fade-tarif">
<div class="numbertext">2 / 5</div>
<center><img src="./images/price_list/Tarif2.jpg" class="img-tarif"></center>
<div class="text">
<p class="colorbold marg3 pad1">Leçons</p>
<p class="text-7price pad6"><br>
<center><img src="./images/price_list/Tarif2.jpg" class="img-tarif">
<div>
<h4>Leçons</h4>
<p><br>
<b>Membre non propriétaire d'un équidé :<br><br></b>
• Carte 10h cheval/poney................................183 €<br>
Comprenant le droit d'accès à 122€ et l'enseignement de 10 leçons à 61€<br>
@@ -80,16 +67,14 @@ include("./vue/header.php")
• Forfait pour les - de 8 ans ...........................219 €<br>
Comprenant le droit d'accès à 146€ et l'enseignement de 10 leçons à 73€<br>
• Forfait 3 h de cours par semaine..........................291€/mois
</p><br></div>
</p></div></center>
</div>
<div class="carousel-item">
<div class="mySlides fade-tarif">
<div class="numbertext">3 / 5</div>
<center><img src="./images/price_list/Tarif3.jpg" class="img-tarif"></center>
<div class="text">
<p class="colorbold marg3 pad1">Coût global mensuel pour un propriétaire</p>
<p class="text-7price pad6"><br>
<center><img src="./images/price_list/Tarif3.jpg" class="img-tarif">
<div>
<h4>Coût global mensuel pour un propriétaire</h4>
<p><br>
<b>Chevaux:<br><br></b>
• Formule box classique.................................498€/mois<br>
- Formule box sorties luxe..............................528€/mois <br>
@@ -104,17 +89,14 @@ include("./vue/header.php")
<b>Champmotteux:<br><br></b>
• Formule Pré évasion ..................................240€/mois<br>
• Formule Pré évasion confort ........................350€/mois
</p><br>
</div>
</p></div></center>
</div>
<div class="carousel-item">
<div class="mySlides fade-tarif">
<div class="numbertext">4 / 5</div>
<center><img src="./images/price_list/Tarif4.jpg" class="img-tarif"></center>
<div class="text">
<p class="colorbold marg3 pad1">Cavaliers de Passage </p>
<p class="text-7price pad6"><br>
<center><img src="./images/price_list/Tarif5.jpg" class="img-tarif">
<div>
<h4>Cavaliers de Passage</h4>
<p><br>
• 1h Cheval / Poney..............................................30 €<br>
• 1h Poney Shetland..............................................26 €<br>
• Leçon particulière: Cheval / Poney........................52 €<br>
@@ -123,16 +105,8 @@ include("./vue/header.php")
• Promenade en main 1/2h.....................................11 €<br>
• Promenade en main 1h........................................16 €<br>
</p>
</div>
</div>
<div class="mySlides fade-tarif">
<div class="numbertext">5 / 5</div>
<center><img src="./images/price_list/Tarif5.jpg" class="img-tarif"></center>
<div class="text">
<p class="colorbold marg3 pad1">Stage d’Equitation</p><br>
<p class="text-7price pad6">
<h4>Stage d’Equitation</h4><br>
<p>
<b>Adhérents: <br><br></b>
• 1 semaine.......................................................282 €<br>
• 1 journée (1/2 pension).......................................62 €<br>
@@ -141,51 +115,19 @@ include("./vue/header.php")
• 1 semaine.......................................................307 €<br>
• 1/2 pension......................................................69 €<br>
• 1/2 journée......................................................52 €
</p><br>
</p></div></center>
</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>
<!--Open Begin Page & initialisation-->
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
<!--Div Format-->
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</section>
</div>
</body>
<!--Footer-->
<?php
include("./vue/footer.php")
?>

27
les_ecuries_de_la_boissiere/vue/privacy_policy/index.php
View File

@@ -1,25 +1,20 @@
<!--Header-->
<?php
include("./vue/header.php")
?>
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container_12 padcontent">
<div class="grid_9">
<div class="container">
<h2>Politique de confidentialité</h2><br>
<p class="text-7 marg19">Collecte des renseignements personnels<br>
<p>Collecte des renseignements personnels<br>
Les renseignements personnels que nous collectons sont recueillis au travers de formulaires et grâce
à l'interactivité établie entre vous et notre site Web. Nous utilisons également, comme indiqué dans
la section suivante, des fichiers témoins et/ou journaux pour réunir des informations vous
concernant. </p>
<p class="text-7 marg21">Formulaires et interactivité:<br>
<p>Formulaires et interactivité:<br>
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>
<p class="text-7 marg21">Droit d'opposition et de retrait<br>
<p>Droit d'opposition et de retrait<br>
Nous nous engageons à vous offrir un droit d'opposition et de retrait quant à vos renseignements
personnels.
Le droit d'opposition s'entend comme étant la possibilité offerte aux internautes de refuser que leurs
@@ -27,11 +22,11 @@ include("./vue/header.php")
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>
<p class="text-7 marg21">Droit d'accès<br>
<p>Droit d'accès<br>
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>
<p class="text-7 marg21">Sécurité<br>
<p>Sécurité<br>
Les renseignements personnels que nous collectons sont conservés dans un environnement sécurisé.
Les personnes travaillant pour nous sont tenues de respecter la confidentialité de vos informations.
Pour assurer la sécurité de vos renseignements personnels, nous avons recours aux mesures
@@ -48,16 +43,10 @@ include("./vue/header.php")
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>
<p class="text-7 marg21">Législation<br>
<p >Législation<br>
Nous nous engageons à respecter les dispositions législatives françaises</p>
<p class="text-7 marg21">E-mail: <a href="mailto:info@security.org" class="link2">info@security.org</a></p>
</div>
<div class="clear"></div>
<p >E-mail: <a href="mailto:info@security.org">info@security.org</a></p>
</div>
</section>
</div>
</body>
<!--Footer-->
<?php
include("./vue/footer.php")
?>

105
les_ecuries_de_la_boissiere/vue/shop/index.php
View File

@@ -1,12 +1,8 @@
<!--Header-->
<?php
include("./vue/header.php")
?>
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container_12 padcontent">
<center><h2>Produit actuellement en vente</h2></center><br>
<!--information page-->
<div class="padright">
@@ -15,58 +11,83 @@ include("./vue/header.php")
La performance lors d’un entraînement de montage ou lors d’un concours de saut d’obstacles
dépend également de l’équipement choisi par le cavalier. </p>
</div>
<center><a href="./contact_us.php"><h3> Pour tout renseignement ou achat contacter le Club </h3></a></center> <br>
<div class="container marketing">
<!--Liste Article-->
<div class="row">
<div class="col">
<img class=imgB src='./images/shop/Shop_img21.jpg'
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<p> Nom Article</p>
<p>20 €</p>
</div>
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<p>Nom Article</p>
<p>20 €</p>
</div>
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<p>Nom Article</p>
<p>20 €</p>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<div class=shop-desc>
<p class="text-12">Nom Article</p>
<p class="text-12">20 €</p>
<p>Nom Article</p>
<p>20 €</p>
</div>
</div>
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<div class=shop-desc>
<p>Nom Article</p>
<p>20 €</p>
</div>
</div>
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<div class=shop-desc>
<p>Nom Article</p>
<p>20 €</p>
</div>
</div>
</div>
</div>
<br><h2>Commerces de chevaux</h2><br>
<div class="container">
<div class="row">
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img03.jpg" style="width:100%;max-width:300px">
<div class="about-desc">
<center><h5>Tiger</h5></center>
<p>Jument de 7 ans pour réaliser des balades ou cours de dressage à pied, très affective a vendre</p>
</div>
</div>
<div class="col">
<img class=imgB src='./images/shop/Shop_img21.jpg'
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
<div class=shop-desc>
<p class="text-12">Nom Article</p>
<p class="text-12">20 €</p>
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img02.jpg" style="width:100%;max-width:300px">
<div class="about-desc">
<center><h5>KAKAO</h5></center>
<p>Cheval 15 ans a vendre</p>
</div>
</div>
<div class="col">
<img class=imgB src='./images/shop/Shop_img21.jpg'
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
<div class=shop-desc>
<p class="text-12">Nom Article</p>
<p class="text-12">20 €</p>
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img01.jpg" style="width:100%;max-width:300px">
<div class="about-desc">
<center><h5>Poupe</h5></center>
<p>Cheval 5 ans en quart de pension</p>
</div>
</div>
<div class="col">
<img class=imgB src='./images/shop/Shop_img21.jpg'
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
<div class=shop-desc>
<p class="text-12">Nom Article</p>
<p class="text-12">20 €</p>
</div>
</div>
<div class="col">
<img class=imgB src='./images/shop/Shop_img21.jpg'
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
<div class=shop-desc>
<p class="text-12">Nom Article</p>
<p class="text-12">20 €</p>
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img04.jpg" style="width:100%;max-width:300px">
<div class="about-desc">
<center><h5>Lancome</h5></center>
<p>Jument pret pour les concours CSO, Complet a garder en quart de pension</p>
</div>
</div>
</div>
<!--Div Format-->
<div class="clear"></div>
</div>
</div>
</section>
</div>
</body>
<!--Footer-->
<?php
include("./vue/footer.php")
?>