Compare commits
No commits in common. "d7f4351b30bff212f11c3b321f221aac37be05c0" and "c72ca9e5edd8249c54ff34542f05b2d9741a67b9" have entirely different histories.
d7f4351b30
...
c72ca9e5ed
1
.gitignore
vendored
1
.gitignore
vendored
@ -42,5 +42,4 @@ yarn-debug.log*
|
|||||||
/pdf/*
|
/pdf/*
|
||||||
|
|
||||||
/.sass_cache/*
|
/.sass_cache/*
|
||||||
/test*
|
|
||||||
|
|
||||||
|
@ -1 +0,0 @@
|
|||||||
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,500,500i,600,600i,700,700i|Fugaz+One|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Russo+One');
|
|
@ -1,32 +0,0 @@
|
|||||||
body {
|
|
||||||
font-family: 'Montserrat', sans-serif;
|
|
||||||
color: #000;
|
|
||||||
font-size: 15px;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
min-height: calc(100vh - 450px)
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none !important;
|
|
||||||
color: #CC4B14;
|
|
||||||
&:hover {
|
|
||||||
color: #000000;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
&:focus {
|
|
||||||
color: #000000;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
&:active {
|
|
||||||
color: #000000;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,112 +0,0 @@
|
|||||||
.pages-pneus {
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pages-pneus .more-infos {
|
|
||||||
position: absolute;
|
|
||||||
right: 25px;
|
|
||||||
bottom: 22px;
|
|
||||||
a {
|
|
||||||
vertical-align: middle;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 16px;
|
|
||||||
font-family: 'Fugaz One', cursive;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: 500 !important;
|
|
||||||
padding: 10px 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.pages-pneus .top-banner {
|
|
||||||
position: relative;
|
|
||||||
background-color: #ffdd00;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
padding: 20px;
|
|
||||||
span {
|
|
||||||
color: #e3000b;
|
|
||||||
font-size: 32px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 800;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 20px;
|
|
||||||
color: #000;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
.more-infos a {
|
|
||||||
color: #fff;
|
|
||||||
background-color: #e3000b;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.pages-pneus .block-pneu {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pages-pneus .block-pneu .description {
|
|
||||||
width: 80%;
|
|
||||||
> * {
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
iframe {
|
|
||||||
width: 100%;
|
|
||||||
height: 370px;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
p span {
|
|
||||||
color: #cc4b14;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.pages-pneus .block-pneu .synthese {
|
|
||||||
margin-left: 40px;
|
|
||||||
padding: 20px;
|
|
||||||
position: relative;
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
margin: 5px 5px 25px 5px;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
margin: 10px 0 20px 0;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
.more-infos {
|
|
||||||
margin-top: 15px;
|
|
||||||
}
|
|
||||||
.more-infos a {
|
|
||||||
background-color: #ffdd00;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.pages-pneus {
|
|
||||||
.barre_percent {
|
|
||||||
background-color: #ccc;
|
|
||||||
width: 100%;
|
|
||||||
height: 20px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.progression {
|
|
||||||
position: absolute;
|
|
||||||
height: 20px;
|
|
||||||
background-color: #cc4b14;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.pages-pneus hr {
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
margin: 30px 0px;
|
|
||||||
border-bottom: 5px solid #000;
|
|
||||||
}
|
|
@ -1,277 +0,0 @@
|
|||||||
.avantage {
|
|
||||||
background-image: url(/images/interface/slide5.jpg);
|
|
||||||
background-size: cover;
|
|
||||||
padding: 70px 0px;
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
&:after {
|
|
||||||
background-color: rgba(0, 0, 0, 0.7);
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1;
|
|
||||||
width: 100%;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
.banner {
|
|
||||||
position: relative;
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-size: 40px;
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'Fugaz One', cursive !important;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 2px;
|
|
||||||
margin-bottom: 60px;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.numbers{
|
|
||||||
background-color: #cc4b14;
|
|
||||||
padding: 30px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.center_programme {
|
|
||||||
font-size: 0;
|
|
||||||
max-width: 1140px;
|
|
||||||
margin: auto;
|
|
||||||
.primes_left {
|
|
||||||
display: inline-block;
|
|
||||||
width: 70%;
|
|
||||||
vertical-align: middle;
|
|
||||||
.bloc_primes_img {
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
.primes_img {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
.primes_legende_img {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: bottom;
|
|
||||||
font-size: 16px;
|
|
||||||
padding-left: 10px;
|
|
||||||
font-size: 20px;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 16px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
p.chevrons {
|
|
||||||
&:before {
|
|
||||||
content: '>';
|
|
||||||
color: #cc4b14;
|
|
||||||
font-weight: 600;
|
|
||||||
padding-right: 6px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
font-size: 26px;
|
|
||||||
font-style: italic;
|
|
||||||
color: #e40011;
|
|
||||||
font-weight: 800;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.soulign {
|
|
||||||
color: #000;
|
|
||||||
text-decoration: underline !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.primes_right {
|
|
||||||
display: inline-block;
|
|
||||||
width: 30%;
|
|
||||||
vertical-align: middle;
|
|
||||||
a {
|
|
||||||
font-family: 'Fugaz One', cursive !important;
|
|
||||||
background-color: #ffe500;
|
|
||||||
font-size: 20px;
|
|
||||||
color: #000;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
font-size: 22px;
|
|
||||||
padding: 5px 15px;
|
|
||||||
display: inline-block;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.banner {
|
|
||||||
max-width: 1140px;
|
|
||||||
margin: auto;
|
|
||||||
.desc_actu {
|
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.row_avantage {
|
|
||||||
font-size: 0;
|
|
||||||
margin-left: -1.5%;
|
|
||||||
margin-right: -1.5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block_avantage {
|
|
||||||
&:nth-child(1) {
|
|
||||||
.container_picto {
|
|
||||||
width: 70px;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.container_picto {
|
|
||||||
width: 90px;
|
|
||||||
height: 120px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
background-image: url(/images/interface/background_bloc_left_transp.png);
|
|
||||||
}
|
|
||||||
&:nth-child(2) {
|
|
||||||
.container_picto {
|
|
||||||
width: 88px;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.container_picto {
|
|
||||||
width: 112px;
|
|
||||||
height: 120px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
background-image: url(/images/interface/background_bloc_left2_transp.png);
|
|
||||||
}
|
|
||||||
&:nth-child(3) {
|
|
||||||
.container_picto {
|
|
||||||
width: 73px;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.container_picto {
|
|
||||||
width: 94px;
|
|
||||||
height: 120px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
background-image: url(/images/interface/background_bloc_right2_transp.png);
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
.container_picto {
|
|
||||||
width: 149px;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.container_picto {
|
|
||||||
width: 191px;
|
|
||||||
height: 120px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
vertical-align: top;
|
|
||||||
display: inline-block;
|
|
||||||
width: 22%;
|
|
||||||
background-color: #fff;
|
|
||||||
margin: 0 1.5%;
|
|
||||||
-webkit-transition: all 0.3s;
|
|
||||||
-moz-transition: all 0.3s;
|
|
||||||
-ms-transition: all 0.3s;
|
|
||||||
-o-transition: all 0.3s;
|
|
||||||
transition: all 0.3s;
|
|
||||||
border-radius: 10px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
text-align: center;
|
|
||||||
padding: 10px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
min-height: 330px;
|
|
||||||
&:hover {
|
|
||||||
background-color: #000;
|
|
||||||
h5 {
|
|
||||||
color: #cd4a12;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.img_av_hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.img_av {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
max-height: 90px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 20px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:nth-child(4) {
|
|
||||||
background-image: url(/images/interface/background_bloc_right_transp.png);
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
max-height: 70px;
|
|
||||||
margin-top: 30px;
|
|
||||||
-webkit-transition: max-height 0.3s;
|
|
||||||
-moz-transition: max-height 0.3s;
|
|
||||||
-ms-transition: max-height 0.3s;
|
|
||||||
-o-transition: max-height 0.3s;
|
|
||||||
transition: max-height 0.3s;
|
|
||||||
left: 0;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
h5 {
|
|
||||||
-webkit-transition: all 0.3s;
|
|
||||||
-moz-transition: all 0.3s;
|
|
||||||
-ms-transition: all 0.3s;
|
|
||||||
-o-transition: all 0.3s;
|
|
||||||
transition: all 0.3s;
|
|
||||||
font-size: 25px;
|
|
||||||
font-weight: 500;
|
|
||||||
font-family: 'Russo One', sans-serif !important;
|
|
||||||
margin-top: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 18px !important;
|
|
||||||
line-height: 20px !important;
|
|
||||||
color: #CC4B14;
|
|
||||||
font-family: 'Montserrat', sans-serif !important;
|
|
||||||
font-weight: 700 !important;
|
|
||||||
-webkit-transition: all 0.3s;
|
|
||||||
-moz-transition: all 0.3s;
|
|
||||||
-ms-transition: all 0.3s;
|
|
||||||
-o-transition: all 0.3s;
|
|
||||||
transition: all 0.3s;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 950px) {
|
|
||||||
.avantage {
|
|
||||||
h4 {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.row_avantage {
|
|
||||||
margin: 0;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
.block_avantage {
|
|
||||||
width: 47%;
|
|
||||||
max-width: 350px;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 540px) {
|
|
||||||
.block_avantage {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 350px;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
.numbers {
|
|
||||||
padding: 30px 20px;
|
|
||||||
}
|
|
||||||
}
|
|
File diff suppressed because it is too large
Load Diff
@ -1,26 +0,0 @@
|
|||||||
.flashs{
|
|
||||||
background: #F9F1E4;
|
|
||||||
color: #333f48;
|
|
||||||
padding: 30px 20px;
|
|
||||||
font-size: 14px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
|
|
||||||
.notice, .error, .alert{
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
max-width:1000px;
|
|
||||||
margin:auto;
|
|
||||||
}
|
|
||||||
.error{
|
|
||||||
color:red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.remove{
|
|
||||||
position:absolute;
|
|
||||||
top:6px;
|
|
||||||
right:8px;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,120 +0,0 @@
|
|||||||
#footer {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
padding: 50px 0px;
|
|
||||||
background: url(/images/interface/bg-footer.jpg);
|
|
||||||
background-size: cover;
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
opacity: .9;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
content: '';
|
|
||||||
background-color: #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-section {
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.fa-facebook-f {
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
font-size: 14px;
|
|
||||||
a {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
margin-top: 28px;
|
|
||||||
margin-bottom: 27px;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: white;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-family: "Roboto Condensed", sans-serif;
|
|
||||||
&:before {
|
|
||||||
display: inline-block;
|
|
||||||
width: 10px;
|
|
||||||
height: 3px;
|
|
||||||
margin-right: 15px;
|
|
||||||
content: '';
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: #ffe500;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-list_columns {
|
|
||||||
a {
|
|
||||||
position: relative;
|
|
||||||
padding-left: 20px;
|
|
||||||
&:after {
|
|
||||||
position: absolute;
|
|
||||||
top: 7px;
|
|
||||||
left: 0;
|
|
||||||
width: 7px;
|
|
||||||
height: 7px;
|
|
||||||
content: '';
|
|
||||||
-webkit-transform: rotate(45deg);
|
|
||||||
transform: rotate(45deg);
|
|
||||||
border-top: 2px solid #ccc;
|
|
||||||
border-right: 2px solid #ccc;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer-contact {
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 9px;
|
|
||||||
padding-left: 38px;
|
|
||||||
letter-spacing: .02em;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 14px;
|
|
||||||
a {
|
|
||||||
&:hover {
|
|
||||||
color: #CC4B14 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.icon {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
margin-right: 10px;
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: center;
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
.icon-xs {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.icon-lg {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer-contact_lg {
|
|
||||||
margin-bottom: 24px;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
line-height: 1.1;
|
|
||||||
letter-spacing: 0;
|
|
||||||
}
|
|
||||||
.footer__info {
|
|
||||||
margin: 30px 0px;
|
|
||||||
line-height: 1.86;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
.footer__logo {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 27px;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,153 +0,0 @@
|
|||||||
#header {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
background-color: #000;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 10px 0px;
|
|
||||||
-webkit-transition: all 0.5s ease;
|
|
||||||
-moz-transition: all 0.5s ease;
|
|
||||||
-ms-transition: all 0.5s ease;
|
|
||||||
-o-transition: all 0.5s ease;
|
|
||||||
transition: all 0.5s ease;
|
|
||||||
#logo {
|
|
||||||
z-index: 2;
|
|
||||||
margin: 0px;
|
|
||||||
display: inline-block;
|
|
||||||
width: 30%;
|
|
||||||
margin-bottom: -25px;
|
|
||||||
vertical-align: bottom;
|
|
||||||
text-align: left;
|
|
||||||
img {
|
|
||||||
z-index: 39;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
font-size: 1.65em;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#header .top-bar {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
background-color: #000;
|
|
||||||
font-size: 13px;
|
|
||||||
padding: 10px;
|
|
||||||
padding-bottom: 0px;
|
|
||||||
font-family: "Roboto Condensed", sans-serif;
|
|
||||||
-webkit-transition: all 0.5s;
|
|
||||||
-moz-transition: all 0.5s;
|
|
||||||
-ms-transition: all 0.5s;
|
|
||||||
-o-transition: all 0.5s;
|
|
||||||
transition: all 0.5s;
|
|
||||||
height: 27px;
|
|
||||||
overflow: hidden;
|
|
||||||
i {
|
|
||||||
color: #fff;
|
|
||||||
opacity: 0.6;
|
|
||||||
padding: 0px 10px;
|
|
||||||
font-size: 15px;
|
|
||||||
padding-right:0px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: rgba(255, 255, 255, 0.7);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#header .main-content {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: flex-end;
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-family: "Roboto Condensed", sans-serif;
|
|
||||||
padding: 3px 15px;
|
|
||||||
}
|
|
||||||
li a:hover, li a.active {
|
|
||||||
border-bottom: 1px solid #fd0;
|
|
||||||
}
|
|
||||||
li a {
|
|
||||||
padding-bottom: 5px;
|
|
||||||
color: rgba(255,255,255,0.7);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#mobile_menu{
|
|
||||||
z-index:900;
|
|
||||||
position:fixed;
|
|
||||||
top:0;
|
|
||||||
left:0;
|
|
||||||
right:0;
|
|
||||||
bottom:0;
|
|
||||||
background:rgba(0,0,0,0.9);
|
|
||||||
color:white;
|
|
||||||
padding:20px;
|
|
||||||
display:none;
|
|
||||||
|
|
||||||
.mobile_second_menu{
|
|
||||||
padding:10px 0;
|
|
||||||
ul{
|
|
||||||
margin:0;
|
|
||||||
list-style:none;
|
|
||||||
li{display:inline-block;
|
|
||||||
margin:4px 10px;
|
|
||||||
margin-left:0;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
a{color:white;}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.mobile_first_menu{
|
|
||||||
margin-top:20px;
|
|
||||||
font-family: "Roboto Condensed", sans-serif;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color:white;
|
|
||||||
|
|
||||||
ul{
|
|
||||||
margin:0;
|
|
||||||
list-style:none;
|
|
||||||
li{display:block;
|
|
||||||
|
|
||||||
padding:5px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a{color:white;}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#burger_menu{
|
|
||||||
z-index:1000;
|
|
||||||
top:5px;
|
|
||||||
right:5px;
|
|
||||||
bottom:inherit;
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 1170px) {
|
|
||||||
#header .top-bar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 740px) {
|
|
||||||
#header #burger_menu {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
#header .menus {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,60 +0,0 @@
|
|||||||
.recherche_filtre {
|
|
||||||
padding-top: 40px;
|
|
||||||
padding-bottom: 30px;
|
|
||||||
background: #cc4b14 url('/fond-recherche.jpg?m=mm') no-repeat center top;
|
|
||||||
.group_valider {
|
|
||||||
text-align: right;
|
|
||||||
margin-top: 20px;
|
|
||||||
input {
|
|
||||||
background-color: #000;
|
|
||||||
font-size: 20px !important;
|
|
||||||
width: calc(20% - 30px);
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.group_form {
|
|
||||||
input[type="submit"] {
|
|
||||||
background-color: #000;
|
|
||||||
font-size: 20px !important;
|
|
||||||
width: calc(20% - 30px);
|
|
||||||
margin-right: 15px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
display: inline-block;
|
|
||||||
width: 20%;
|
|
||||||
vertical-align: top;
|
|
||||||
padding: 0 15px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
input[type="text"] {
|
|
||||||
font-size: 15px;
|
|
||||||
padding: 15px 20px;
|
|
||||||
line-height: 16px;
|
|
||||||
border: 0px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-family: 'Montserrat' !important;
|
|
||||||
font-size: 30px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #111111;
|
|
||||||
text-transform: uppercase;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
&:before {
|
|
||||||
content: '-';
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 15px;
|
|
||||||
vertical-align: middle;
|
|
||||||
color: #ffdd00;
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.centre_filtre {
|
|
||||||
max-width: 1140px;
|
|
||||||
margin: auto;
|
|
||||||
font-size: 0;
|
|
||||||
form {
|
|
||||||
margin: 0 -15px;
|
|
||||||
}
|
|
||||||
}
|
|
@ -11,6 +11,7 @@ class Public::MenuItemsController < ApplicationController
|
|||||||
@menu_item= MenuItem.archived.find(params[:id])
|
@menu_item= MenuItem.archived.find(params[:id])
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
||||||
def show
|
def show
|
||||||
|
|
||||||
if params[:lang]
|
if params[:lang]
|
||||||
|
@ -72,9 +72,205 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
%body
|
%body.pageAccueil
|
||||||
=render partial: 'public/shared/header'
|
#mobile_menu
|
||||||
=render partial: 'public/shared/flashes'
|
.mobile_second_menu
|
||||||
.content
|
|
||||||
=yield
|
%ul.social-links
|
||||||
=render partial: 'public/shared/footer'
|
|
||||||
|
|
||||||
|
%li
|
||||||
|
-if current_p_customer
|
||||||
|
=link_to public_my_account_path do
|
||||||
|
=ic(:user)
|
||||||
|
Mon compte :
|
||||||
|
=current_p_customer.particular.firstname
|
||||||
|
=current_p_customer.particular.name
|
||||||
|
|
||||||
|
-else
|
||||||
|
=link_to ic(:user)+" Mon compte", public_my_account_path
|
||||||
|
|
||||||
|
|
||||||
|
%li
|
||||||
|
%a{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
||||||
|
=ic :"facebook-f"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mobile_first_menu
|
||||||
|
%ul
|
||||||
|
|
||||||
|
|
||||||
|
-MenuItem.where(:parent_id => nil, :menu_id => 1).order(:position).each do |menu_item|
|
||||||
|
-if menu_item_link(menu_item) and menu_item_link(menu_item) != ""
|
||||||
|
%li
|
||||||
|
=menu_item_link(menu_item)
|
||||||
|
|
||||||
|
|
||||||
|
-if false
|
||||||
|
%li.PGS_ROULAGE
|
||||||
|
=link_to "Trouvez votre journée", public_m_events_path
|
||||||
|
|
||||||
|
|
||||||
|
%li.PGS_ANNUAIRE_CIRCUIT
|
||||||
|
=link_to "Circuits", public_circuits_path, :class => ("active" if @circuits_active)
|
||||||
|
%li.PGS_ANNUAIRE_ORGA
|
||||||
|
=link_to "Organisateurs", public_organisateurs_path, :class => ("active" if @organisateurs_active)
|
||||||
|
|
||||||
|
%li.PGS_DISTRIBUTEUR
|
||||||
|
%a{:href => "https://www.dunlop.eu/fr_fr/motorcycle/dealers/find-a-dealer.html", :target => "_blank", :title => "Distributeurs"}
|
||||||
|
%span Distributeurs
|
||||||
|
|
||||||
|
|
||||||
|
.mobile_second_menu
|
||||||
|
%br
|
||||||
|
%br
|
||||||
|
%ul
|
||||||
|
-if current_p_customer
|
||||||
|
%li=link_to ic(:"power-off")+" Déconnexion", logout_public_p_customer_auths_path()
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
%button.navbar-toggle.collapsed.btn-menu#burger_menu{:onclick => "$('#mobile_menu').toggle();"}
|
||||||
|
%span.sr-only Toggle navigation
|
||||||
|
%span.icon-bar
|
||||||
|
%span.icon-bar
|
||||||
|
%span.icon-bar
|
||||||
|
|
||||||
|
%span.fond_body_1
|
||||||
|
%span.fond_body_2
|
||||||
|
#conteneur
|
||||||
|
#conteneur_contenu
|
||||||
|
#header.WithCarousel
|
||||||
|
.top-bar
|
||||||
|
.container
|
||||||
|
.header-topbarbox-1
|
||||||
|
.header-topbarbox-2
|
||||||
|
%ul.social-links
|
||||||
|
|
||||||
|
-if current_p_customer
|
||||||
|
=link_to ic(:"power-off")+" Déconnexion", logout_public_p_customer_auths_path()
|
||||||
|
|
||||||
|
|
||||||
|
%li
|
||||||
|
-if current_p_customer
|
||||||
|
=link_to public_my_account_path do
|
||||||
|
=ic(:user)
|
||||||
|
Mon compte :
|
||||||
|
=current_p_customer.particular.firstname
|
||||||
|
=current_p_customer.particular.name
|
||||||
|
|
||||||
|
-else
|
||||||
|
=link_to ic(:user)+" Mon compte", public_my_account_path
|
||||||
|
|
||||||
|
|
||||||
|
%li
|
||||||
|
%a{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
||||||
|
=ic :"facebook-f"
|
||||||
|
|
||||||
|
#conteneur_header
|
||||||
|
#logo
|
||||||
|
%h1
|
||||||
|
%a{:href => "/"}
|
||||||
|
%img.logo_top{:alt => "Ma moto sur circuit", :src => "/images/interface/Logo-DMD.png", :title => "Ma moto sur circuit"}/
|
||||||
|
%img.logo_scroll{:alt => "Ma moto sur circuit", :src => "/images/interface/logo_petit.png", :title => "Ma moto sur circuit"}/
|
||||||
|
#position-menu
|
||||||
|
#menu_haut.WithCarousel
|
||||||
|
%ul
|
||||||
|
|
||||||
|
|
||||||
|
-MenuItem.where(:parent_id => nil, :menu_id => 1).order(:position).each do |menu_item|
|
||||||
|
-if menu_item_link(menu_item) and menu_item_link(menu_item) != ""
|
||||||
|
%li
|
||||||
|
=menu_item_link(menu_item)
|
||||||
|
|
||||||
|
|
||||||
|
-if false
|
||||||
|
%li.PGS_ROULAGE
|
||||||
|
=link_to "Trouvez votre journée", public_m_events_path
|
||||||
|
|
||||||
|
|
||||||
|
%li.PGS_ANNUAIRE_CIRCUIT
|
||||||
|
=link_to "Circuits", public_circuits_path, :class => ("active" if @circuits_active)
|
||||||
|
%li.PGS_ANNUAIRE_ORGA
|
||||||
|
=link_to "Organisateurs", public_organisateurs_path, :class => ("active" if @organisateurs_active)
|
||||||
|
|
||||||
|
%li.PGS_DISTRIBUTEUR
|
||||||
|
%a{:href => "https://www.dunlop.eu/fr_fr/motorcycle/dealers/find-a-dealer.html", :target => "_blank", :title => "Distributeurs"}
|
||||||
|
%span Distributeurs
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#contenu
|
||||||
|
|
||||||
|
-if flash[:error] or flash[:notice] or flash[:alert]
|
||||||
|
.flashs
|
||||||
|
-if flash[:error]
|
||||||
|
.error
|
||||||
|
%span.remove=ic :times
|
||||||
|
=flash[:error]
|
||||||
|
-if flash[:notice]
|
||||||
|
.notice
|
||||||
|
%span.remove=ic :times
|
||||||
|
=flash[:notice]
|
||||||
|
-if flash[:alert]
|
||||||
|
.alert
|
||||||
|
%span.remove=ic :times
|
||||||
|
=flash[:alert]
|
||||||
|
|
||||||
|
|
||||||
|
#centreetdroite
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
=yield
|
||||||
|
|
||||||
|
#pied
|
||||||
|
#conteneur_pied
|
||||||
|
.row
|
||||||
|
.col-md-4
|
||||||
|
.footer-section
|
||||||
|
%a.footer__logo{:href => "#"}
|
||||||
|
%img.img-responsive{:src => "/images/interface/Logo-DMD.png"}/
|
||||||
|
.footer__info Devenez membre de la communauté pour accéder aux avantages exclusifs.
|
||||||
|
%ul.social-net.list-inline
|
||||||
|
%li.social-net__item
|
||||||
|
%a.social-net__link.text-primary_h{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
||||||
|
=ic(:"facebook-f")
|
||||||
|
|
||||||
|
.col-md-4
|
||||||
|
%section.footer-section.footer-section_list-columns
|
||||||
|
%h3.footer-section__title.ui-title-inner Liens utiles
|
||||||
|
%ul.footer-list.footer-list_columns.list-unstyled
|
||||||
|
%li
|
||||||
|
%a{:accesskey => "3", :href => "/fr/plan-site.html", :title => "Plan du site"} Plan du site
|
||||||
|
%li
|
||||||
|
%a{:accesskey => "8", :href => "/fr/mentions-legales.html", :title => "Mentions légales"} Mentions légales
|
||||||
|
%li
|
||||||
|
%a{:accesskey => "8", :href => "/fr/conditions-generales-utilisation.html", :title => "Conditions générales d'utilisation"} Conditions générales d'utilisation
|
||||||
|
.col-md-4
|
||||||
|
%section.footer-section
|
||||||
|
%h3.footer-section__title.ui-title-inner Nous contacter
|
||||||
|
.footer-contact
|
||||||
|
%i.icon.icon-xs.fa.fa-envelope-o
|
||||||
|
%a{:href => "mailto:contact@mamotosurcircuit.com"} contact@mamotosurcircuit.com
|
||||||
|
.footer-contact
|
||||||
|
%i.icon.icon-lg.fa.fa-map-marker>
|
||||||
|
8 route des bois 38500 VOIRON
|
||||||
|
.footer-contact
|
||||||
|
%i.icon.icon-lg.fa.fa-phone>
|
||||||
|
04 76 31 38 38
|
||||||
|
/ conteneur_contenu //
|
||||||
|
/ conteneur//
|
||||||
|
|
||||||
|
|
||||||
|
:javascript
|
||||||
|
resize()
|
||||||
|
|
||||||
|
@ -3,6 +3,7 @@
|
|||||||
-params[:search][:m_event_type_title] = params[:search][:m_event_type_title] || []
|
-params[:search][:m_event_type_title] = params[:search][:m_event_type_title] || []
|
||||||
|
|
||||||
.centre_filtre
|
.centre_filtre
|
||||||
|
=#link_to image_tag('/images/interface/btn_inscription.png'), public_my_account_path(), :class => "ins"
|
||||||
%h4 Trouvez votre journée sur circuit
|
%h4 Trouvez votre journée sur circuit
|
||||||
|
|
||||||
=form_tag public_m_events_path, :method => "get", :onsubmit => "" do
|
=form_tag public_m_events_path, :method => "get", :onsubmit => "" do
|
||||||
@ -42,3 +43,4 @@
|
|||||||
|
|
||||||
.mobile-block
|
.mobile-block
|
||||||
=submit_tag "Rechercher", :class => "submit"
|
=submit_tag "Rechercher", :class => "submit"
|
||||||
|
|
@ -1,61 +1,65 @@
|
|||||||
=render :partial => "public/m_events/search"
|
=render :partial => "public/m_events/search"
|
||||||
|
|
||||||
.banner
|
.intro_home
|
||||||
.row_home.row1
|
.center_home
|
||||||
.block_intro
|
.row_home.row1
|
||||||
%h3 Ma moto sur circuit
|
.block_intro
|
||||||
%p
|
%h3 Ma moto sur circuit
|
||||||
La 1
|
%p
|
||||||
%sup ère
|
La 1
|
||||||
plateforme de stages et de roulages qui rapporte des primes offertes par Dunlop et ses partenaires
|
%sup ère
|
||||||
.block_intro
|
plateforme de stages et de roulages qui rapporte des primes offertes par Dunlop et ses partenaires
|
||||||
=image_tag "/images/interface/logo_intro.png"
|
.block_intro
|
||||||
.row_home.row2
|
%img{:src => "/images/interface/logo_intro.png"}/
|
||||||
.block_intro
|
.row_home.row2
|
||||||
%img{:src => "/images/interface/produits-offre-mamotosurcircuit.jpg"}/
|
.block_intro
|
||||||
.right_intro
|
%img{:src => "/images/interface/produits-offre-mamotosurcircuit.jpg"}/
|
||||||
%h3 Dunlop sponsor program
|
.right_intro
|
||||||
%p Des avantages pour vous et votre moto
|
%h3 Dunlop sponsor program
|
||||||
%a{:href => "/fr/primes.html"} Le programme
|
%p Des avantages pour vous et votre moto
|
||||||
%br
|
%a{:href => "/fr/primes.html"} Le programme
|
||||||
.block_intro{:style => "position:relative;"}
|
%br
|
||||||
=image_tag "/Sticker_mockup_mmsc.png", :style => "position:absolute;top:10px;right:0px;width:280px;"
|
.block_intro{:style => "position:relative;"}
|
||||||
%h3
|
=image_tag "/Sticker_mockup_mmsc.png", :style => "position:absolute;top:10px;right:0px;width:280px;"
|
||||||
Devenez membre
|
%h3
|
||||||
%br
|
Devenez membre
|
||||||
de la communauté
|
%br
|
||||||
%p
|
de la communauté
|
||||||
Recevez gratuitement
|
%p
|
||||||
%br
|
Recevez gratuitement
|
||||||
1 planche de stickers
|
%br
|
||||||
|
1 planche de stickers
|
||||||
|
|
||||||
%a{:href => public_my_account_path} S'inscrire
|
|
||||||
|
|
||||||
.numbers
|
%a{:href => public_my_account_path} S'inscrire
|
||||||
.container
|
|
||||||
.row
|
#paragraphe339.paragraphe{:style => "padding:0;margin:0;"}
|
||||||
.col-xs-12.col-md-6.col-lg-3
|
%a{:name => "paragraphe339"}
|
||||||
|
.num_programme
|
||||||
|
.center_programme
|
||||||
|
.block_num
|
||||||
%span.chiffre
|
%span.chiffre
|
||||||
=PCustomer.where(:enabled => true, :test_user => false).count
|
=PCustomer.where(:enabled => true, :test_user => false).count
|
||||||
%span.label-chiffre Membres
|
%span.label-chiffre Membres
|
||||||
.col-xs-12.col-md-6.col-lg-3
|
.block_num
|
||||||
%span.chiffre
|
%span.chiffre
|
||||||
-r = 0
|
-r = 0
|
||||||
-MEvent.where("start_at > ?", Date.today.beginning_of_year.beginning_of_year).all.each do |m_event|
|
-MEvent.where("start_at > ?", Date.today.beginning_of_year.beginning_of_year).all.each do |m_event|
|
||||||
-r+=(m_event.end_at - m_event.start_at ).to_i / (24 * 60 * 60) +1
|
-r+=(m_event.end_at - m_event.start_at ).to_i / (24 * 60 * 60) +1
|
||||||
=r
|
=r
|
||||||
|
|
||||||
%span.label-chiffre Dates
|
%span.label-chiffre Dates
|
||||||
.col-xs-12.col-md-6.col-lg-3
|
.block_num
|
||||||
%span.chiffre
|
%span.chiffre
|
||||||
=Circuit.count
|
=Circuit.count
|
||||||
%span.label-chiffre Circuits
|
%span.label-chiffre Circuits
|
||||||
.col-xs-12.col-md-6.col-lg-3
|
.block_num
|
||||||
%span.chiffre
|
%span.chiffre
|
||||||
=Organisateur.count
|
=Organisateur.count
|
||||||
%span.label-chiffre Organisateurs
|
%span.label-chiffre Organisateurs
|
||||||
|
|
||||||
.avantage
|
.avantage
|
||||||
.banner
|
.center_home
|
||||||
%h4 Les 4 avantages du programme
|
%h4 Les 4 avantages du programme
|
||||||
.row_avantage
|
.row_avantage
|
||||||
.block_avantage
|
.block_avantage
|
||||||
|
@ -1,14 +0,0 @@
|
|||||||
-if flash[:error] or flash[:notice] or flash[:alert]
|
|
||||||
.flashs
|
|
||||||
-if flash[:error]
|
|
||||||
.error
|
|
||||||
%span.remove=ic :times
|
|
||||||
=flash[:error]
|
|
||||||
-if flash[:notice]
|
|
||||||
.notice
|
|
||||||
%span.remove=ic :times
|
|
||||||
=flash[:notice]
|
|
||||||
-if flash[:alert]
|
|
||||||
.alert
|
|
||||||
%span.remove=ic :times
|
|
||||||
=flash[:alert]
|
|
@ -1,29 +0,0 @@
|
|||||||
#footer
|
|
||||||
.container
|
|
||||||
.row
|
|
||||||
.col-md-4.footer-section
|
|
||||||
=image_tag '/images/interface/Logo-DMD.png'
|
|
||||||
.footer__info Devenez membre de la communauté pour accéder aux avantages exclusifs.
|
|
||||||
=link_to "https://www.facebook.com/mamotosurcircuit/", target: '_blank' do
|
|
||||||
=ic(:"facebook-f")
|
|
||||||
|
|
||||||
.col-md-4.footer-section
|
|
||||||
%h3 Liens utiles
|
|
||||||
%ul.footer-list_columns.list-unstyled
|
|
||||||
%li
|
|
||||||
%a{:accesskey => "3", :href => "/fr/plan-site.html", :title => "Plan du site"} Plan du site
|
|
||||||
%li
|
|
||||||
%a{:accesskey => "8", :href => "/fr/mentions-legales.html", :title => "Mentions légales"} Mentions légales
|
|
||||||
%li
|
|
||||||
%a{:accesskey => "8", :href => "/fr/conditions-generales-utilisation.html", :title => "Conditions générales d'utilisation"} Conditions générales d'utilisation
|
|
||||||
.col-md-4.footer-section
|
|
||||||
%h3 Nous contacter
|
|
||||||
.footer-contact
|
|
||||||
%i.icon.icon-xs.fa.fa-envelope-o
|
|
||||||
%a{:href => "mailto:contact@mamotosurcircuit.com"} contact@mamotosurcircuit.com
|
|
||||||
.footer-contact
|
|
||||||
%i.icon.icon-lg.fa.fa-map-marker>
|
|
||||||
8 route des bois 38500 VOIRON
|
|
||||||
.footer-contact
|
|
||||||
%i.icon.icon-lg.fa.fa-phone>
|
|
||||||
04 76 31 38 38
|
|
@ -1,40 +0,0 @@
|
|||||||
#header
|
|
||||||
=render partial: 'public/shared/mobile_menu'
|
|
||||||
.container
|
|
||||||
.top-bar
|
|
||||||
-if current_p_customer
|
|
||||||
=link_to ic(:"power-off")+" Déconnexion", logout_public_p_customer_auths_path()
|
|
||||||
|
|
||||||
-if current_p_customer
|
|
||||||
=link_to public_my_account_path do
|
|
||||||
=ic(:user)
|
|
||||||
Mon compte :
|
|
||||||
=current_p_customer.particular.firstname
|
|
||||||
=current_p_customer.particular.name
|
|
||||||
-else
|
|
||||||
=link_to ic(:user)+" Mon compte", public_my_account_path
|
|
||||||
|
|
||||||
%a{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
|
||||||
=ic :"facebook-f"
|
|
||||||
.main-content
|
|
||||||
#logo
|
|
||||||
%a{:href => "/"}
|
|
||||||
%img.logo_top{:alt => "Ma moto sur circuit", :src => "/images/interface/Logo-DMD.png", :title => "Ma moto sur circuit"}/
|
|
||||||
%img.logo_scroll{:alt => "Ma moto sur circuit", :src => "/images/interface/logo_petit.png", :title => "Ma moto sur circuit"}/
|
|
||||||
%ul.menus
|
|
||||||
-MenuItem.where(:parent_id => nil, :menu_id => 1).order(:position).each do |menu_item|
|
|
||||||
-if menu_item_link(menu_item) and menu_item_link(menu_item) != ""
|
|
||||||
%li
|
|
||||||
=menu_item_link(menu_item)
|
|
||||||
|
|
||||||
-if false
|
|
||||||
%li
|
|
||||||
=link_to "Trouvez votre journée", public_m_events_path
|
|
||||||
|
|
||||||
%li
|
|
||||||
=link_to "Circuits", public_circuits_path, :class => ("active" if @circuits_active)
|
|
||||||
%li
|
|
||||||
=link_to "Organisateurs", public_organisateurs_path, :class => ("active" if @organisateurs_active)
|
|
||||||
%li
|
|
||||||
%a{:href => "https://www.dunlop.eu/fr_fr/motorcycle/dealers/find-a-dealer.html", :target => "_blank", :title => "Distributeurs"}
|
|
||||||
%span Distributeurs
|
|
@ -1,62 +0,0 @@
|
|||||||
#mobile_menu
|
|
||||||
.mobile_second_menu
|
|
||||||
|
|
||||||
%ul.social-links
|
|
||||||
|
|
||||||
|
|
||||||
%li
|
|
||||||
-if current_p_customer
|
|
||||||
=link_to public_my_account_path do
|
|
||||||
=ic(:user)
|
|
||||||
Mon compte :
|
|
||||||
=current_p_customer.particular.firstname
|
|
||||||
=current_p_customer.particular.name
|
|
||||||
|
|
||||||
-else
|
|
||||||
=link_to ic(:user)+" Mon compte", public_my_account_path
|
|
||||||
|
|
||||||
|
|
||||||
%li
|
|
||||||
%a{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
|
||||||
=ic :"facebook-f"
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.mobile_first_menu
|
|
||||||
%ul
|
|
||||||
|
|
||||||
|
|
||||||
-MenuItem.where(:parent_id => nil, :menu_id => 1).order(:position).each do |menu_item|
|
|
||||||
-if menu_item_link(menu_item) and menu_item_link(menu_item) != ""
|
|
||||||
%li
|
|
||||||
=menu_item_link(menu_item)
|
|
||||||
|
|
||||||
|
|
||||||
-if false
|
|
||||||
%li
|
|
||||||
=link_to "Trouvez votre journée", public_m_events_path
|
|
||||||
|
|
||||||
|
|
||||||
%li
|
|
||||||
=link_to "Circuits", public_circuits_path, :class => ("active" if @circuits_active)
|
|
||||||
%li
|
|
||||||
=link_to "Organisateurs", public_organisateurs_path, :class => ("active" if @organisateurs_active)
|
|
||||||
|
|
||||||
%li
|
|
||||||
%a{:href => "https://www.dunlop.eu/fr_fr/motorcycle/dealers/find-a-dealer.html", :target => "_blank", :title => "Distributeurs"}
|
|
||||||
%span Distributeurs
|
|
||||||
|
|
||||||
|
|
||||||
.mobile_second_menu
|
|
||||||
%br
|
|
||||||
%br
|
|
||||||
%ul
|
|
||||||
-if current_p_customer
|
|
||||||
%li=link_to ic(:"power-off")+" Déconnexion", logout_public_p_customer_auths_path()
|
|
||||||
|
|
||||||
|
|
||||||
%button.navbar-toggle.collapsed.btn-menu#burger_menu{:onclick => "$('#mobile_menu').toggle();"}
|
|
||||||
%span.sr-only Toggle navigation
|
|
||||||
%span.icon-bar
|
|
||||||
%span.icon-bar
|
|
||||||
%span.icon-bar
|
|
@ -1041,14 +1041,28 @@ Rails.application.routes.draw do
|
|||||||
|
|
||||||
get 'admin' => "admin/admin_auths#index"
|
get 'admin' => "admin/admin_auths#index"
|
||||||
get 'admin/new_site' => "admin/admin_auths#new_site"
|
get 'admin/new_site' => "admin/admin_auths#new_site"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
get ':lang/*url.html' => 'public/menu_items#show', :as => :menu_item, :f => "html"
|
get ':lang/*url.html' => 'public/menu_items#show', :as => :menu_item, :f => "html"
|
||||||
get ':lang/*url.:f' => 'public/menu_items#redirect', :f => "html"
|
get ':lang/*url.:f' => 'public/menu_items#redirect', :f => "html"
|
||||||
|
|
||||||
|
|
||||||
get "home2" => redirect('/')
|
get "home2" => redirect('/')
|
||||||
|
|
||||||
get "plan" => "public/home#plan"
|
get "plan" => "public/home#plan"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
get ':slug.html', to: 'public/menu_items#show', :as => :public_m_odr
|
get ':slug.html', to: 'public/menu_items#show', :as => :public_m_odr
|
||||||
|
|
||||||
root "public/menu_items#index"
|
root "public/menu_items#index"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if !Rails.env.development?
|
if !Rails.env.development?
|
||||||
#get '*path', to: 'public/menu_items#show'
|
#get '*path', to: 'public/menu_items#show'
|
||||||
end
|
end
|
||||||
|
@ -1,111 +0,0 @@
|
|||||||
|
|
||||||
<!-- -->
|
|
||||||
<div id="centreetdroite">
|
|
||||||
<!---->
|
|
||||||
<a name="contenu" accesskey="s" href="#contenu"></a>
|
|
||||||
|
|
||||||
<div id="contenu_scroller">
|
|
||||||
<div class="paragraphe" id="paragraphe338"><a name="paragraphe338"></a><div class="list_lien list_pneus_all">
|
|
||||||
<div class="list_lien_row">
|
|
||||||
<div class="bloc_list_lien">
|
|
||||||
<div class="desc_list_lien">
|
|
||||||
<div class="titre_list">
|
|
||||||
<p><span>économisez</span> <img src="/webotheque/images/1371-arrow_down.jpg" width="152" height="70" alt=""></p>
|
|
||||||
</div>
|
|
||||||
<p class="intro_lien"><span class="rouge">30€ remboursés</span> sur vos pneus <img src="/webotheque/images/1380-logo-dunlop-187px.jpg" width="187" height="40" alt=""></p>
|
|
||||||
|
|
||||||
<p class="intro_lien"><span class="rouge">1 planche</span> de stickers <img alt=""></p>
|
|
||||||
</div>
|
|
||||||
<div class="info_lien">
|
|
||||||
<div class="btn_fiche"><a href="/fr/primes.html">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="list_pneus">
|
|
||||||
<div class="list_lien_row">
|
|
||||||
<div class="desc_list_pneus">
|
|
||||||
<div class="titre_pneus"><img src="/webotheque/images/1372-sportsmart.jpg" width="872" height="78" alt=""></div>
|
|
||||||
<p class="intro_pneus">Sa conception Dynamic Front Formula (DDF) associée à une composition de gommes innovante offre une adhérence et des performances améliorées, quelles que soient les conditions.</p>
|
|
||||||
<p class="intro_pneus"><span class="orange">Cela garantit que le Mk3 repousse les limites de ce qui est possible, pour correspondre aux performances des dernières Hypersportives ou Roadster sur vitmainés.</span></p>
|
|
||||||
<div class="video_pneus"><iframe src="https://www.youtube.com/embed/s-GsdbI5hLE" frameborder="0" width="560" height="315"></iframe></div>
|
|
||||||
</div>
|
|
||||||
<div class="img_pneus"><img src="/webotheque/images/1376-pneu-sportsmart-mk3.jpg" width="548" height="610" alt="">
|
|
||||||
<div class="barre_pourcent">
|
|
||||||
<div class="p90"></div>
|
|
||||||
</div>
|
|
||||||
<p>90% route</p>
|
|
||||||
<div class="barre_pourcent">
|
|
||||||
<div class="p10"></div>
|
|
||||||
</div>
|
|
||||||
<p>10% circuit</p>
|
|
||||||
<div class="bloc_btn">
|
|
||||||
<div class="btn_fiche_pneus"><a href="https://www.dunlop.eu/fr_fr/motorcycle/tires/sportsmart_mk3.SSMART%20MK3.html#/" target="_blank">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="list_pneus">
|
|
||||||
<div class="list_lien_row">
|
|
||||||
<div class="desc_list_pneus">
|
|
||||||
<div class="titre_pneus"><img src="/webotheque/images/1373-sportsmarttt.jpg" width="862" height="78" alt=""></div>
|
|
||||||
<p class="intro_pneus">La forme du moule du pneu avant a été revue en fonction des besoins des pilotes sur route mais aussi sur circuit. Cela permet un excellent équilibre entre effort au guidon et sensation de grip, une formidable remontée d'information, une grande confiance lors des phases de freinage. <span class="orange">La plus haute performance sur vos routes favorites ou sur circuit.</span></p>
|
|
||||||
<div class="video_pneus"><iframe src="https://www.youtube.com/embed/FnpBeUun5sU" frameborder="0" width="560" height="315"></iframe></div>
|
|
||||||
</div>
|
|
||||||
<div class="img_pneus"><img src="/webotheque/images/1377-pneu-sportsmart-tt.jpg" width="550" height="611" alt="">
|
|
||||||
<div class="barre_pourcent">
|
|
||||||
<div class="p50"></div>
|
|
||||||
</div>
|
|
||||||
<p>50% route</p>
|
|
||||||
<div class="barre_pourcent">
|
|
||||||
<div class="p50"></div>
|
|
||||||
</div>
|
|
||||||
<p>50% circuit</p>
|
|
||||||
<div class="bloc_btn">
|
|
||||||
<div class="btn_fiche_pneus"><a href="https://www.dunlop.eu/fr_fr/motorcycle/tires/sportsmart_tt.SSMART%20TT.html#/" target="_blank">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="list_pneus">
|
|
||||||
<div class="list_lien_row">
|
|
||||||
<div class="desc_list_pneus">
|
|
||||||
<div class="titre_pneus"><img src="/webotheque/images/1374-gpracerd212.jpg" width="727" height="80" alt=""></div>
|
|
||||||
<p class="intro_pneus">Directement dérivé du D212 GP Pro vainqueur à de nombreuses reprises du Isle of Man TT, <span class="orange">le GP Racer D212 homologué route procure des performances qui jusqu'à présent étaient réservées aux pneus destinés aux pilotes professionnels.</span></p>
|
|
||||||
<div class="video_pneus"><iframe src="https://www.youtube.com/embed/kv8yLvmJkmM" frameborder="0" width="560" height="315"></iframe></div>
|
|
||||||
</div>
|
|
||||||
<div class="img_pneus"><img src="/webotheque/images/1378-pneu-gp-racer-d212.jpg" width="542" height="610" alt="">
|
|
||||||
<div class="barre_pourcent">
|
|
||||||
<div class="p100"></div>
|
|
||||||
</div>
|
|
||||||
<p>Usage circuit</p>
|
|
||||||
<div class="bloc_btn">
|
|
||||||
<div class="btn_fiche_pneus"><a href="https://www.dunlop.eu/fr_fr/motorcycle/tires/gp_racer_d212.RACER%20D212.html#/" target="_blank">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="list_pneus">
|
|
||||||
<div class="list_lien_row">
|
|
||||||
<div class="desc_list_pneus">
|
|
||||||
<div class="titre_pneus"><img src="/webotheque/images/1375-gpracerslick.jpg" width="950" height="93" alt=""></div>
|
|
||||||
<p class="intro_pneus">Directement dérivé du D212 GP Pro, <span class="orange">le GP Racer SLICK D212 procure un niveau de performance ultime en terme de grip pour les pilotes engagés en course d'endurance, ou en journée circuit.</span></p>
|
|
||||||
<div class="video_pneus"><iframe src="https://www.youtube.com/embed/-rRBtdNA-No" frameborder="0" width="560" height="315"></iframe></div>
|
|
||||||
</div>
|
|
||||||
<div class="img_pneus"><img src="/webotheque/images/1379-pneu-gp-racer-slick-d212.jpg" width="546" height="571" alt="">
|
|
||||||
<div class="barre_pourcent">
|
|
||||||
<div class="p100"></div>
|
|
||||||
</div>
|
|
||||||
<p>100% circuit</p>
|
|
||||||
<div class="bloc_btn">
|
|
||||||
<div class="btn_fiche_pneus"><a href="https://www.dunlop.eu/fr_fr/motorcycle/tires/gp_racer_slick_d212.R%20SLK%20212.html#/" target="_blank">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div></div>
|
|
||||||
<br class="clr">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!---->
|
|
||||||
</div>
|
|
@ -1,95 +0,0 @@
|
|||||||
<div class="pages-pneus">
|
|
||||||
<div class="top-banner">
|
|
||||||
<div>
|
|
||||||
<p><span>économisez</span> <img src="/webotheque/images/1371-arrow_down.jpg"></p>
|
|
||||||
<p><span>30€ remboursés</span> sur vos pneus <img src="/webotheque/images/1380-logo-dunlop-187px.jpg"></p>
|
|
||||||
<p><span>1 planche</span> de stickers</p>
|
|
||||||
</div>
|
|
||||||
<div class="more-infos"><a href="/fr/primes.html">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="block-pneu">
|
|
||||||
<div class="description">
|
|
||||||
<img src="/webotheque/images/1372-sportsmart.jpg" alt="">
|
|
||||||
<p>Sa conception Dynamic Front Formula (DDF) associée à une composition de gommes innovante offre une adhérence et des performances améliorées, quelles que soient les conditions.</p>
|
|
||||||
<p><span>Cela garantit que le Mk3 repousse les limites de ce qui est possible, pour correspondre aux performances des dernières Hypersportives ou Roadster sur vitmainés.</span></p>
|
|
||||||
<iframe src="https://www.youtube.com/embed/s-GsdbI5hLE" frameborder="0" width="560" height="315"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="synthese">
|
|
||||||
<img src="/webotheque/images/1376-pneu-sportsmart-mk3.jpg" width="548" height="610" alt="">
|
|
||||||
<div class="barre_percent">
|
|
||||||
<div class="progression" style="width: 90%;"></div>
|
|
||||||
</div>
|
|
||||||
<p>90% route</p>
|
|
||||||
<div class="barre_percent">
|
|
||||||
<div class="progression" style="width: 10%;"></div>
|
|
||||||
</div>
|
|
||||||
<p>10% circuit</p>
|
|
||||||
|
|
||||||
<div class="more-infos"><a href="https://www.dunlop.eu/fr_fr/motorcycle/tires/sportsmart_mk3.SSMART%20MK3.html#/" target="_blank">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<div class="block-pneu">
|
|
||||||
<div class="description">
|
|
||||||
<img src="/webotheque/images/1373-sportsmarttt.jpg" alt="">
|
|
||||||
<p>La forme du moule du pneu avant a été revue en fonction des besoins des pilotes sur route mais aussi sur circuit. Cela permet un excellent équilibre entre effort au guidon et sensation de grip, une formidable remontée d'information, une grande confiance lors des phases de freinage. <span>La plus haute performance sur vos routes favorites ou sur circuit.</span></p>
|
|
||||||
<iframe src="https://www.youtube.com/embed/FnpBeUun5sU" frameborder="0" width="560" height="315"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="synthese">
|
|
||||||
<img src="/webotheque/images/1377-pneu-sportsmart-tt.jpg" width="550" height="611" alt="">
|
|
||||||
<div class="barre_percent">
|
|
||||||
<div class="progression" style="width: 50%;"></div>
|
|
||||||
</div>
|
|
||||||
<p>50% route</p>
|
|
||||||
<div class="barre_percent">
|
|
||||||
<div class="progression" style="width: 50%;"></div>
|
|
||||||
</div>
|
|
||||||
<p>50% circuit</p>
|
|
||||||
|
|
||||||
<div class="more-infos"><a href="https://www.dunlop.eu/fr_fr/motorcycle/tires/sportsmart_tt.SSMART%20TT.html#/" target="_blank">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<div class="block-pneu">
|
|
||||||
<div class="description">
|
|
||||||
<img src="/webotheque/images/1374-gpracerd212.jpg" alt="">
|
|
||||||
<p>Directement dérivé du D212 GP Pro vainqueur à de nombreuses reprises du Isle of Man TT, <span>le GP Racer D212 homologué route procure des performances qui jusqu'à présent étaient réservées aux pneus destinés aux pilotes professionnels.</span></p>
|
|
||||||
<iframe src="https://www.youtube.com/embed/kv8yLvmJkmM" frameborder="0" width="560" height="315"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="synthese">
|
|
||||||
<img src="/webotheque/images/1378-pneu-gp-racer-d212.jpg" width="550" height="611" alt="">
|
|
||||||
<div class="barre_percent">
|
|
||||||
<div class="progression" style="width: 100%;"></div>
|
|
||||||
</div>
|
|
||||||
<p>Usage circuit</p>
|
|
||||||
|
|
||||||
<div class="more-infos"><a href="https://www.dunlop.eu/fr_fr/motorcycle/tires/gp_racer_d212.RACER%20D212.html#/" target="_blank">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<div class="block-pneu">
|
|
||||||
<div class="description">
|
|
||||||
<img src="/webotheque/images/1375-gpracerslick.jpg" alt="">
|
|
||||||
<p>Directement dérivé du D212 GP Pro, <span>le GP Racer SLICK D212 procure un niveau de performance ultime en terme de grip pour les pilotes engagés en course d'endurance, ou en journée circuit.</span></p>
|
|
||||||
<iframe src="https://www.youtube.com/embed/-rRBtdNA-No" frameborder="0" width="560" height="315"></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="synthese">
|
|
||||||
<img src="/webotheque/images/1379-pneu-gp-racer-slick-d212.jpg" width="550" height="611" alt="">
|
|
||||||
<div class="barre_percent">
|
|
||||||
<div class="progression" style="width: 100%;"></div>
|
|
||||||
</div>
|
|
||||||
<p>100% circuit</p>
|
|
||||||
|
|
||||||
<div class="more-infos"><a href="https://www.dunlop.eu/fr_fr/motorcycle/tires/gp_racer_slick_d212.R%20SLK%20212.html#/" target="_blank">Plus d'infos</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
Loading…
x
Reference in New Issue
Block a user