diff --git a/assets/imagens/gird1.png b/assets/imagens/gird1.png
new file mode 100644
index 0000000..834d573
Binary files /dev/null and b/assets/imagens/gird1.png differ
diff --git a/assets/imagens/grid2.png b/assets/imagens/grid2.png
new file mode 100644
index 0000000..6561eb0
Binary files /dev/null and b/assets/imagens/grid2.png differ
diff --git a/assets/imagens/grid3.png b/assets/imagens/grid3.png
new file mode 100644
index 0000000..8eba01f
Binary files /dev/null and b/assets/imagens/grid3.png differ
diff --git a/index.html b/index.html
index 337bbe3..57ed261 100644
--- a/index.html
+++ b/index.html
@@ -46,14 +46,50 @@
         </figure>
       </div>
 
-      <div>
-<figure class="icone1">
-  <img src="assets/imagens/mine-foto-1.png" alt="Primeira miniatura">
-  <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
-  </figcaption>
-</figure>
-      </div>
-    </section>
+      <section class="icones">
+        <div class="icone1">
+        <figure class="img1">
+          <img src="assets/imagens/mine-foto-1.png" alt="Primeiro ícone">
+          <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+          </figcaption>
+          </figure>
+        </div>
+        <div class="icone2">
+          <figure class="img2">
+            <img src="assets/imagens/mine-foto-2.png" alt="Segundo ícone">
+            <figcaption>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+            </figcaption>
+          </figure>
+        </div>
+        <div class="icone3">
+          <figure class="img3">
+            <img src="assets/imagens/mine-foto-3.png" alt="Terceiro ícone">
+            <figcaption>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+            </figcaption>
+          </figure>
+        </div>
+      </section >
+      <section class="grids">
+        <div >
+          <figure >
+            <img src="assets/imagens/gird1.png" alt="Notebook 1">
+          </figure>
+        </div>
+        <div>
+          <figure >
+            <img src="assets/imagens/grid2.png" alt="Notebook 2">
+          </figure>
+        </div>
+        <div>
+          <figure >
+            <img src="assets/imagens/grid3.png" alt="Notebook 3">
+          </figure>
+        </div>
+      </section>
+
+    
     
   </main>
 
diff --git a/style.css b/style.css
index e51c49f..522be9f 100644
--- a/style.css
+++ b/style.css
@@ -17,6 +17,7 @@
 .logo {
     display: block;
 }
+
 .banner-p {
     width: 100%;
 }
@@ -46,12 +47,53 @@
     font-weight: 400;
     font-size: 16px;
 }
-.computadores 
-{
+
+.computadores {
     padding: 4% 0;
     text-align: center;
 }
+
+.icones {
+    display: flex;
+    justify-content: center;
+    padding: 178px;
+    gap: 28px;
+
+}
+
 .icone1 {
     width: 19%;
-    
+    text-align: center;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 20px #000000;
+}
+.img1 {
+    padding: 36px 25px 27px 26px;
+}
+
+.icone2 {
+    width: 19%;
+    text-align: center;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 20px #000000;
+}
+.img2 {
+    padding: 36px 25px 27px 26px;
+
+}
+
+.icone3 {
+    width: 19%;
+    text-align: center;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 20px #000000;
+}
+.img3 {
+    padding: 36px 25px 27px 26px;
+}
+.grids {
+    display: flex;
+    gap: 39px;
+    justify-content: center;
+   
 }
\ No newline at end of file