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