diff --git a/assets/imgs/Logo-M3Academy-header.svg b/assets/imgs/Logo-M3Academy-header.svg new file mode 100644 index 0000000..698965a --- /dev/null +++ b/assets/imgs/Logo-M3Academy-header.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/imgs/banner-desktop.png b/assets/imgs/banner-desktop.png new file mode 100644 index 0000000..67dc789 Binary files /dev/null and b/assets/imgs/banner-desktop.png differ diff --git a/assets/imgs/banner-mobile.png b/assets/imgs/banner-mobile.png new file mode 100644 index 0000000..2da3a66 Binary files /dev/null and b/assets/imgs/banner-mobile.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a400e9e --- /dev/null +++ b/index.html @@ -0,0 +1,28 @@ + + + + + + + + Desafio 01 - Landing Page + + +
+ + + +
+ +
+
+ + +
+
+ + + + + + \ No newline at end of file diff --git a/style/colors.css b/style/colors.css new file mode 100644 index 0000000..92f47e4 --- /dev/null +++ b/style/colors.css @@ -0,0 +1,3 @@ +:root { + --black: #000; +} diff --git a/style/header.css b/style/header.css new file mode 100644 index 0000000..a8f48bc --- /dev/null +++ b/style/header.css @@ -0,0 +1,6 @@ +.header { + display: flex; + justify-content: center; + padding: 29px 0; + background-color: var(--black); +} diff --git a/style/main.css b/style/main.css new file mode 100644 index 0000000..6ec2368 --- /dev/null +++ b/style/main.css @@ -0,0 +1,17 @@ +.main-banner .banner-img { + display: block; + width: 100%; +} + +.main-banner .banner-mobile { + display: none; +} + +@media (max-width: 720px) { + .main-banner .banner-desktop { + display: none; + } + .main-banner .banner-mobile { + display: block; + } +} ; diff --git a/style/reset.css b/style/reset.css new file mode 100644 index 0000000..7ca5042 --- /dev/null +++ b/style/reset.css @@ -0,0 +1,6 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; + font-family: "Inter", sans-serif; +} diff --git a/style/style.css b/style/style.css new file mode 100644 index 0000000..fbaf916 --- /dev/null +++ b/style/style.css @@ -0,0 +1,5 @@ +@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"); +@import url("reset.css"); +@import url("colors.css"); +@import url("header.css"); +@import url("main.css");