diff --git a/index.html b/index.html
index f97b380..16cafdd 100644
--- a/index.html
+++ b/index.html
@@ -1,91 +1,138 @@
 <!DOCTYPE html>
 
 <html lang="pt-BR">
-    <head>
-        <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
-       <meta charset="UTF-8" />
-       <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-       
-       <title>M3 Desafio 1</title>
-       
-       <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
+<head>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
-       <link rel="stylesheet" href="./assets/styles.css/main.css" />
-    </head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <body>
-        <header class="page-header">
-            <a href="/">
-                <img class="header-logo" src="./assets/images/Logo-M3Academy 1.png" alt="Logo M3-Academy" />
-            </a>
-        </header>
-        
-        <main>
-            <section class="main-banner-row">
-                <img class="main-banner main-banner-desktop" src="./assets/images/Main-banner-desktop.png" alt="Banner principal desktop">
-                <img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Banner principal mobile">
-            </section>
-            
-            <section class="top-infocard">
-                <div class="top-infocard-text">
-                    <h2 class="top-infocard-subtitle">Lorem ipsum</h2>
-                    <h1 class="top-infocard-title">Dolor sit amet</h1>
- 
-                    <p class="top-infocard-description">
-                       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>
-                        <img class="top-infocard-image" src="./assets/images/top-infocard-image.png" alt="Primeira infocard do topo" />
+    <title>M3 Desafio 1</title>
+
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
+
+    <link rel="stylesheet" href="./assets/styles.css/main.css" />
+</head>
+
+<body>
+    <header class="page-header">
+        <a href="/">
+            <img class="header-logo" src="./assets/images/Logo-M3Academy 1.png" alt="Logo M3-Academy" />
+        </a>
+    </header>
+
+    <main>
+        <section class="main-banner-row">
+            <img class="main-banner main-banner-desktop" src="./assets/images/Main-banner-desktop.png"
+                alt="Banner principal desktop">
+            <img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png"
+                alt="Banner principal mobile">
+        </section>
+
+        <section class="top-infocard">
+            <div class="top-infocard-text">
+                <h2 class="top-infocard-subtitle">Lorem ipsum</h2>
+                <h1 class="top-infocard-title">Dolor sit amet</h1>
+
+                <p class="top-infocard-description">
+                    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>
+                    <img class="top-infocard-image" src="./assets/images/top-infocard-image.png"
+                        alt="Primeira infocard do topo" />
                 </div>
-            </section>
+        </section>
 
-            <section class="top-cards">
-               <div class="top-card">
-                  <img class="top-card-image" src="./assets/images/top-card01.png" alt="Imagem do Primeiro card do Topo" />
-                
-                  <p class="top-card-description">
-                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui   fringilla interdum. 
-                  </p>
-               </div>
+        <section class="top-cards">
+            <div class="top-card">
+                <img class="top-card-image" src="./assets/images/top-card01.png"
+                    alt="Imagem do Primeiro card do Topo" />
 
-                <div class="top-card">
-                  <img class="top-card-image" src="./assets/images/top-card-02.png" alt="Imagem do Segundo card do Topo" />
-              
-                  <p class="top-card-description">
-                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui     fringilla interdum. 
-                  </p>
-               </div>
+                <p class="top-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </div>
 
-               <div class="top-card">
-                  <img class="top-card-image" src="./assets/images/top-card03.png" alt="Imagem do Terceiro  card do Topo" />
-              
-                  <p class="top-card-description">
-                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui   fringilla interdum. 
-                  </p>
-               </div>
-            </section>
+            <div class="top-card">
+                <img class="top-card-image" src="./assets/images/top-card-02.png"
+                    alt="Imagem do Segundo card do Topo" />
 
-            <section class="middle-banner">
-                <div class="middle-banner-group">
-                    <div class="middle-banner-item">
-                        <img class="middle-banner-image" src="./assets/images/middle-banner-01.png" alt="Primeiro banner do Meio" />
-                    </div>
+                <p class="top-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </div>
 
-                    <div class="middle-banner-item">
-                        <img class="middle-banner-image" src="./assets/images/middle-banner-02.png"
-                            alt="Segundo banner do meio" />
-                    </div>
-                    
-                    <div class="middle-banner-item">
-                        <img class="middle-banner-image" src="./assets/images/middle-banner-03.png"
-                            alt="Terceiro banner do meio" />
-                    </div>
+            <div class="top-card">
+                <img class="top-card-image" src="./assets/images/top-card03.png"
+                    alt="Imagem do Terceiro  card do Topo" />
+
+                <p class="top-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </div>
+        </section>
+
+        <section class="middle-banner">
+            <div class="middle-banner-group">
+                <div class="middle-banner-item">
+                    <img class="middle-banner-image" src="./assets/images/middle-banner-01.png"
+                        alt="Primeiro banner do Meio" />
                 </div>
-            </section>
 
-        </main>
-    </body>
+                <div class="middle-banner-item">
+                    <img class="middle-banner-image" src="./assets/images/middle-banner-02.png"
+                        alt="Segundo banner do meio" />
+                </div>
+
+                <div class="middle-banner-item">
+                    <img class="middle-banner-image" src="./assets/images/middle-banner-03.png"
+                        alt="Terceiro banner do meio" />
+                </div>
+            </div>
+        </section>
+
+        <section class="bottom-card">
+            <div class="bottom-card-group">
+                <img class=" bottom-card-image01" src="./assets/images/bottom-card-01.png" alt="image01-bottomcard" />
+
+                <p class="bottom-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+                </p>
+            </div>
+
+            <div class="bottom-card-group">
+                <img class="bottom-card-image02" src="./assets/images/bottom-card-02.png" alt="image02-bottomcard" />
+
+                <p class="bottom-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+                </p>
+            </div>
+
+            <div class="bottom-card-group">
+                <img class="bottom-card-image03" src="./assets/images/bottom-card-03.png" alt="image03-bottomcard">
+
+                <p class="bottom-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+                </p>
+            </div>
+
+            <div class="bottom-card-group">
+                <img class="bottom-card-image04" src="./assets/images/bottom-card-04.png" alt="image04-bottomcard">
+
+                <p class="bottom-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+                </p>
+            </div>
+        </section>
+    </main>
+</body>
+
 </html>
\ No newline at end of file
