From 9407419e59017592f1fa8e1e168a7ce9f14c202d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vin=C3=ADcius=2EAmaral?= <Viniciusgabrielpe@gmail.com>
Date: Sun, 9 Oct 2022 11:39:23 -0300
Subject: [PATCH] feat(main): Adicionado as imagens mobile e desktop

---
 ...imagePrincipal.png => img-notebook-desktop.png} | Bin
 ...agePrincipalMob.png => img-notebook-mobile.png} | Bin
 assets/styles/style.css                            |  13 +++++++++++++
 index.html                                         |  11 +++++++++++
 4 files changed, 24 insertions(+)
 rename assets/images/{imagePrincipal.png => img-notebook-desktop.png} (100%)
 rename assets/images/{imagePrincipalMob.png => img-notebook-mobile.png} (100%)

diff --git a/assets/images/imagePrincipal.png b/assets/images/img-notebook-desktop.png
similarity index 100%
rename from assets/images/imagePrincipal.png
rename to assets/images/img-notebook-desktop.png
diff --git a/assets/images/imagePrincipalMob.png b/assets/images/img-notebook-mobile.png
similarity index 100%
rename from assets/images/imagePrincipalMob.png
rename to assets/images/img-notebook-mobile.png
diff --git a/assets/styles/style.css b/assets/styles/style.css
index 73a67dc..326b728 100644
--- a/assets/styles/style.css
+++ b/assets/styles/style.css
@@ -16,4 +16,17 @@ html, body{
 }
 .imgLogoM3{
    display: block;
+}
+.main-banner{
+   width: 100%;
+}
+@media screen and (max-width: 414px) {
+   .main-banner-desktop{
+      display: none;
+   }
+}
+@media screen and (min-width: 415px) {
+   .main-banner-mobile{
+      display: none;
+   }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index d599fd3..02c9774 100644
--- a/index.html
+++ b/index.html
@@ -15,5 +15,16 @@
         </a>
     </header>
 
+    <main>
+        <section>
+            <img class="main-banner main-banner-desktop" src="./assets/images/img-notebook-desktop.png" alt="imagem notebook principal">
+            <img class="main-banner main-banner-mobile" src="./assets/images/img-notebook-mobile.png" alt="imagem notebook principal">
+        </section>
+
+        <section>
+
+        </section>
+    </main>
+
 </body> 
 </html>
\ No newline at end of file