diff --git a/assets/css/style.css b/assets/css/style.css index ffcd26b..8a9afd2 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -4,25 +4,62 @@ box-sizing: border-box; } .page-header{ - position: absolute; - width: 100%; + position: flex; + width: 1920px; height: 101px; left: 0px; top: 0px; background: #000000; } - .header-logo{ - position:absolute; - width: 35%; + position: absolute; + width: 226.16px; height: 43px; left: 847px; top: 29px; } .main-banner-desktop{ position: absolute; - width: 100%; + width: 1920px; height: 700px; left: 0px; top: 101px; +} +@media screen and (max-width: 414px){ + .main-banner-desktop{ + display: none; + } +} +@media screen and (min-width: 415px) { + .main-banner-mobile{ + display: none; + } +} +.title-one{ + position: absolute; + width: 220px; + height: 39px; + left: 850px; + top: 874px; + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-size: 32px; + line-height: 39px; + text-transform: uppercase; + color: #000000; +} +.title-two{ + position: absolute; + width: 403px; + height: 58px; + left: 758px; + top: 913px; + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + font-size: 48px; + line-height: 58px; + text-transform: uppercase; + color: #000000; } \ No newline at end of file diff --git a/assets/images/imagem-top-mobile.png b/assets/images/imagem-top-mobile.png new file mode 100644 index 0000000..5d94877 Binary files /dev/null and b/assets/images/imagem-top-mobile.png differ diff --git a/index.html b/index.html index 9fcc0fa..50a62c8 100644 --- a/index.html +++ b/index.html @@ -17,8 +17,17 @@
- Banner Principal + Banner Principal Desktop + Banner Principal Mobile +
+ +
+
+

Lorem ipsum

+

dolor sit amet

+
+ \ No newline at end of file