diff --git a/assets/Css/Styles.css b/assets/Css/Styles.css index 7b3de2d..361780e 100644 --- a/assets/Css/Styles.css +++ b/assets/Css/Styles.css @@ -1,6 +1,28 @@ - -.Page-Header{display: flex; +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} +.Page-Header{ +display: flex; justify-content: center; -padding: 28px 0; +padding: 30px 0; background: #000000; } +.main-banner{ + display: block; + width: 100%; +} +.Header-Logo{ + display: block; +} +@media screen and (max-width: 1023px) { + .MainBannerDesktop{ + display: none; + } +} +@media screen and (min-width: 1024px) { + .MainBannerMobile{ + display: none; + } +} diff --git a/assets/Image/Top-banner-desktop.png b/assets/Image/Top-banner-desktop.png new file mode 100644 index 0000000..08b5be8 Binary files /dev/null and b/assets/Image/Top-banner-desktop.png differ diff --git a/assets/Image/Top-banner-mobile.png b/assets/Image/Top-banner-mobile.png new file mode 100644 index 0000000..5118021 Binary files /dev/null and b/assets/Image/Top-banner-mobile.png differ diff --git a/index.html b/index.html index aa3c1cc..b93e7b4 100644 --- a/index.html +++ b/index.html @@ -1,28 +1,25 @@ - - - - - - Desafio Landing page - - - -
+ + + + + + Desafio Landing page + + + +
+
+ Banner Principal desktop + Banner Principal mobile +
- - - - - -
- - +
+ + \ No newline at end of file