MAJ 2
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é
5
les_ecuries_de_la_boissiere/about-us.php
Normal file
5
les_ecuries_de_la_boissiere/about-us.php
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<?php
|
||||||
|
include_once('./vue/header.php');
|
||||||
|
include_once('./vue/about_us/index.php');
|
||||||
|
include_once('./vue/footer.php');
|
||||||
|
?>
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<?php
|
|
||||||
include_once('./vue/about_us/index.php');
|
|
||||||
?>
|
|
||||||
5
les_ecuries_de_la_boissiere/accueil.php
Normal file
5
les_ecuries_de_la_boissiere/accueil.php
Normal 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
5
les_ecuries_de_la_boissiere/actualite.php
Normal 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
62
les_ecuries_de_la_boissiere/balade.php
Normal 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ître une équitation plus libre qui vous procure des sensations différentes ? Vous aussi avez rêvé d'évasion ? Alors vous ê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 à l'heure, à la grande randonnée, poneys et chevaux vous emmèneront parcourir le Parc du Gâtinais. Avec ses hectares de pistes aménagées, les possibilité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ées pour 2017-2018 ne sont pas encore é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
5
les_ecuries_de_la_boissiere/boutique.php
Normal 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
5
les_ecuries_de_la_boissiere/confidentialite.php
Normal 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
5
les_ecuries_de_la_boissiere/contact.php
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<?php
|
||||||
|
include_once('./vue/header.php');
|
||||||
|
include_once('./vue/contact_us/index.php');
|
||||||
|
include_once('./vue/footer.php');
|
||||||
|
?>
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<?php
|
|
||||||
include_once('./vue/contact_us/index.php');
|
|
||||||
?>
|
|
||||||
@@ -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;}
|
|
||||||
* */
|
|
||||||
@@ -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;
|
|
||||||
}
|
|
||||||
@@ -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;
|
|
||||||
}
|
|
||||||
@@ -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
|
|
||||||
}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -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;}
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -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;}
|
|
||||||
|
|
||||||
|
|
||||||
@@ -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
1162
les_ecuries_de_la_boissiere/css/tototo.css
Normal file
File diff suppressed because it is too large
Load Diff
32
les_ecuries_de_la_boissiere/ethologie.php
Normal file
32
les_ecuries_de_la_boissiere/ethologie.php
Normal 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
5
les_ecuries_de_la_boissiere/evenement.php
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<?php
|
||||||
|
include_once('./vue/header.php');
|
||||||
|
include_once('./vue/event/index.php');
|
||||||
|
include_once('./vue/footer.php');
|
||||||
|
?>
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<?php
|
|
||||||
include_once('./vue/event/index.php');
|
|
||||||
?>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<?php
|
|
||||||
include_once('./vue/home/index.php');
|
|
||||||
?>
|
|
||||||
BIN
les_ecuries_de_la_boissiere/images/about_us/jp.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/about_us/jp.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
les_ecuries_de_la_boissiere/images/about_us/marianne.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/about_us/marianne.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/dsc09387.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/dsc09387.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/dsc09397.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/dsc09397.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/dsc09401.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/dsc09401.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/dsc09410.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/dsc09410.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/etoile-balade.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/etoile-balade.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/p1010283.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/p1010283.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/photo-balade-2.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/photo-balade-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/photo-balade.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/photo-balade.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/unnamed-10.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/unnamed-10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/unnamed-3.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/unnamed-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
BIN
les_ecuries_de_la_boissiere/images/info/vue-aerienne.jpg
Normal file
BIN
les_ecuries_de_la_boissiere/images/info/vue-aerienne.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
@@ -3,15 +3,6 @@
|
|||||||
alert("Suite à une erreur technique la fonctionnalitée n'est actuellement pas disponible.")
|
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 || [];
|
var _gaq = _gaq || [];
|
||||||
_gaq.push(['_setAccount', 'UA-7078796-5']);
|
_gaq.push(['_setAccount', 'UA-7078796-5']);
|
||||||
_gaq.push(['_trackPageview']);
|
_gaq.push(['_trackPageview']);
|
||||||
@@ -20,4 +11,317 @@
|
|||||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
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);
|
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();
|
||||||
|
|||||||
@@ -1,3 +0,0 @@
|
|||||||
<?php
|
|
||||||
include_once('./vue/news/index.php');
|
|
||||||
?>
|
|
||||||
36
les_ecuries_de_la_boissiere/pension.php
Normal file
36
les_ecuries_de_la_boissiere/pension.php
Normal 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 (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
17
les_ecuries_de_la_boissiere/php/script.php
Normal 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
31
les_ecuries_de_la_boissiere/poney.php
Normal 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');
|
||||||
|
?>
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<?php
|
|
||||||
include_once('./vue/price_list/index.php');
|
|
||||||
?>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<?php
|
|
||||||
include_once('./vue/privacy_policy/index.php');
|
|
||||||
?>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<?php
|
|
||||||
include_once('./vue/shop/index.php');
|
|
||||||
?>
|
|
||||||
151
les_ecuries_de_la_boissiere/stage.php
Normal file
151
les_ecuries_de_la_boissiere/stage.php
Normal 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és des stages de prise de connaissance du poney ou du cheval, de préparation aux Galops ou de perfectionnement, orientés vers la compé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éroulement d'un stage type:</h2>
|
||||||
|
|
||||||
|
<div class="ptext">
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="twpara-row row-fluid">
|
||||||
|
<div class="span12 tw-para " id="RhxVnfUX">
|
||||||
|
<div class="ptext">
|
||||||
|
<p>* Les inscriptions se font à l'accueil ou par télé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'année de 9 H à 18 H 55 € compris 2 H d'équitation</p>
|
||||||
|
|
||||||
|
<p></p>
|
||||||
|
|
||||||
|
<p><strong><em>Eté 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é à Lamotte Beuvron</em></strong>:</p>
|
||||||
|
|
||||||
|
<p>du 30 juillet au 04 aout 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êl oû nous les feront exceptionnellement passer le jeudi.</p>
|
||||||
|
|
||||||
|
<p>Nous maintenons également tous nos cours pendant les pé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'ETE A LAMOTTE BEUVRON</font></h2>
|
||||||
|
|
||||||
|
<div class="ptext">
|
||||||
|
<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. Il s'étend sur plus de 200 hectares en plein cœur de la forêt solognote.<br />
|
||||||
|
Chaque année, le parc fédéral accueille des centres équestres de toutes les régions avec leurs cavaliers et leurs chevaux, pour permettre aux centres équestres de profiter des installations misent à leur disposition.<br />
|
||||||
|
6 carrières d'obstacles, 4 carrières de dressage, 2 grands manèges, un terrain de horse ball, et un terrain de cross exceptionnel.</p>
|
||||||
|
|
||||||
|
<p>Exemple d'une journée</p>
|
||||||
|
|
||||||
|
<p>8h00 : soins des chevaux (eau, granulés, paillage des boxes)<br />
|
||||||
|
8h30 : petit déjeuner<br />
|
||||||
|
10h00 à 11h30 : équitation<br />
|
||||||
|
12h00 : soins des chevaux (eau et granulés)<br />
|
||||||
|
12h30 : déjeuner<br />
|
||||||
|
14h à 15h30 : équitation<br />
|
||||||
|
16h00 : goûter<br />
|
||||||
|
16h30 à 18h00 : piscine<br />
|
||||||
|
19h30 : Dîner<br />
|
||||||
|
20h30 : jeu en groupe<br />
|
||||||
|
22h30 : dodo</p>
|
||||||
|
|
||||||
|
<p>Semaine du lundi 31 juillet au 05 aout 2018 <br />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>Tarif : 665 euros tout compris pour les adhérents<br />
|
||||||
|
tarif non adhérents: nous contacter</p>
|
||||||
|
|
||||||
|
<p><br />
|
||||||
|
Renseignements à l'accueil ou par téléphone</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php
|
||||||
|
include_once('./vue/footer.php');
|
||||||
|
?>
|
||||||
5
les_ecuries_de_la_boissiere/tarif.php
Normal file
5
les_ecuries_de_la_boissiere/tarif.php
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<?php
|
||||||
|
include_once('./vue/header.php');
|
||||||
|
include_once('./vue/price_list/index.php');
|
||||||
|
include_once('./vue/footer.php');
|
||||||
|
?>
|
||||||
@@ -1,227 +1,191 @@
|
|||||||
<!--Header-->
|
|
||||||
<?php
|
|
||||||
include("./vue/header.php")
|
|
||||||
?>
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!--==============================content================================-->
|
<!--==============================content================================-->
|
||||||
<section id="content" class="page-content">
|
<section id="content" class="page-content">
|
||||||
<div class="container_12 padcontent">
|
<div class="container">
|
||||||
<!--Description à propos-->
|
<!--Description à propos-->
|
||||||
<div class="box-3 marg5">
|
|
||||||
<h2>À propos de nous</h2>
|
<h2>À propos de nous</h2>
|
||||||
<div class="wrap">
|
<div class="media">
|
||||||
<figure class="page2-pic"><img src="./images/about_us/About_us_imgIntro.jpg" alt="" class="image-border img-indent"></figure>
|
<figure><img class="rounded" src="./images/about_us/About_us_imgIntro.jpg" alt=""></figure>
|
||||||
<div class="extra-wrap">
|
<div class="media-body">
|
||||||
<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>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">
|
<p>
|
||||||
La cavalerie du centre équestre est composée de 12 chevaux adaptés au niveau de chaque cavalier.
|
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>
|
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>
|
Le club met à votre disposition des installations modernes et agréables.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<!--Description d'installation-->
|
|
||||||
<div class="box-7">
|
|
||||||
|
|
||||||
<h2>Installations</h2>
|
<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-->
|
<!--Description d'installation POP-UP Lien-->
|
||||||
<ul class="list1">
|
<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="#myModal1">> 2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
|
<li><a data-toggle="modal" data-target="#myModal3">1 Carrière de dressage : 65 x 30</a></li>
|
||||||
<div id="myModal1" class="modal fade" role="dialog">
|
<li><a data-toggle="modal" data-target="#myModal4">1 Manège couvert et éclairé : 30m x 20m</a></li>
|
||||||
<div class="modal-dialog">
|
<li><a data-toggle="modal" data-target="#myModal5">37 Boxes de 3m x 3m</a></li>
|
||||||
<div class="modal-content">
|
<li><a data-toggle="modal" data-target="#myModal6">1 Stabulation</a></li>
|
||||||
<div class="modal-header">
|
<li><a data-toggle="modal" data-target="#myModal7">7 Paddocks avec ou sans abris et 2 prés</a></li>
|
||||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
<li><a data-toggle="modal" data-target="#myModal8">1 Rond de longe</a></li>
|
||||||
<h4 class="modal-title">Carrières d'obstacles : 90 x 40 / 80 x 50</h4>
|
</ul>
|
||||||
</div>
|
<!-- Modal1 -->
|
||||||
<div class="modal-body">
|
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
<img class="modal-image" src="./images/about_us/About_us_imgCarO.jpg" height="400" width="600">
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="exampleModalCenterTitle">2 Carrières d'obstacles : 90 x 40 / 80 x 50</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<img class="modal-image" src="./images/about_us/About_us_imgCarO.jpg" style="width:100%">
|
||||||
<p></p>
|
<p></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
</div>
|
||||||
<!-- <button type="button" class="btn-close" data-dismiss="modal">Fermer</button>-->
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- Modal2 -->
|
||||||
</div>
|
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
<div class="clear"></div>
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
</div>
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="exampleModalCenterTitle">Carrière d'entraînement : 50 x 40</h5>
|
||||||
<li><a data-toggle="modal" data-target="#myModal2">> 1 Carrière d'entraînement : 50 x 40</a></li>
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
<div id="myModal2" class="modal fade" role="dialog">
|
<span aria-hidden="true">×</span>
|
||||||
<div class="modal-dialog">
|
</button>
|
||||||
<div class="modal-content">
|
</div>
|
||||||
<div class="modal-header">
|
<div class="modal-body">
|
||||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
<img class="modal-image" src="./images/about_us/About_us_imgCarE.jpg" style="width:100%">
|
||||||
<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>
|
<p></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- Modal3 -->
|
||||||
<div class="clear"></div>
|
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
</div>
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
<li><a data-toggle="modal" data-target="#myModal3">> 1 Carrière de dressage : 65 x 30</a></li>
|
<h5 class="modal-title" id="exampleModalCenterTitle">Carrière de dressage : 65 x 30</h5>
|
||||||
<div id="myModal3" class="modal fade" role="dialog">
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
<div class="modal-dialog">
|
<span aria-hidden="true">×</span>
|
||||||
<div class="modal-content">
|
</button>
|
||||||
<div class="modal-header">
|
</div>
|
||||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
<div class="modal-body">
|
||||||
<h4 class="modal-title">Carrière de dressage : 65 x 30</h4>
|
<img class="modal-image" src="./images/about_us/About_us_imgCarD.jpg" style="width:100%">
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<img class="modal-image" src="./images/about_us/About_us_imgCarD.jpg" height="400" width="600">
|
|
||||||
<p></p>
|
<p></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- Modal4 -->
|
||||||
<div class="clear"></div>
|
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
</div>
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
<li><a data-toggle="modal" data-target="#myModal4">> 1 Manège couvert et éclairé : 30m x 20m</a></li>
|
<h5 class="modal-title" id="exampleModalCenterTitle">Manège couvert et éclairé 30m x 20m</h5>
|
||||||
<div id="myModal4" class="modal fade" role="dialog">
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
<div class="modal-dialog">
|
<span aria-hidden="true">×</span>
|
||||||
<div class="modal-content">
|
</button>
|
||||||
<div class="modal-header">
|
</div>
|
||||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
<div class="modal-body">
|
||||||
<h4 class="modal-title">Manège couvert et éclairé 30m x 20m</h4>
|
<img class="modal-image" src="./images/about_us/About_us_imgManege.jpg" style="width:100%">
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<img class="modal-image" src="./images/about_us/About_us_imgManege.jpg" height="400" width="600">
|
|
||||||
<p></p>
|
<p></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- Modal5 -->
|
||||||
<div class="clear"></div>
|
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
</div>
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
<li><a data-toggle="modal" data-target="#myModal5">> 37 Boxes de 3m x 3m</a></li>
|
<h5 class="modal-title" id="exampleModalCenterTitle">Boxes</h5>
|
||||||
<div id="myModal5" class="modal fade" role="dialog">
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
<div class="modal-dialog">
|
<span aria-hidden="true">×</span>
|
||||||
<div class="modal-content">
|
</button>
|
||||||
<div class="modal-header">
|
</div>
|
||||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
<div class="modal-body">
|
||||||
<h4 class="modal-title">Boxes</h4>
|
<img class="modal-image" src="./images/about_us/About_us_imgBoxe.jpg" style="width:100%">
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<img class="modal-image" src="./images/about_us/About_us_imgBoxe.jpg" height="400" width="600">
|
|
||||||
<p></p>
|
<p></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- Modal6 -->
|
||||||
<div class="clear"></div>
|
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
</div>
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
<li><a data-toggle="modal" data-target="#myModal6">> 1 Stabulation</a></li>
|
<h5 class="modal-title" id="exampleModalCenterTitle">Stabulation pour poneys ou poulinage</h5>
|
||||||
<div id="myModal6" class="modal fade" role="dialog">
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
<div class="modal-dialog">
|
<span aria-hidden="true">×</span>
|
||||||
<div class="modal-content">
|
</button>
|
||||||
<div class="modal-header">
|
</div>
|
||||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
<div class="modal-body">
|
||||||
<h4 class="modal-title">Stabulation</h4>
|
<img class="modal-image" src="./images/about_us/About_us_imgStabulation.jpg" style="width:100%">
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
</div>
|
||||||
<img class="modal-image" src="./images/about_us/About_us_imgStabulation.jpg" height="400" width="600">
|
</div>
|
||||||
<p>Pour les poneys ou le poulinage</p>
|
</div>
|
||||||
</div>
|
<!-- Modal7 -->
|
||||||
<div class="modal-footer">
|
<div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
</div>
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
</div>
|
<div class="modal-content">
|
||||||
</div>
|
<div class="modal-header">
|
||||||
<div class="clear"></div>
|
<h5 class="modal-title" id="exampleModalCenterTitle">Paddocks et Prés</h5>
|
||||||
</div>
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
<li><a data-toggle="modal" data-target="#myModal7">> 7 Paddocks avec ou sans abris et 2 prés</a></li>
|
</div>
|
||||||
<div id="myModal7" class="modal fade" role="dialog">
|
<div class="modal-body">
|
||||||
<div class="modal-dialog">
|
<img class="modal-image" src="./images/about_us/About_us_imgPres.jpg" style="width:100%">
|
||||||
<div class="modal-content">
|
|
||||||
<div class="modal-header">
|
|
||||||
<button type="button" class="close" data-dismiss="modal">×</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>
|
<p></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- Modal8 -->
|
||||||
<div class="clear"></div>
|
<div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
</div>
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
<li><a data-toggle="modal" data-target="#myModal8">> 1 Rond de longe</a></li>
|
<h5 class="modal-title" id="exampleModalCenterTitle">Rond de longe</h5>
|
||||||
<div id="myModal8" class="modal fade" role="dialog">
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
<div class="modal-dialog">
|
<span aria-hidden="true">×</span>
|
||||||
<div class="modal-content">
|
</button>
|
||||||
<div class="modal-header">
|
</div>
|
||||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
<div class="modal-body">
|
||||||
<h4 class="modal-title">Rond de longe</h4>
|
<img class="modal-image" src="./images/about_us/About_us_imgRondLonge.jpg" style="width:100%">
|
||||||
</div>
|
<p></p>
|
||||||
<div class="modal-body">
|
</div>
|
||||||
<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">
|
</div>
|
||||||
<p></p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<br><h2>Enseignants</h2>
|
||||||
</div>
|
|
||||||
</div>
|
<div class="container">
|
||||||
</div>
|
<div class="row">
|
||||||
<div class="clear"></div>
|
<div class="col">
|
||||||
</div>
|
<img id="image-border" class="rounded" alt="" src="./images/about_us/jp.jpg" style="height:100%;max-height:350px">
|
||||||
|
<div class="about-desc">
|
||||||
</ul>
|
<h5>Jean-Philippe BERTHIER</h5>
|
||||||
<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>
|
<p>Monitorat BEES1 obtenu en 2004 / Responsable du Centre Equestre</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="grid_12 marg9">
|
<div class="col">
|
||||||
|
<img id="image-border" class="rounded" alt="" src="./images/about_us/marianne.jpg" style="height:100%;max-height:350px">
|
||||||
<h2>Rencontrez nos favoris</h2>
|
<div class="about-desc">
|
||||||
<div class="grid_8">
|
<h5>Marianne BERTHIER</h5>
|
||||||
|
<p>Monitorat BPJEPS obtenu en 2012</p>
|
||||||
|
</div>
|
||||||
<div class="fleft">
|
|
||||||
<img id="image-border" alt="" src= './images/about_us/About_us_img01.jpg'>
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="clear"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="clear"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
|
||||||
<!--Footer-->
|
|
||||||
<?php
|
|
||||||
include("./vue/footer.php")
|
|
||||||
?>
|
|
||||||
@@ -1,58 +1,58 @@
|
|||||||
<!--Header-->
|
|
||||||
<?php
|
|
||||||
include("./vue/header.php")
|
|
||||||
?>
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!--==============================content================================-->
|
<section id="content" class="page-content">
|
||||||
<section id="content" class="page-content">
|
<div class="container">
|
||||||
<div class="container_12 padcontent">
|
<div><h2>Trouvez nous</h2></div><br>
|
||||||
<!--Information de contact-->
|
<div class="row">
|
||||||
<div class="grid_5">
|
<div class="col">
|
||||||
<h2>Trouvez nous</h2>
|
<div class="map-responsive">
|
||||||
<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" frameborder="0" style="border:0" allowfullscreen></iframe>
|
||||||
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<dl>
|
<div class="col"><dl><dd>
|
||||||
<dd class="text-4">Les Ecuries de la Boissiere<br>
|
Coordonnées GPS :<br>
|
||||||
Route de la Ferte-Alais / D 145<br>
|
Lat: 48.442 433 Long: 2.299016
|
||||||
91590 ORVEAU</dd>
|
</dd>
|
||||||
<dd><span>Telephone:</span>01.64.57.58.77</dd>
|
<dd>
|
||||||
<dd><span>Mobile :</span>06.72.00.55.65</dd>
|
Les Ecuries de la Boissiere<br>
|
||||||
<dd>E-mail: <a href="mailto:ecuriesboissiere@gmail.com" class="link2">ecuriesboissiere@gmail.com</a></dd>
|
Route de la Ferte-Alais / D 145<br>
|
||||||
</dl>
|
91590 ORVEAU
|
||||||
</div>
|
</dd>
|
||||||
<!--Formulaire Contact-->
|
<dd>
|
||||||
<div class="grid_7">
|
Telephone : 01.64.57.58.77<br>
|
||||||
<h2>Entrer en contact</h2>
|
Mobile : 06.72.00.55.65<br>
|
||||||
<form id="form" method="post" action="contact_us.php">
|
E-mail : <a href="mailto:ecuriesboissiere@gmail.com" class="link2">ecuriesboissiere@gmail.com</a>
|
||||||
<fieldset>
|
</dd></dl></div>
|
||||||
<label class="name">
|
</div>
|
||||||
<input type="text" name="subject" value="<?php if (isset($_POST['subject'])){echo $_POST['subject'];} ?>" id="name" required placeholder="Nom:">
|
<!--Formulaire Contact-->
|
||||||
<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>
|
<br><div><h2>Entrer en contact</h2></div><br>
|
||||||
<label class="email">
|
<form class="needs-validation" onsubmit="return verifierMail(this.elements['Email']); return Verifier_Numero_Telephone(this.elements['Téléphone'])" method='post' name="formulaire" novalidate>
|
||||||
<input type="email" name="email" value="<?php if (isset($_POST['email'])){echo $_POST['email'];} ?>" id="email" required placeholder="Email:">
|
<div class="form-row">
|
||||||
<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>
|
<div class="col-md-3 mb-3">
|
||||||
<label class="phone">
|
<label for="validationCustom01">Nom</label>
|
||||||
<input type="tel" name="numphone" value="<?php if (isset($_POST['numphone'])){echo $_POST['numphone'];} ?>" id="phone" required placeholder="Téléphone:">
|
<input type="text" class="form-control" id="validationCustom01" placeholder="Nom" required>
|
||||||
<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>
|
<div class="invalid-feedback">Veuillez fournir un nom valide.</div>
|
||||||
<label class="message">
|
</div>
|
||||||
<textarea name="messages" id="message" required placeholder="Message"><?php echo @$_POST['messages']; ?></textarea>
|
<div class="col-md-3 mb-3">
|
||||||
<span class="error" style="display: none;">*Le message est trop court .</span> <span class="empty" style="display: none;">*Ce champ est requis.</span>
|
<label for="validationCustom02">Email</label>
|
||||||
</label>
|
<input type="mail" class="form-control" id="validationCustom02" placeholder="Email" required>
|
||||||
|
<div class="invalid-feedback">Veuillez fournir un mail valide.</div>
|
||||||
</fieldset>
|
</div>
|
||||||
<button type="submit" value="Envoyer" class="button-3" onclick="Alerte()">Envoyer </button>
|
<div class="col-md-3 mb-3">
|
||||||
<div class="success" >Formulaire de contact envoyé! <strong>Nous serons en contact bientot.</strong> </div>
|
<label for="validationCustom05">Téléphone</label>
|
||||||
</form><br>
|
<input type="tel" class="form-control" id="validationCustom03" placeholder="Téléphone" required>
|
||||||
</div>
|
<div class="invalid-feedback">Veuillez fournir un numéro valide.</div>
|
||||||
<!--Div Format-->
|
</div>
|
||||||
<div class="clear"></div>
|
</div>
|
||||||
</div>
|
<div class="form-row">
|
||||||
</section>
|
<div class="col-md-9 mb-3">
|
||||||
</div>
|
<label for="exampleFormControlTextarea1">Message</label>
|
||||||
</body>
|
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
|
||||||
<!--Footer-->
|
</div>
|
||||||
<?php
|
</div>
|
||||||
include("./vue/footer.php")
|
<button class="btn btn-primary" type="submit">Envoyer</button>
|
||||||
?>
|
</form><br>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
@@ -1,150 +1,28 @@
|
|||||||
<!--Header-->
|
|
||||||
<?php
|
|
||||||
include("./vue/header.php")
|
|
||||||
?>
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!--==============================content================================-->
|
<!--==============================content================================-->
|
||||||
<section id="content" class="page-content">
|
<section id="content" class="page-content">
|
||||||
<div class="container_12 padcontent">
|
<div class="container">
|
||||||
<!--Div Trie-->
|
<!--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-->
|
||||||
<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>
|
</div>
|
||||||
<!--Affichage Event-->
|
|
||||||
<div class="grid_9E">
|
<ul id="types" class="col-4 list-unstyled">
|
||||||
<div class="contenu_onglets">
|
<!-- 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">
|
||||||
|
|
||||||
<!--Filtre Tous-->
|
</ul>
|
||||||
<div class="contenu_onglet" id="contenu_onglet_tous">
|
</div>
|
||||||
<h2>Evénements à venir</h2>
|
</div>
|
||||||
|
</div>
|
||||||
<!--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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
|
||||||
<!--Open Begin Page-->
|
|
||||||
<script type="text/javascript">
|
|
||||||
var anc_onglet = 'tous';
|
|
||||||
change_onglet(anc_onglet);
|
|
||||||
</script>
|
|
||||||
<!--Footer-->
|
|
||||||
<?php
|
|
||||||
include("./vue/footer.php")
|
|
||||||
?>
|
|
||||||
@@ -1,21 +1,21 @@
|
|||||||
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script type="text/javascript" src="./js/script.js"></script>
|
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script type="text/javascript" src="./js/script.js"></script>
|
||||||
<!--Bootstrap-->
|
<!--Bootstrap-->
|
||||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
|
<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>
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
|
||||||
<!--Bootstrap-->
|
<!--Bootstrap-->
|
||||||
<footer>
|
</body>
|
||||||
<div class="footcont">
|
<footer>
|
||||||
<div class="fleft">
|
<div class="container">
|
||||||
<a href="http://www.ecuries-boissiere.com/" target="_blank" class="footic-1"></a>
|
<div>
|
||||||
<a href="home.php#" class="footic-2"></a>
|
<a href="http://www.ecuries-boissiere.com/" target="_blank"><img src="./images/all/footer_icon_01.png" alt="Officiel"/></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#"><img src="./images/all/footer_icon_02.png" alt="Home"/></a>
|
||||||
<a href="home.php#" class="footic-4"></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>
|
||||||
<div class="fright">
|
<div>
|
||||||
<p> Les Ecuries de la Boissière © 2017 Tous droits réservés <span>|</span> <a href="privacy_policy.php">Politique de confidentialité</a></p>
|
<p> Les Ecuries de la Boissière © 2017 Tous droits réservés <span>|</span> <a href="confidentialite.php">Politique de confidentialité</a></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
@@ -10,28 +10,58 @@
|
|||||||
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css">
|
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css">
|
||||||
<!-- Bootstrap CSS -->
|
<!-- Bootstrap CSS -->
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<header>
|
<header>
|
||||||
<!-- Affichage En tête -->
|
<center><a href="accueil.php"><img src="./images/all/logo.png" alt=""></a></center>
|
||||||
<div class="main">
|
<div class="container">
|
||||||
<h1><a href="home.php"><img src="./images/all/logo.png" alt=""></a></h1>
|
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
|
||||||
<!-- Bouton de Navigation des pages -->
|
<a class="navbar-brand" href="accueil.php">Accueil</a>
|
||||||
<nav>
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
<ul class="sf-menu sf-js-enabled">
|
<span class="navbar-toggler-icon"></span>
|
||||||
<li><a href="home.php">accueil</a></li>
|
</button>
|
||||||
<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>
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
<a href="about_us.php">Le Centre</a>
|
<ul class="navbar-nav mr-auto">
|
||||||
<a href="price_list.php">Tarifs</a>
|
<li class="nav-item dropdown">
|
||||||
<a href="contact_us.php">Contactez-nous</a>
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
</div></li>
|
Centre Equestre
|
||||||
<li><a href="shop.php">boutique</a></li>
|
</a>
|
||||||
<li><a href="news.php">actualités</a></li>
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||||
<li><a href="event.php">événements</a></li>
|
<a class="dropdown-item" href="about-us.php">Le Centre</a>
|
||||||
</ul>
|
<a class="dropdown-item" href="tarif.php">Tarifs</a>
|
||||||
<div class="clear"></div>
|
<div class="dropdown-divider"></div>
|
||||||
</nav>
|
<a class="dropdown-item" href="contact.php">Nos Coordonnées</a>
|
||||||
</div>
|
</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>
|
||||||
|
<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>
|
</header>
|
||||||
@@ -1,53 +1,64 @@
|
|||||||
<!--Header-->
|
|
||||||
<?php
|
|
||||||
include("./vue/header.php")
|
|
||||||
?>
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
|
<section id="content" class="page-content">
|
||||||
<!--==============================content================================-->
|
<!--==============================content================================-->
|
||||||
<section id="content" class="main-content">
|
<!--Haut de page-->
|
||||||
<div class="container_12 padcontent">
|
<div class="container">
|
||||||
<div class="grid_12">
|
<div id="slideshowhome" class="carousel slide carousel-fade" data-ride="carousel">
|
||||||
<!--Haut de page-->
|
<div class="carousel-inner">
|
||||||
<div id="slideshowhome">
|
<div class="carousel-item active">
|
||||||
<ul id="sContent">
|
<img class="d-block w-100" src="./images/home/Home_img01.jpg"" alt="First slide">
|
||||||
<li><img src="./images/home/Home_img01.jpg" alt="Image1" style="width: 940px; height: 500px;" /></li>
|
</div>
|
||||||
<li><img src="./images/home/Home_img02.jpg" alt="Image2" style="width: 940px; height: 500px;" /></li>
|
<div class="carousel-item">
|
||||||
<li><img src="./images/home/Home_img03.jpg" alt="Image3" style="width: 940px; height: 500px;" /></li>
|
<img class="d-block w-100" src="./images/home/Home_img02.jpg" alt="Second slide">
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="banner-1">
|
<img class="d-block w-100" src="./images/home/Home_img03.jpg" alt="Third slide">
|
||||||
<div class="bannerup"></div>
|
</div>
|
||||||
<div class="bannercenter">
|
</div>
|
||||||
<p class="text-1"> Les Ecuries de la Boissière </p>
|
<a class="carousel-control-prev" href="#slideshowhome" role="button" data-slide="prev">
|
||||||
<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>
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
Vous y découvrirez, dans des infrastructures modernes et de qualité, une équitation sportive et ludique encadrée par des enseignants compétents.
|
<span class="sr-only">Previous</span>
|
||||||
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/>
|
</a>
|
||||||
Bonne saison 2016/2017 !!</p>
|
<a class="carousel-control-next" href="#slideshowhome" role="button" data-slide="next">
|
||||||
</div>
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||||
</div>
|
<span class="sr-only">Next</span>
|
||||||
</div>
|
</a>
|
||||||
<!--Bas de page-->
|
</div>
|
||||||
<div class="box-2">
|
</div>
|
||||||
<h2>Nouvelles</h2>
|
<div class="dropdown-divider"></div>
|
||||||
<div class="wrap marg1">
|
<div class="container">
|
||||||
<div class="numbox img-indent3"><span>Mai</span>
|
<p class="text-1"> Les Ecuries de la Boissière </p>
|
||||||
<strong>23</strong></div>
|
<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>
|
||||||
<div class="extra-wrap">
|
Vous y découvrirez, dans des infrastructures modernes et de qualité, une équitation sportive et ludique encadrée par des enseignants compétents.
|
||||||
<p class="colorbold marg3 pad1"><a href="./news.php" class="link">Event1</a></p>
|
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/>
|
||||||
<p class="text-7">BlablaEvent</p>
|
Bonne saison 2016/2017 !!</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!--Bas de page-->
|
||||||
|
<div class="container">
|
||||||
<!--Div Format-->
|
<h2>Nouvelles</h2>
|
||||||
<div class="clear"></div>
|
<div class="row">
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="clear"></div>
|
<div class="numbox">
|
||||||
</div>
|
<span>Mai</span>
|
||||||
</section>
|
<strong>23</strong>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
<div class="extra-wrap">
|
||||||
<!--Footer-->
|
<p class="colorbold marg3 pad1"><a href="./news.php" class="link">Event1</a></p>
|
||||||
<?php
|
<p class="text-7">BlablaEvent</p>
|
||||||
include("./vue/footer.php")
|
</div>
|
||||||
?>
|
</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>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
@@ -1,43 +1,66 @@
|
|||||||
<!--Header-->
|
|
||||||
<?php
|
|
||||||
include("./vue/header.php")
|
|
||||||
?>
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!--==============================content================================-->
|
<!--==============================content================================-->
|
||||||
<section id="content" class="page-content">
|
<section id="content" class="page-content">
|
||||||
<div class="container_12 padcontent">
|
<div class="container">
|
||||||
<div class="grid_9">
|
|
||||||
<center><h2>Dernières nouvelles</h2></center>
|
<center><h2>Dernières nouvelles</h2></center>
|
||||||
|
<ul class="list-unstyled">
|
||||||
<div class="content-news" id="">
|
<li class="media">
|
||||||
<div class="wrap marg13">
|
<div class="numbox">
|
||||||
<div class="numbox img-indent3">
|
<span>Octobre</span>
|
||||||
<span>Juin</span>
|
<strong>18</strong>
|
||||||
<strong>10</strong></div>
|
</div>
|
||||||
<div class="extra-wrap">
|
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
|
||||||
<p class="colorbold marg3 pad1">Event1</p>
|
<div class="media-body">
|
||||||
<!-- <p class="text-16">Posté par Admin <span>46 Commentaire(s)</span></p>-->
|
<h5 class="mt-0 mb-1">Actu5</h5>
|
||||||
</div>
|
Cras, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
|
||||||
</div>
|
</div>
|
||||||
<div class="wrap marg17">
|
</li>
|
||||||
<img src='./images/event/Event_img31.jpg' alt="" class="image-border img-indent4">
|
<li class="media my-4">
|
||||||
<div class="extra-wrap box-5">
|
<div class="numbox">
|
||||||
<!--<p class="text-12">Anniversaire du Club</p>-->
|
<span>Octobre</span>
|
||||||
<p class="text-7news pad6">BlablaEvent</p>
|
<strong>18</strong>
|
||||||
|
</div>
|
||||||
</div>
|
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
|
||||||
</div>
|
<div class="media-body">
|
||||||
</div>
|
<h5 class="mt-0 mb-1">Actu4</h5>
|
||||||
<!--Div Format-->
|
Cras viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
|
||||||
<div class="clear"></div>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
<div class="clear"></div>
|
<li class="media my-4">
|
||||||
</div>
|
<div class="numbox">
|
||||||
</section>
|
<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">Actu3</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">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>
|
</div>
|
||||||
</body>
|
</section>
|
||||||
<!--Footer-->
|
</div>
|
||||||
<?php
|
|
||||||
include("./vue/footer.php")
|
|
||||||
?>
|
|
||||||
@@ -1,67 +1,54 @@
|
|||||||
<!--Header-->
|
|
||||||
<?php
|
|
||||||
include("./vue/header.php")
|
|
||||||
?>
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!--==============================content================================-->
|
<!--==============================content================================-->
|
||||||
<section id="content" class="page-content">
|
<section id="content" class="page-content">
|
||||||
<div class="container_12 padcontent">
|
<div class="container_12 padcontent">
|
||||||
<div class="grid_9">
|
<div class="container">
|
||||||
<center><h2>Tarifs 2016-2017</h2></center><br>
|
<center><h2>Tarifs 2016-2017</h2></center><br>
|
||||||
<!--Affichage Flèche de direction-->
|
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
|
||||||
<a class="prev" onclick="plusSlides(-1)">❮</a>
|
<ol class="carousel-indicators">
|
||||||
<a class="next" onclick="plusSlides(1)">❯</a>
|
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active" style="color:green"></li>
|
||||||
<!--Affichage Bouton position -->
|
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
|
||||||
<div style="text-align:center">
|
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
|
||||||
<span class="dot" title="Cotisations" onclick="currentSlide(1)"></span>
|
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
|
||||||
<span class="dot" title="Leçons" onclick="currentSlide(2)"></span>
|
</ol>
|
||||||
<span class="dot" title="Coût pour propriétaire" onclick="currentSlide(3)"></span>
|
<div class="carousel-inner" style="height:100%;min-height:850px">
|
||||||
<span class="dot" title="Cavaliers de passage" onclick="currentSlide(4)"></span>
|
<div class="carousel-item active">
|
||||||
<span class="dot" title="Stage d’équitation" onclick="currentSlide(5)"></span>
|
|
||||||
</div>
|
<center><img src="./images/price_list/Tarif1.jpg" class="img-tarif">
|
||||||
<br>
|
<div>
|
||||||
<!--Affichage Tarif-->
|
<h4>Cotisations</h4>
|
||||||
<div class="slideshow-container">
|
<p><br>
|
||||||
|
|
||||||
<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>
|
|
||||||
• Baby poney de 2 à 4 ans ..................................offerte <br>
|
• Baby poney de 2 à 4 ans ..................................offerte <br>
|
||||||
• Moins de 16 ans................................................125 €<br>
|
• Moins de 16 ans................................................125 €<br>
|
||||||
• Adultes..........................................................158 €<br>
|
• Adultes..........................................................158 €<br>
|
||||||
• Famille (parents + enfant(s) -18ans)......................280 €<br>
|
• Famille (parents + enfant(s) -18ans)......................280 €<br>
|
||||||
• Baby poney de 2 à 4 ans ..................................offerte<br>
|
• Baby poney de 2 à 4 ans ..................................offerte<br>
|
||||||
</p>
|
</p>
|
||||||
<p class="colorbold marg3 pad1">Licence Fédéral</p>
|
<h4>Licence Fédéral</h4>
|
||||||
<p class="text-7price pad6"><br>
|
<p><br>
|
||||||
• Né(e) en 1997 & après.........................................25 €<br>
|
• Né(e) en 1997 & après.........................................25 €<br>
|
||||||
• Né(e) en 1996 & avant.........................................36 €<br>
|
• Né(e) en 1996 & avant.........................................36 €<br>
|
||||||
</p>
|
</p>
|
||||||
<p class="colorbold marg3 pad1">Licence Compétition </p>
|
<h4>Licence Compétition </h4>
|
||||||
<p class="text-7price pad6"><br>
|
<p><br>
|
||||||
• Compétition PRO..............................................330 €<br>
|
• Compétition PRO..............................................330 €<br>
|
||||||
• Compétition Amateur.........................................80 €<br>
|
• Compétition Amateur.........................................80 €<br>
|
||||||
• Compétition Club........................................Gratuite<br>
|
• Compétition Club........................................Gratuite<br>
|
||||||
</p>
|
</p>
|
||||||
<p class="colorbold marg3 pad1">Compétition :</p>
|
<h4>Compétition :</h4>
|
||||||
<p class="text-7price pad6"><br>
|
<p><br>
|
||||||
• Engagement................................................variable<br>
|
• Engagement................................................variable<br>
|
||||||
• Forfait Concours interne.......22 € + prix de l'engagement<br>
|
• Forfait Concours interne.......22 € + prix de l'engagement<br>
|
||||||
• Forfait Concours externe ...... 56€ + pris de l'engagement
|
• Forfait Concours externe ...... 56€ + pris de l'engagement
|
||||||
</p><br></div>
|
</p></div></center>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
|
||||||
<div class="mySlides fade-tarif">
|
<center><img src="./images/price_list/Tarif2.jpg" class="img-tarif">
|
||||||
<div class="numbertext">2 / 5</div>
|
<div>
|
||||||
<center><img src="./images/price_list/Tarif2.jpg" class="img-tarif"></center>
|
<h4>Leçons</h4>
|
||||||
<div class="text">
|
<p><br>
|
||||||
<p class="colorbold marg3 pad1">Leçons</p>
|
|
||||||
<p class="text-7price pad6"><br>
|
|
||||||
<b>Membre non propriétaire d'un équidé :<br><br></b>
|
<b>Membre non propriétaire d'un équidé :<br><br></b>
|
||||||
• Carte 10h cheval/poney................................183 €<br>
|
• Carte 10h cheval/poney................................183 €<br>
|
||||||
Comprenant le droit d'accès à 122€ et l'enseignement de 10 leçons à 61€<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>
|
• Forfait pour les - de 8 ans ...........................219 €<br>
|
||||||
Comprenant le droit d'accès à 146€ et l'enseignement de 10 leçons à 73€<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
|
• Forfait 3 h de cours par semaine..........................291€/mois
|
||||||
</p><br></div>
|
</p></div></center>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
|
||||||
<div class="mySlides fade-tarif">
|
<center><img src="./images/price_list/Tarif3.jpg" class="img-tarif">
|
||||||
<div class="numbertext">3 / 5</div>
|
<div>
|
||||||
<center><img src="./images/price_list/Tarif3.jpg" class="img-tarif"></center>
|
<h4>Coût global mensuel pour un propriétaire</h4>
|
||||||
<div class="text">
|
<p><br>
|
||||||
<p class="colorbold marg3 pad1">Coût global mensuel pour un propriétaire</p>
|
|
||||||
<p class="text-7price pad6"><br>
|
|
||||||
<b>Chevaux:<br><br></b>
|
<b>Chevaux:<br><br></b>
|
||||||
• Formule box classique.................................498€/mois<br>
|
• Formule box classique.................................498€/mois<br>
|
||||||
- Formule box sorties luxe..............................528€/mois <br>
|
- Formule box sorties luxe..............................528€/mois <br>
|
||||||
@@ -104,88 +89,45 @@ include("./vue/header.php")
|
|||||||
<b>Champmotteux:<br><br></b>
|
<b>Champmotteux:<br><br></b>
|
||||||
• Formule Pré évasion ..................................240€/mois<br>
|
• Formule Pré évasion ..................................240€/mois<br>
|
||||||
• Formule Pré évasion confort ........................350€/mois
|
• Formule Pré évasion confort ........................350€/mois
|
||||||
</p><br>
|
</p></div></center>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
• 1h Cheval / Poney..............................................30 €<br>
|
|
||||||
• 1h Poney Shetland..............................................26 €<br>
|
|
||||||
• Leçon particulière: Cheval / Poney........................52 €<br>
|
|
||||||
• Pension box Cheval......................................29€/jour<br>
|
|
||||||
• Pension box Poney.......................................22€/jour<br>
|
|
||||||
• 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">
|
|
||||||
<b>Adhérents: <br><br></b>
|
|
||||||
• 1 semaine.......................................................282 €<br>
|
|
||||||
• 1 journée (1/2 pension).......................................62 €<br>
|
|
||||||
• 1/2 journée......................................................45 €<br><br>
|
|
||||||
<b>Cavalier de Passage:<br><br></b>
|
|
||||||
• 1 semaine.......................................................307 €<br>
|
|
||||||
• 1/2 pension......................................................69 €<br>
|
|
||||||
• 1/2 journée......................................................52 €
|
|
||||||
</p><br>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
<!--Open Begin Page & initialisation-->
|
|
||||||
<script>
|
<center><img src="./images/price_list/Tarif5.jpg" class="img-tarif">
|
||||||
var slideIndex = 1;
|
<div>
|
||||||
showSlides(slideIndex);
|
<h4>Cavaliers de Passage</h4>
|
||||||
|
<p><br>
|
||||||
function plusSlides(n) {
|
• 1h Cheval / Poney..............................................30 €<br>
|
||||||
showSlides(slideIndex += n);
|
• 1h Poney Shetland..............................................26 €<br>
|
||||||
}
|
• Leçon particulière: Cheval / Poney........................52 €<br>
|
||||||
|
• Pension box Cheval......................................29€/jour<br>
|
||||||
function currentSlide(n) {
|
• Pension box Poney.......................................22€/jour<br>
|
||||||
showSlides(slideIndex = n);
|
• Promenade en main 1/2h.....................................11 €<br>
|
||||||
}
|
• Promenade en main 1h........................................16 €<br>
|
||||||
|
</p>
|
||||||
function showSlides(n) {
|
<h4>Stage d’Equitation</h4><br>
|
||||||
var i;
|
<p>
|
||||||
var slides = document.getElementsByClassName("mySlides");
|
<b>Adhérents: <br><br></b>
|
||||||
var dots = document.getElementsByClassName("dot");
|
• 1 semaine.......................................................282 €<br>
|
||||||
if (n > slides.length) {slideIndex = 1}
|
• 1 journée (1/2 pension).......................................62 €<br>
|
||||||
if (n < 1) {slideIndex = slides.length}
|
• 1/2 journée......................................................45 €<br><br>
|
||||||
for (i = 0; i < slides.length; i++) {
|
<b>Cavalier de Passage:<br><br></b>
|
||||||
slides[i].style.display = "none";
|
• 1 semaine.......................................................307 €<br>
|
||||||
}
|
• 1/2 pension......................................................69 €<br>
|
||||||
for (i = 0; i < dots.length; i++) {
|
• 1/2 journée......................................................52 €
|
||||||
dots[i].className = dots[i].className.replace(" active", "");
|
</p></div></center>
|
||||||
}
|
</div>
|
||||||
slides[slideIndex-1].style.display = "block";
|
</div>
|
||||||
dots[slideIndex-1].className += " active";
|
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
|
||||||
}
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
</script>
|
<span class="sr-only">Previous</span>
|
||||||
|
</a>
|
||||||
<!--Div Format-->
|
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
|
||||||
<div class="clear"></div>
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="clear"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
|
||||||
<!--Footer-->
|
|
||||||
<?php
|
|
||||||
include("./vue/footer.php")
|
|
||||||
?>
|
|
||||||
@@ -1,25 +1,20 @@
|
|||||||
<!--Header-->
|
|
||||||
<?php
|
|
||||||
include("./vue/header.php")
|
|
||||||
?>
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!--==============================content================================-->
|
<!--==============================content================================-->
|
||||||
<section id="content" class="page-content">
|
<section id="content" class="page-content">
|
||||||
<div class="container_12 padcontent">
|
<div class="container">
|
||||||
<div class="grid_9">
|
|
||||||
<h2>Politique de confidentialité</h2><br>
|
<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
|
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
|
à 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
|
la section suivante, des fichiers témoins et/ou journaux pour réunir des informations vous
|
||||||
concernant. </p>
|
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>
|
Vos renseignements personnels sont collectés par le biais de formulaire, à savoir :<br>
|
||||||
- Formulaire d'inscription au site Web<br>
|
- Formulaire d'inscription au site Web<br>
|
||||||
Nous utilisons les renseignements ainsi collectés pour les finalités suivantes :<br>
|
Nous utilisons les renseignements ainsi collectés pour les finalités suivantes :<br>
|
||||||
- Contact</p>
|
- 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
|
Nous nous engageons à vous offrir un droit d'opposition et de retrait quant à vos renseignements
|
||||||
personnels.
|
personnels.
|
||||||
Le droit d'opposition s'entend comme étant la possibilité offerte aux internautes de refuser que leurs
|
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
|
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.
|
leurs renseignements personnels ne figurent plus, par exemple, dans une liste de diffusion.
|
||||||
</p>
|
</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
|
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.
|
désireuses de consulter, modifier, voire radier les informations les concernant.
|
||||||
</p>
|
</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 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.
|
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
|
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
|
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>
|
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>
|
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>
|
<p >E-mail: <a href="mailto:info@security.org">info@security.org</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="clear"></div>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<!--Footer-->
|
|
||||||
<?php
|
|
||||||
include("./vue/footer.php")
|
|
||||||
?>
|
|
||||||
@@ -1,12 +1,8 @@
|
|||||||
<!--Header-->
|
|
||||||
<?php
|
|
||||||
include("./vue/header.php")
|
|
||||||
?>
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
|
<section id="content" class="page-content">
|
||||||
|
<div class="container">
|
||||||
<!--==============================content================================-->
|
<!--==============================content================================-->
|
||||||
<section id="content" class="page-content">
|
|
||||||
<div class="container_12 padcontent">
|
|
||||||
<center><h2>Produit actuellement en vente</h2></center><br>
|
<center><h2>Produit actuellement en vente</h2></center><br>
|
||||||
<!--information page-->
|
<!--information page-->
|
||||||
<div class="padright">
|
<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
|
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>
|
dépend également de l’équipement choisi par le cavalier. </p>
|
||||||
</div>
|
</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-->
|
<!--Liste Article-->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col-lg-4">
|
||||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
<p> Nom Article</p>
|
||||||
<div class=shop-desc>
|
<p>20 €</p>
|
||||||
<p class="text-12">Nom Article</p>
|
</div>
|
||||||
<p class="text-12">20 €</p>
|
<div class="col-lg-4">
|
||||||
</div>
|
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||||
</div>
|
<p>Nom Article</p>
|
||||||
<div class="col">
|
<p>20 €</p>
|
||||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
</div>
|
||||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
<div class="col-lg-4">
|
||||||
<div class=shop-desc>
|
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||||
<p class="text-12">Nom Article</p>
|
<p>Nom Article</p>
|
||||||
<p class="text-12">20 €</p>
|
<p>20 €</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="row">
|
||||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
<div class="col-lg-4">
|
||||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
<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>
|
<div class=shop-desc>
|
||||||
<p class="text-12">Nom Article</p>
|
<p>Nom Article</p>
|
||||||
<p class="text-12">20 €</p>
|
<p>20 €</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col-lg-4">
|
||||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
<div class=shop-desc>
|
||||||
<div class=shop-desc>
|
<p>Nom Article</p>
|
||||||
<p class="text-12">Nom Article</p>
|
<p>20 €</p>
|
||||||
<p class="text-12">20 €</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-lg-4">
|
||||||
<div class="col">
|
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
|
||||||
<img class=imgB src='./images/shop/Shop_img21.jpg'
|
<div class=shop-desc>
|
||||||
alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';" /><br />
|
<p>Nom Article</p>
|
||||||
<div class=shop-desc>
|
<p>20 €</p>
|
||||||
<p class="text-12">Nom Article</p>
|
</div>
|
||||||
<p class="text-12">20 €</p>
|
</div>
|
||||||
</div>
|
</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 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 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 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 Format-->
|
||||||
<div class="clear"></div>
|
<div class="clear"></div>
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</section>
|
||||||
<!--Footer-->
|
</div>
|
||||||
<?php
|
|
||||||
include("./vue/footer.php")
|
|
||||||
?>
|
|
||||||
Reference in New Issue
Block a user