diff --git a/index.html b/index.html
index e9aaf0f..ac3ad72 100644
--- a/index.html
+++ b/index.html
@@ -4,25 +4,50 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="./src/style/style.css">
+    <link rel="stylesheet" href="./src/style/style.css" />
     <title>Landing Page M3</title>
   </head>
   <body>
     <header class="page-header">
-      <figure >
+      <figure>
         <a href="/"
-          ><img  src="./src/img/Logo-M3Academy 1.svg" alt="Logo M3Academy"
+          ><img src="./src/img/Logo-M3Academy 1.svg" alt="Logo M3Academy"
         /></a>
       </figure>
     </header>
-<main>
-    <div class="banner-principal-container">
+    <main>
+      <div class="banner-principal-container">
         <figure>
-            <img class="descktop-banner" src="/src/img/main-banner-descktop.png" alt="">
-            <img class="mobile-banner" src="/src/img/main-banner-mobile.png" alt="">
+          <img
+            class="descktop-banner"
+            src="/src/img/main-banner-descktop.png"
+            alt=""
+          />
+          <img
+            class="mobile-banner"
+            src="/src/img/main-banner-mobile.png"
+            alt=""
+          />
         </figure>
-    </div>
-</main>
+      </div>
 
+      <section class="descricao-container">
+
+        <div class="texto-inforcard">
+            <h2>Lorem ipsum</h2>
+            <h1>dolor sit amet</h1>
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui. </p>
+
+
+        </div>
+        <div class="imagem-infor-computadores">
+            <figure>
+                <img src="/src/img/imagem-infor-computadores.png" alt="">
+            </figure>
+        </div>
+
+
+      </section>
+    </main>
   </body>
 </html>
diff --git a/src/img/imagem-infor-computadores.png b/src/img/imagem-infor-computadores.png
new file mode 100644
index 0000000..82530bd
Binary files /dev/null and b/src/img/imagem-infor-computadores.png differ
diff --git a/src/style/style.css b/src/style/style.css
index 493d771..8050874 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+
 * {
   margin: 0;
   padding: 0;
@@ -14,7 +16,7 @@
 
 /*  */
 /* Banner-principal */
-
+.descricao-container,
 .banner-principal-container,
 .mobile-banner img,
 .descktop-banner img,
@@ -23,23 +25,46 @@
   width: 100%;
 }
 
+/* inforcar principal */
 
+.descricao-container,
+.texto-inforcard {
+  font-family: "Inter", sans-serif;
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  align-items: center;
+}
 
+.texto-inforcard {
+  width: 40%;
+  margin: 73px 0;
+}
+.texto-inforcard h2 {
+    font-size: 32px;
+    font-weight: 400;
+}
 
+.texto-inforcard h1 {
+    font-size: 48px;
+    font-weight: 500;
+
+}
+
+.texto-inforcard p{
+font-size: 16px;
+font-weight: 400;
+}
 
 
 @media screen and (max-width: 1024px) {
-    .descktop-banner {
-        display: none;
-    }
-
-
+  .descktop-banner {
+    display: none;
+  }
 }
 
 @media screen and (min-width: 1025px) {
-    .mobile-banner {
-        display: none;
-    }
-
-
+  .mobile-banner {
+    display: none;
+  }
 }
