ajust
|
After Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 59 KiB |
@@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: 'étape 1'
|
title: 'étape 1'
|
||||||
media_order: etape_1.jpg
|
media_order: etape1.png
|
||||||
---
|
---
|
||||||
|
|
||||||
Définir/préciser le projet ensemble
|
Définir/préciser le projet ensemble
|
||||||
|
|||||||
|
After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 74 KiB |
@@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: 'étape 2'
|
title: 'étape 2'
|
||||||
media_order: etape_2.jpg
|
media_order: etape2.png
|
||||||
---
|
---
|
||||||
|
|
||||||
Le mettre en forme
|
Le mettre en forme
|
||||||
|
|||||||
|
After Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 108 KiB |
@@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: 'étape 3'
|
title: 'étape 3'
|
||||||
media_order: etape_3.jpg
|
media_order: etape3.png
|
||||||
---
|
---
|
||||||
|
|
||||||
L’imprimer, le fabriquer
|
L’imprimer, le fabriquer
|
||||||
|
|||||||
|
After Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 187 KiB |
@@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: 'étape 4'
|
title: 'étape 4'
|
||||||
media_order: etape_4.jpg
|
media_order: etape4.png
|
||||||
---
|
---
|
||||||
|
|
||||||
Le réceptionner
|
Le réceptionner
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ function jcarousel() {
|
|||||||
margin:20,
|
margin:20,
|
||||||
loop:true,
|
loop:true,
|
||||||
autoWidth:true,
|
autoWidth:true,
|
||||||
|
items:8,
|
||||||
nav: true
|
nav: true
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -10,23 +10,22 @@
|
|||||||
|
|
||||||
@keyframes translateOpen{
|
@keyframes translateOpen{
|
||||||
0%{margin-top: 0px;}
|
0%{margin-top: 0px;}
|
||||||
100%{margin-top: -200px}
|
100%{margin-top: -150px;}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes translateClose{
|
@keyframes translateClose{
|
||||||
0%{ margin-top: -200px; }
|
0%{margin-top: -150px;}
|
||||||
100%{ margin-top: 0px; }
|
100%{margin-top: 0px;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@keyframes translateOpensvg{
|
@keyframes translateOpensvg{
|
||||||
0%{ top: 30px; }
|
0%{margin-top: 50px;}
|
||||||
100%{ top: 250px; }
|
100%{margin-top: 180px;}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes translateClosesvg{
|
@keyframes translateClosesvg{
|
||||||
0%{ top: 250px;}
|
0%{margin-top: 180px;}
|
||||||
100%{ top: 30px}
|
100%{margin-top: 50px;}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes visible{
|
@keyframes visible{
|
||||||
@@ -49,7 +48,6 @@
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(50px);
|
transform: translateY(50px);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.why_lsdo{
|
.why_lsdo{
|
||||||
|
|||||||
@@ -3,21 +3,19 @@
|
|||||||
margin: 50px 50px;
|
margin: 50px 50px;
|
||||||
width: auto!important;
|
width: auto!important;
|
||||||
.owl-stage-outer{
|
.owl-stage-outer{
|
||||||
height: 700px;
|
height: 500px;
|
||||||
}
|
}
|
||||||
// display: inline-flex;
|
|
||||||
|
|
||||||
.owl-item{
|
.owl-item{
|
||||||
width: auto!important;
|
width: auto!important;
|
||||||
}
|
}
|
||||||
.galerie{
|
.galerie{
|
||||||
width: auto;
|
width: auto;
|
||||||
.images{
|
.images{
|
||||||
height: 500px;
|
height: 300px;
|
||||||
width: auto;
|
width: auto;
|
||||||
img{
|
img{
|
||||||
width: auto!important;
|
width: auto!important;
|
||||||
height: 500px;
|
height: 300px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.content{
|
.content{
|
||||||
|
|||||||
@@ -12,8 +12,6 @@ header{
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
a{
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -37,7 +35,7 @@ header{
|
|||||||
}
|
}
|
||||||
text-align: center;
|
text-align: center;
|
||||||
h1{
|
h1{
|
||||||
height: 106px;
|
height: 90px;
|
||||||
a{
|
a{
|
||||||
padding: 0 50px;
|
padding: 0 50px;
|
||||||
background-color: white ;
|
background-color: white ;
|
||||||
@@ -45,25 +43,25 @@ header{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.logo{
|
.logo{
|
||||||
margin: 200px 0 50px 0;
|
margin: 150px 0 50px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
& > div{
|
& > div{
|
||||||
width: calc(100% / 3);
|
width: calc(100% / 3);
|
||||||
|
min-width: 300px;
|
||||||
margin-left: 100px;
|
margin-left: 100px;
|
||||||
}
|
}
|
||||||
& > svg{
|
& > svg{
|
||||||
width: calc(100% / 3);
|
width: calc(100% / 3);
|
||||||
min-width: 200px;
|
min-width: 300px;
|
||||||
height: 100%;
|
margin: 0 30px;
|
||||||
margin-left: 150px;
|
height: 300px;
|
||||||
margin-right: 150px;
|
|
||||||
}
|
}
|
||||||
& > section{
|
& > section{
|
||||||
width: calc(100% / 3);
|
width: calc(100% / 3);
|
||||||
|
min-width: 300px;
|
||||||
margin-right: 100px;
|
margin-right: 100px;
|
||||||
}
|
}
|
||||||
#user{
|
#user{
|
||||||
@@ -75,25 +73,38 @@ header{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.why_lsdo{
|
.why_lsdo{
|
||||||
|
display: inline-flex;
|
||||||
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100px;
|
h3{
|
||||||
&>svg{
|
z-index: 999;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
transform: rotate(-15deg);
|
cursor: pointer;
|
||||||
top: 30px;
|
margin: 0;
|
||||||
left: 20px;
|
transform: rotate(-15deg) translateY(0px);
|
||||||
}
|
}
|
||||||
h3{
|
section{
|
||||||
cursor: pointer;
|
position: absolute;
|
||||||
margin: 0;
|
background: white;
|
||||||
transform: rotate(-15deg);
|
padding: 0 10px;
|
||||||
|
opacity: 0;
|
||||||
|
top: -130px;
|
||||||
|
height: 300px;
|
||||||
|
overflow: auto;
|
||||||
|
p{
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
section{
|
&.open{
|
||||||
opacity: 0;
|
display: block!important;
|
||||||
&.open{
|
|
||||||
display: block!important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
&>svg{
|
||||||
|
width: 100px;
|
||||||
|
height: 20px;
|
||||||
|
position: absolute;
|
||||||
|
transform: rotate(-15deg) translateY(50px);
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -25,20 +25,25 @@
|
|||||||
z-index: -1;
|
z-index: -1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
background: black;
|
background: black!important;
|
||||||
}
|
}
|
||||||
#home{
|
#home{
|
||||||
width: 60%;
|
width: 50%;
|
||||||
|
min-width: 700px;
|
||||||
margin: 0 auto 100px auto;
|
margin: 0 auto 100px auto;
|
||||||
}
|
}
|
||||||
#métier{
|
#métier{
|
||||||
background: #bd9a8428;
|
& > div{
|
||||||
display: inline-flex;
|
background: #ffffd5ff;
|
||||||
flex-wrap: wrap;
|
display: inline-flex;
|
||||||
justify-content: space-around;
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
h3{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
section{
|
section{
|
||||||
width: 35%;
|
width: 35%;
|
||||||
min-width: 350px;
|
min-width: 250px;
|
||||||
&:nth-of-type(n+3){
|
&:nth-of-type(n+3){
|
||||||
position: relative;
|
position: relative;
|
||||||
.title{
|
.title{
|
||||||
@@ -87,13 +92,25 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.content{
|
||||||
|
p{
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.filet{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#références{
|
#références{
|
||||||
background: #fff59b8c;
|
& > div{
|
||||||
|
background: #ffffd5ff;
|
||||||
& > p{
|
& > p{
|
||||||
width: 50%;
|
width: 50%;
|
||||||
margin: 50px auto 50px auto;
|
min-width: 600px;
|
||||||
|
margin: 0px auto 0px auto;
|
||||||
|
padding: 50px 0 65px 0;
|
||||||
}
|
}
|
||||||
.title{
|
.title{
|
||||||
margin-bottom: 50px;
|
margin-bottom: 50px;
|
||||||
@@ -132,22 +149,22 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
#contact{
|
#contact{
|
||||||
display: inline-flex;
|
& > div{
|
||||||
width: 100%;
|
display: inline-flex;
|
||||||
& > div:nth-of-type(1){
|
width: 100%;
|
||||||
margin-top: 50px;
|
& > div:nth-of-type(1){
|
||||||
}
|
margin-top: 50px;
|
||||||
p{
|
|
||||||
&:nth-of-type(1){
|
|
||||||
width: 60%;
|
|
||||||
}
|
}
|
||||||
&:nth-of-type(2){
|
p{
|
||||||
width: 40%;
|
&:nth-of-type(1){
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
&:nth-of-type(2){
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.block{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,6 +20,7 @@ h3{
|
|||||||
ul,li,a,p,del{
|
ul,li,a,p,del{
|
||||||
font-family: $Roboto-R;
|
font-family: $Roboto-R;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
font-size: $fontp;
|
||||||
}
|
}
|
||||||
|
|
||||||
em{
|
em{
|
||||||
@@ -33,17 +34,17 @@ strong{
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
font-size: $font96;
|
font-size: $fontH1;
|
||||||
line-height: $lineH96;
|
line-height: $lineH96;
|
||||||
a{
|
a{
|
||||||
font-family: $Regular-L;
|
font-family: $Regular-L;
|
||||||
font-size: $font96;
|
font-size: $fontH1;
|
||||||
line-height: $lineH96;
|
line-height: $lineH96;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h2{
|
h2{
|
||||||
font-size: $font56;
|
font-size: $fonth2;
|
||||||
line-height: $lineH40;
|
line-height: $lineH40;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -57,7 +58,7 @@ header{
|
|||||||
li{
|
li{
|
||||||
a{
|
a{
|
||||||
font-family: $Regular-L;
|
font-family: $Regular-L;
|
||||||
font-size: $h3;
|
font-size: $fontnav;
|
||||||
line-height: $lineH40;
|
line-height: $lineH40;
|
||||||
letter-spacing: $letterI1;
|
letter-spacing: $letterI1;
|
||||||
}
|
}
|
||||||
@@ -67,9 +68,9 @@ header{
|
|||||||
.logo{
|
.logo{
|
||||||
#user{
|
#user{
|
||||||
p{
|
p{
|
||||||
font-size: 2.5rem;
|
font-size: $font32;
|
||||||
font-family: $Regular-L;
|
font-family: $Regular-L;
|
||||||
line-height: 3rem;
|
line-height: $lineH32;
|
||||||
letter-spacing: $letterI1;
|
letter-spacing: $letterI1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -77,14 +78,10 @@ header{
|
|||||||
h3{
|
h3{
|
||||||
font-size: $h3;
|
font-size: $h3;
|
||||||
letter-spacing: $letterI1;
|
letter-spacing: $letterI1;
|
||||||
text-align: center;
|
|
||||||
&:hover{
|
&:hover{
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
section{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -108,7 +105,7 @@ header{
|
|||||||
& > p{
|
& > p{
|
||||||
font-family: $Roboto-L;
|
font-family: $Roboto-L;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: $h3;
|
font-size: $fontPi;
|
||||||
line-height: $lineH24;
|
line-height: $lineH24;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -146,7 +143,7 @@ header{
|
|||||||
color: #8d2815ff;
|
color: #8d2815ff;
|
||||||
width: 350px;
|
width: 350px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
background-color: #fff59b;
|
background-color: #ffffd5ff;
|
||||||
}
|
}
|
||||||
#recommandations{
|
#recommandations{
|
||||||
.owl-carousel{
|
.owl-carousel{
|
||||||
|
|||||||
@@ -9,13 +9,16 @@
|
|||||||
|
|
||||||
|
|
||||||
// font-size
|
// font-size
|
||||||
$font16: 1rem;
|
$fontp: 1rem;
|
||||||
$font18: 1.15rem;
|
$fontnav: 1.15rem;
|
||||||
|
$fontPi: 1.15rem;
|
||||||
$h3: 1.5rem;
|
$h3: 1.5rem;
|
||||||
$font32: 2rem;
|
$font32: 2rem;
|
||||||
|
$fonth2: 3rem;
|
||||||
|
|
||||||
$font40: 3rem;
|
$font40: 3rem;
|
||||||
$font56: 4rem;
|
$font56: 4rem;
|
||||||
$font96: 6rem;
|
$fontH1: 4rem;
|
||||||
|
|
||||||
// interline
|
// interline
|
||||||
$lineH24: 2rem;
|
$lineH24: 2rem;
|
||||||
|
|||||||
@@ -68,6 +68,7 @@
|
|||||||
|
|
||||||
<h2>{{ module.title }}</h2>
|
<h2>{{ module.title }}</h2>
|
||||||
<div class="filet"></div>
|
<div class="filet"></div>
|
||||||
|
<div>
|
||||||
{{ module.content|raw }}
|
{{ module.content|raw }}
|
||||||
|
|
||||||
{% for child in module.collection %}
|
{% for child in module.collection %}
|
||||||
@@ -126,10 +127,9 @@
|
|||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@@ -67,8 +67,8 @@
|
|||||||
<section class="why_lsdo">
|
<section class="why_lsdo">
|
||||||
<h3>{{module.title}}</h3>
|
<h3>{{module.title}}</h3>
|
||||||
{{module.content}}
|
{{module.content}}
|
||||||
<svg width="500" height="500" viewBox="0 0 500 500">
|
<svg>
|
||||||
<path id='' d="M 110,0 250,0 110,20 110,20 Z" style="fill:#964587" />
|
<path id='' d="M 0,0 100,0 0,20 0,20 Z" style="fill:#964587" />
|
||||||
</svg>
|
</svg>
|
||||||
</section>
|
</section>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|||||||
@@ -1,7 +1,5 @@
|
|||||||
<div class="content-item h-entry">
|
<div class="content-item h-entry">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{% if not hero_image_name %}
|
{% if not hero_image_name %}
|
||||||
<div class="content-title text-center">
|
<div class="content-title text-center">
|
||||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
||||||
|
|||||||