diff --git a/static/src/css/pylote.css b/static/src/css/pylote.css index 80da82f7be12c171a28a2091a7e85208b7c0d5e3..88e325554a0f3091519ebcc874d95381828e25a8 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 36ac0f57a447cf7485848749cfacb9a074a91282..93b75e01ff345342c5030a1224aa99cc921bbe88 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 afe850dd713bb7ea918f71c8621082c648747c1d..277bc3321ec6527ca39cbdcab5173fd9539e29f9 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 8c1ce3df95e4415b8c720d3e9654c11f07aa8582..1068da0db503cc81e7e6eb429f8f2a7c2a95f24c 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>