diff --git a/index.html b/index.html
new file mode 100644
index 0000000..42f2207
--- /dev/null
+++ b/index.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+
+<html lang="pt-BR">
+    <head>
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+
+        <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>Desafio01</title>
+
+        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
+
+        <link rel="stylesheet" href="/challenge-landing-page-carlos-cristovao/assets/styles/main.css" />
+    </head>
+
+    <body>
+      <header class="page-header">
+        <a href="/">
+            <img class="header-logo" src="/challenge-landing-page-carlos-cristovao/assets/imagens/Logo-M3Academy 1.png" alt="logo m3" />
+        </a>
+      </header>
+
+      <main>
+        <section>
+            <img class="main-banner main-banner-desktop" src="/challenge-landing-page-carlos-cristovao/assets/imagens/baner logo.png" alt="banner main desktop" />
+            <img class="main-banner main-banner-mobile" src="/challenge-landing-page-carlos-cristovao/assets/imagens/banner mobile.png" alt="banner main mobile" />
+        </section>
+
+        <section class="top-infocard">
+            <div class="infocard text">
+                <h2 class="text-primario">Lorem ipsum</h2>
+                <h1 class="text-secundario">dolor sit amet</h1>                  
+                <p class="text-paragraph">
+                    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="imagem-vetor" src="/challenge-landing-page-carlos-cristovao/assets/imagens/banner emoji.png" alt="banner emoji" />
+        </section>
+
+        <section class="top-card">
+
+            <div class="top-cards">
+                <img class="top-card-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/shop 1.png" alt="shop imagem" />
+                <p class="top-texto">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+
+            <div class="top-cards">
+                <img class="top-card-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/shopping-bag (1) 1.png" alt="bag imagem" />
+                <p class="top-texto">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+
+            <div class="top-cards">
+                <img class="top-card-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/coin 1.png" alt="coin imagem" />
+                <p class="top-texto">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+        </section>
+
+        <section class="banner-quite">
+            <div class="imagem-quite">
+                <img class="banner-quite-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/Rectangle 13.png" alt="banner desktop01" />
+            </div>
+
+            <div class="imagem-quite">
+                <img class="banner-quite-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/Rectangle 16.png" alt="banner desktop02 " />
+            </div>
+
+            <div class="imagem-quite">
+                <img class="banner-quite-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/Rectangle 17.png" alt="banner desktop03 " />
+            </div>
+        </section>
+
+        <section class="low-card">
+
+            <div class="low-cards">
+                <img class="low-card-imagem" src="" alt="" />
+                <p class="">
+
+                </p> 
+            </div> 
+ 
+            <div class="low-cards">
+                <img class="low-card-imagem" src="" alt="" />
+                <p class="">
+                     
+                </p>
+            </div>
+
+            <div class="low-cards">
+                <img class="low-card-imagem" src="" alt="" />
+                <p class="">
+                     
+                </p>
+            </div>
+            <div class="low-cards">
+                <img class="low-card-imagem" src="" alt="" />
+                <p class="">
+                     
+                </p>
+            </div>
+        </section>
+
+      </main>
+    </body>
+</html>
\ No newline at end of file
