diff --git a/public/assets/images/footer.jpg b/public/assets/images/footer.jpg deleted file mode 100644 index c39cced..0000000 Binary files a/public/assets/images/footer.jpg and /dev/null differ diff --git a/public/assets/images/footer_food.jpg b/public/assets/images/footer_food.jpg new file mode 100644 index 0000000..750c808 Binary files /dev/null and b/public/assets/images/footer_food.jpg differ diff --git a/public/assets/images/footer_gammes.jpg b/public/assets/images/footer_gammes.jpg new file mode 100644 index 0000000..8c6304c Binary files /dev/null and b/public/assets/images/footer_gammes.jpg differ diff --git a/public/assets/images/footer_home.jpg b/public/assets/images/footer_home.jpg new file mode 100644 index 0000000..627bc7a Binary files /dev/null and b/public/assets/images/footer_home.jpg differ diff --git a/public/assets/images/footer_marque.jpg b/public/assets/images/footer_marque.jpg new file mode 100644 index 0000000..46cae22 Binary files /dev/null and b/public/assets/images/footer_marque.jpg differ diff --git a/public/assets/images/footer_news.jpg b/public/assets/images/footer_news.jpg new file mode 100644 index 0000000..b123403 Binary files /dev/null and b/public/assets/images/footer_news.jpg differ diff --git a/public/assets/images/footer_product.jpg b/public/assets/images/footer_product.jpg new file mode 100644 index 0000000..d2900ee Binary files /dev/null and b/public/assets/images/footer_product.jpg differ diff --git a/public/assets/images/footer_products.jpg b/public/assets/images/footer_products.jpg new file mode 100644 index 0000000..a3eba82 Binary files /dev/null and b/public/assets/images/footer_products.jpg differ diff --git a/public/assets/images/picto-localisation.png b/public/assets/images/picto-localisation.png deleted file mode 100644 index b3895d2..0000000 Binary files a/public/assets/images/picto-localisation.png and /dev/null differ diff --git a/public/css/app.css b/public/css/app.css index ea0d24e..f10c3ed 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -4796,12 +4796,26 @@ h3:not(.item__title, .product-card__title){ align-items:center; } .footer-widgets .footer-widgets__content{ - left:0; + left:20%; right:0; } -.footer-widgets .footer-widgets__content:before{ - content:url(/assets/images/picto-localisation.png?1ed74fd342d22cce12e6d3f1c232a901); - margin-right:10px; +.footer-widgets .footer-widgets__content #picto-localisation{ + position:absolute; + left:-30px; + width:25px; + height:34px; +} +.footer-widgets .footer-widgets__content #picto-localisation .cls-1{ + fill:#131414; +} +.footer-widgets .footer-widgets__content #picto-localisation .cls-2{ + fill:transparent; +} +.footer-widgets .footer-widgets__content.white-color p{ + color:white; +} +.footer-widgets .footer-widgets__content.white-color #picto-localisation .cls-1{ + fill:white; } .footer-widgets img{ max-width:100%; @@ -4820,6 +4834,11 @@ h3:not(.item__title, .product-card__title){ text-decoration:none; } +.banner.footer{ + top:-1px; + transform:rotate(180deg); +} + @media screen and (min-width: 800px){ .footer-content ul li{ display:inline-block; @@ -4845,7 +4864,20 @@ h3:not(.item__title, .product-card__title){ } .footer-widgets .footer-widgets__content{ text-align:center; - margin-top:50px; + left:50%; + transform:translateX(-50%); + bottom:20px; + } + .footer-widgets .footer-widgets__content #picto-localisation{ + top:-40px; + left:50%; + transform:translateX(-50%); + } + .footer-widgets .footer-widgets__content.white-color p{ + color:black; + } + .footer-widgets .footer-widgets__content.white-color #picto-localisation .cls-1{ + fill:black; } .footer-content ul li{ diff --git a/resources/assets/images/footer.jpg b/resources/assets/images/footer.jpg deleted file mode 100644 index c39cced..0000000 Binary files a/resources/assets/images/footer.jpg and /dev/null differ diff --git a/resources/assets/images/footer_food.jpg b/resources/assets/images/footer_food.jpg new file mode 100644 index 0000000..750c808 Binary files /dev/null and b/resources/assets/images/footer_food.jpg differ diff --git a/resources/assets/images/footer_gammes.jpg b/resources/assets/images/footer_gammes.jpg new file mode 100644 index 0000000..8c6304c Binary files /dev/null and b/resources/assets/images/footer_gammes.jpg differ diff --git a/resources/assets/images/footer_home.jpg b/resources/assets/images/footer_home.jpg new file mode 100644 index 0000000..627bc7a Binary files /dev/null and b/resources/assets/images/footer_home.jpg differ diff --git a/resources/assets/images/footer_marque.jpg b/resources/assets/images/footer_marque.jpg new file mode 100644 index 0000000..46cae22 Binary files /dev/null and b/resources/assets/images/footer_marque.jpg differ diff --git a/resources/assets/images/footer_news.jpg b/resources/assets/images/footer_news.jpg new file mode 100644 index 0000000..b123403 Binary files /dev/null and b/resources/assets/images/footer_news.jpg differ diff --git a/resources/assets/images/footer_product.jpg b/resources/assets/images/footer_product.jpg new file mode 100644 index 0000000..d2900ee Binary files /dev/null and b/resources/assets/images/footer_product.jpg differ diff --git a/resources/assets/images/footer_products.jpg b/resources/assets/images/footer_products.jpg new file mode 100644 index 0000000..a3eba82 Binary files /dev/null and b/resources/assets/images/footer_products.jpg differ diff --git a/resources/assets/images/picto-localisation.png b/resources/assets/images/picto-localisation.png deleted file mode 100644 index b3895d2..0000000 Binary files a/resources/assets/images/picto-localisation.png and /dev/null differ diff --git a/resources/sass/_footer.scss b/resources/sass/_footer.scss index 3005df1..edeab83 100644 --- a/resources/sass/_footer.scss +++ b/resources/sass/_footer.scss @@ -1,11 +1,30 @@ .footer-widgets { align-items: center; .footer-widgets__content { - left: 0; + left: 20%; right: 0; - &:before { - content: url(~@/images/picto-localisation.png); - margin-right: 10px; + #picto-localisation { + position: absolute; + left: -30px; + width: 25px; + height: 34px; + + .cls-1 { + fill: #131414; + } + .cls-2 { + fill: transparent; + } + } + &.white-color { + p { + color: white; + } + #picto-localisation { + .cls-1 { + fill: white; + } + } } } img { @@ -28,6 +47,11 @@ } } +.banner.footer { + top: -1px; + transform: rotate(180deg); +} + @media screen and (min-width: 800px) { .footer-content { ul { @@ -56,7 +80,25 @@ } .footer-widgets__content { text-align: center; - margin-top: 50px; + left: 50%; + transform: translateX(-50%); + bottom: 20px; + + #picto-localisation { + top: -40px; + left: 50%; + transform: translateX(-50%); + } + &.white-color { + p { + color: black; + } + #picto-localisation { + .cls-1 { + fill: black; + } + } + } } } .footer-content { diff --git a/resources/views/layouts/app-footer.blade.php b/resources/views/layouts/app-footer.blade.php index 09da38c..b14e353 100644 --- a/resources/views/layouts/app-footer.blade.php +++ b/resources/views/layouts/app-footer.blade.php @@ -1,6 +1,14 @@