From e6f0d269e4b08cd372f411fe681bd1988e16220c Mon Sep 17 00:00:00 2001
From: Mickael_cypriano <mickael.cypriano.r@gmail.com>
Date: Mon, 10 Oct 2022 09:04:41 -0300
Subject: [PATCH] crie a segunda parte do site

---
 index.html          | 24 +++++++++++++++++++++++-
 src/style/style.css | 21 +++++++++++++++++++--
 2 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 85a6e99..245ecf6 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,8 @@
                 <h1>Lorem ipsum</h1>
                 <h2>DOLOR SIT AMET</h2>
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
-                    interdum. <br> Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna
+                    interdum. <br> Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit
+                    magna
                     dui. </p>
             </div>
             <div class="segunda-section-imagem">
@@ -38,6 +39,27 @@
             </div>
         </section>
 
+        <section class="terceira-section-card">
+            <div class="terceira-section card-01">
+                <img src="./src/assents/imagens/shop 1.svg" alt="imagem-shop-card">
+                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.</p>
+            </div>
+
+            <div class="terceira-section  card-02">
+                <img src="./src/assents/imagens/shopping-bag (1) 1.svg" alt="imagem-shop-bag-card">
+                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.</p>
+            </div>
+
+            <div class="terceira-section card-03">
+                <img src="./src/assents/imagens/coin 1.svg" alt="imagem-shop-bag-card">
+                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.</p>
+            </div>
+
+        </section>
+
     </main>
 
     <footer>
diff --git a/src/style/style.css b/src/style/style.css
index f24d035..bfeb0db 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -46,8 +46,8 @@
 }
 
 .segunda-section-texto {
-   text-align: center;
-   margin-bottom: 65px;
+    text-align: center;
+    margin-bottom: 65px;
 
 }
 
@@ -70,5 +70,22 @@
     line-height: 24px;
 }
 
+.terceira-section-card {
+    display: flex;
+    padding: 0 28px;
+    margin-top: 178px;
 
+}
 
+.terceira-section {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
+}
+
+.terceira-section img {
+    margin-bottom: 28px;
+}
\ No newline at end of file