From c84e16fbfdf85d2586d4c0c3652690c5eba69cb4 Mon Sep 17 00:00:00 2001 From: Juliana <juliana@le-filament.com> Date: Mon, 2 Sep 2019 20:52:54 +0200 Subject: [PATCH] Modif 3 --- static/src/css/pylote.css | 27 +++++++++++++++++++-------- static/src/css/pylote_mobil.css | 19 +++++++++++++++++++ views/home.xml | 18 +++++++++--------- views/snippets.xml | 13 ++++--------- 4 files changed, 51 insertions(+), 26 deletions(-) diff --git a/static/src/css/pylote.css b/static/src/css/pylote.css index 80da82f..88e3255 100644 --- a/static/src/css/pylote.css +++ b/static/src/css/pylote.css @@ -498,7 +498,7 @@ form label{ .home-banner{ margin-bottom: 0px; - margin-top: 100px; + margin-top: 126px; height: auto; background-image: url("/pylote_website/static/src/img/banner-home-mobil.png"); } @@ -563,7 +563,8 @@ form label{ } .home-header-title h1{ - font-size: 53px; + font-size: 24px; + line-height: 26px; } .home-header-title h1, .home-header-title p{ @@ -576,8 +577,8 @@ form label{ } .home-header-title p{ - line-height: 35px; - font-size: 26px; + line-height: 20px; + font-size: 18px; } @@ -632,6 +633,10 @@ hr{ font-weight: 700; } +.circle-home-border-mobil p{ + font-size: 12px; +} + .circle-home-border{ background-image: url("/pylote_website/static/src/img/bord-cercle.png"); background-size: contain; @@ -955,6 +960,7 @@ h2 span{ #our-mission .d-flex img{ width: 80px; height: 80px; + margin: 0 auto; } .mission-flex{ @@ -985,7 +991,7 @@ h2 span{ background-color: #56A099; display: block; margin: 0 auto; - margin-top: 10px; + margin-top: 15px; } #our-mission svg { @@ -1058,8 +1064,13 @@ h2 span{ padding: 5px 0px; } +.level-subbloc h3{ + margin-bottom: 0px; +} + .env-bloc h3{ font-weight: 300; + padding: 0px; } .env-bloc h3:after{ @@ -1067,7 +1078,7 @@ h2 span{ height: 0.5px; background-color: #56A099; display: block; - margin: 15px auto; + margin: 18px auto; } .level-subbloc h3:after{ @@ -1076,7 +1087,7 @@ h2 span{ width: 100px; background-color: #56A099; display: block; - margin-top: 10px; + margin: 15px 0px; } .level-subbloc{ @@ -1116,7 +1127,7 @@ h2 span{ #on-result p{ font-weight: 400; font-size: 16px; - line-height: 18px; + line-height: 27px; } #on-compliance p{ diff --git a/static/src/css/pylote_mobil.css b/static/src/css/pylote_mobil.css index 36ac0f5..93b75e0 100644 --- a/static/src/css/pylote_mobil.css +++ b/static/src/css/pylote_mobil.css @@ -1,5 +1,24 @@ @media (min-width: 768px) { + .home-header-title h1{ + font-size: 53px; + line-height: 57px; + } + + .home-header-title p{ + line-height: 35px; + font-size: 26px; + } + + #our-mission .d-flex img{ + margin: 0; + } + + #our-mission h3:after{ + margin: 0; + margin-top: 15px; + } + div#wrap{ margin-top: 130px; } diff --git a/views/home.xml b/views/home.xml index afe850d..277bc33 100644 --- a/views/home.xml +++ b/views/home.xml @@ -49,24 +49,24 @@ <div class="d-block d-sm-none-pylote container"> <div class="d-flex pt-5 pb-5"> <div class="home-bloc"> - <div class="circle-home-border"> - <div class="circle-home circle-home-mobile"> + <div class="circle-home-border circle-home-border-mobil"> + <!-- <div class="circle-home circle-home-mobile"> --> <p><a id="cleaner-home-mobil" href="#">Cleaner</a></p> - </div> + <!-- </div> --> </div> </div> <div class="home-bloc"> - <div class="circle-home-border"> - <div class="circle-home circle-home-mobile"> + <div class="circle-home-border circle-home-border-mobil"> + <!-- <div class="circle-home circle-home-mobile"> --> <p><a id="safer-home-mobil" href="#">Safer</a></p> - </div> + <!-- </div> --> </div> </div> <div class="home-bloc"> - <div class="circle-home-border"> - <div class="circle-home circle-home-mobile"> + <div class="circle-home-border circle-home-border-mobil"> + <!-- <div class="circle-home circle-home-mobile"> --> <p><a id="greener-home-mobil" href="#">Greener</a></p> - </div> + <!-- </div> --> </div> </div> </div> diff --git a/views/snippets.xml b/views/snippets.xml index 8c1ce3d..1068da0 100644 --- a/views/snippets.xml +++ b/views/snippets.xml @@ -19,9 +19,7 @@ <div class="carousel-right"> <div class="carousel-right-inner"> <div class="circle-home-border"> - <!-- <div class="circle-home"> --> - <p>Cleaner</p> - <!-- </div> --> + <p>Cleaner</p> </div> <div class="carousel-text-right-inner"> <p>We maintain microbiological hygiene until the use</p> @@ -29,9 +27,7 @@ </div> <div class="carousel-right-inner"> <div class="circle-home-border"> - <!-- <div class="circle-home"> --> - <p>Safer</p> - <!-- </div> --> + <p>Safer</p> </div> <div class="carousel-text-right-inner"> <p>We remove preservatives up to 0%</p> @@ -39,9 +35,8 @@ </div> <div class="carousel-right-inner"> <div class="circle-home-border"> - <!-- <div class="circle-home"> --> - <p>Greener</p> - <!-- </div> --> + <p>Greener</p> + </div> <div class="carousel-text-right-inner"> <p>Lighter and recyclable</p> -- GitLab