diff --git a/assets/images/banner-principal.png b/assets/images/banner-principal.png
new file mode 100644
index 0000000..5d94877
Binary files /dev/null and b/assets/images/banner-principal.png differ
diff --git a/assets/styles/styles.css b/assets/styles/styles.css
index bb96882..f8b190b 100644
--- a/assets/styles/styles.css
+++ b/assets/styles/styles.css
@@ -4,9 +4,13 @@
     padding: 0;
     box-sizing: border-box;
 }
-
-.page-logo{
+/*Definindo escopos*/
+.page-logo,
+.page-banner-principal{
     width: 100%;
+}
+/* Estilo menu/header*/
+.page-logo{
     display: flex;
     align-items: center;
     justify-content: center;
@@ -16,4 +20,6 @@
 
 .logo-m3academy{
     display: block;
-}
\ No newline at end of file
+}
+
+
diff --git a/index.html b/index.html
index 3309632..6a99ff2 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,10 @@
                 <a href="/"><img class="logo-m3academy" src="./assets/svgs/logo-m3academy.svg" alt="Logo M3 Academy"></a>
             </nav>
         </header>
+        <!--Banner Principal-->
+        <div>
+            <figure><img class="page-banner-principal" src="./assets/images/banner-principal.png" alt="Banner Principal"></figure>
+        </div>
         
     </body>
 </html>
\ No newline at end of file