diff --git a/assets/imagens/bannerp.png b/assets/imagens/bannerp.png
new file mode 100644
index 0000000..098a4dc
Binary files /dev/null and b/assets/imagens/bannerp.png differ
diff --git a/assets/imagens/computers.png b/assets/imagens/computers.png
new file mode 100644
index 0000000..82530bd
Binary files /dev/null and b/assets/imagens/computers.png differ
diff --git a/assets/imagens/mine-foto-1.png b/assets/imagens/mine-foto-1.png
new file mode 100644
index 0000000..4b144a6
Binary files /dev/null and b/assets/imagens/mine-foto-1.png differ
diff --git a/assets/imagens/mine-foto-2.png b/assets/imagens/mine-foto-2.png
new file mode 100644
index 0000000..55c9060
Binary files /dev/null and b/assets/imagens/mine-foto-2.png differ
diff --git a/assets/imagens/mine-foto-3.png b/assets/imagens/mine-foto-3.png
new file mode 100644
index 0000000..cfbd0f1
Binary files /dev/null and b/assets/imagens/mine-foto-3.png differ
diff --git a/index.html b/index.html
index 010c281..d859ca0 100644
--- a/index.html
+++ b/index.html
@@ -1,29 +1,60 @@
 <!DOCTYPE html>
 <html lang="pt-br">
-<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">
-    <link rel="stylesheet" href="style.css">
 
-    <title>Primeiro desafio M3 academy</title>
-    
+<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">
+  <link rel="stylesheet" href="style.css">
+
+
+  <title>Primeiro desafio M3 academy</title>
+
 </head>
+
 <body>
-    <header class="header-page" >
-        <img class="header-logo"
-        src="assets/imagens/Logo-M3Academy 1 (2).svg" alt="">
-    </header>
-    <main>
-        <section>
-            <div>
-                <figure>
-                    <img class="banner"
-                    src="assets/imagens/banner.png" alt="banner principal">
-                </figure>
-            </div>
-        </section>
-    </main>
+  <header class="pagina">
+    <div>
+      <figure>
+        <a href="/">
+          <img class="logo" src="assets/imagens/Logo-M3Academy.svg" alt="Logo-M3Academy">
+        </a>
+      </figure>
+    </div>
+  </header>
+  <main>
+
+    <div>
+      <picture>
+        <source media="(max-width: 1024px )" srcset="assets/imagens/bannerp.png">
+        <img class="banner" src="assets/imagens/banner.png" alt="Banner principal">
+      </picture>
+
+    </div>
+
+    <section>
+      <div class="BL">
+        <h2 class="first-sentence">Lorem ipsum</h2>
+        <h1 class="sentence">Dolor sit amet</h1>
+        <p class="one-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="computadores">
+        <figure>
+          <img src="assets/imagens/computers.png" alt="computadores">
+        </figure>
+      </div>
+
+      <div>
+<figure>
+  <img src="assets/imagens/mine-foto-1.png" alt="Primeira miniatura">
+</figure>
+      </div>
+    </section>
     
+  </main>
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index ffb343c..40fc49d 100644
--- a/style.css
+++ b/style.css
@@ -1,21 +1,50 @@
-* 
-{
-margin: 0;
-padding: 0;
-box-sizing: border-box;
+@import url('https://fonts.googleapis.com/css2? family= Inter:wght@400;500 & display=swap');
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Inter', sans-serif;
 }
-.header-page 
-{
-padding: 29px 0;
-display: flex;
-justify-content: center;
-background-color: #000000;
+
+.pagina {
+    padding: 29px 0;
+    display: flex;
+    justify-content: center;
+    background-color: #000000;
 }
-.header-logo 
-{
-display: block;
+
+.logo {
+    display: block;
 }
-.banner 
+
+.banner {
+    width: 100%;
+
+}
+
+.BL {
+    padding: 4% 31%;
+    text-align: center;
+    display: block;
+}
+
+.first-sentence {
+    font-weight: 400;
+    font-size: 32px;
+}
+
+.sentence {
+    font-weight: 500;
+    font-size: 48px;
+}
+
+.one-p {
+    font-weight: 400;
+    font-size: 16px;
+}
+.computadores 
 {
-width: 100%;
+    padding: 4% 0;
+    text-align: center;
 }
\ No newline at end of file
