feat(adiciona os ultimos 4 cards e o footer finalizando com isso a home desktop)

index.html

@@ -79,7 +79,73 @@
                           
                    </div>
 
-                 
+                 <section class="card-compra">
+                       <div class="cards">
+                                 <img src="imagens/dinheiro.png" alt="imagem de dinheiro">
+
+                                 <figcaption>
+                                 <p>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>
+                                 </figcaption>
+                       </div>
+                       <div class="cards">
+                            <img src="imagens/moeda.png" alt="imagem de uma mão pegando moeda">
+                            <figcaption>
+                                <p>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>
+                                </figcaption>
+                       </div>
+                       <div class="cards">
+                                <img src="imagens/laptop.png" alt="imagem de um laptop">
+                                <figcaption>
+                                    <p>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>
+                                    </figcaption>
+                       </div>
+                       <div class="cards">
+                                <img src="imagens/celular (1).png" alt="imagem de celular">
+
+                                <figcaption>
+                                    <p>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>
+                                    </figcaption>
+                       </div>
+                 </section>
+
+      <article>
+
+          <div class="artigo">
+            <h4>Lorem ipsum dolor sit amet</h4>
+             
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. 
+                Quisque  a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis.
+                Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.</p>
+        </div>
+
+            </article>
+
+            <figure style="text-align:center; margin-top: -160px;">
+                  <img src="imagens/imagem_desfocada.png" alt="imagem borrada" srcset="" width="70%">
+            </figure>
+
+             <footer class="footer">
+                     <nav class="redes-sociais">
+                        <div class="centralizar">
+                        <a href="/">
+                              <img src="imagens/Group (2).png" alt="logo instragan">
+                        </a> 
+                        <a href="/">
+                              <img src="imagens/facebook-logo.png" alt="logo facebook">
+                        </a> 
+                        <a href="/">
+                              <img src="imagens/youtube 2.png" alt="logo youtube">
+                        </a> 
+                        </div>
+
+                        <div>
+                            <p>Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
+                          </p>
+                         </div>
+                    </nav>
+                      
+                    
+             </footer>
                 
                   
         </main>

style.css

@@ -80,10 +80,25 @@ h3{
     height:287.68px;
     background: #FFFFFF;
     box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
+
+    font-family: 'Inter';
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
  }
 
- .card figcaption p{
+  .cards{
+   
+    padding-top: 36px;
+    margin-top: 129px;
+    width: 23%;
+    height:287.68px;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
+    
     font-family: 'Inter';
+    font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
@@ -100,4 +115,67 @@ h3{
     justify-content: space-around;
     margin-top: 250px;
  }
+ .artigo{
+
+    margin: 200px auto;
+    width: 36%;
+    height: 158px;
+ }
+
+ h4{
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 32px;
+    line-height: 39px;
+    text-align: center;
+ }
+
+ article p{
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+
+ }
+
+ .footer{
+       margin-top: 116px;
+       display: flex;
+       justify-content: center;
+       align-items: center;
+       width: 100%;
+       height: 128px;
+       background: #000000;
+ }
+
+ .redes-sociais{
+    display: flex;
+    justify-content: center;
+    gap: 21px;
+    height: 52px;
+    flex-direction: column;
+    
+ }
+
+ footer p{
+    
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 10px;
+    line-height: 12px;
+    text-transform: uppercase;
+    color: #BDBDBD;
+ }
+
+ footer .redes-sociais .centralizar{
+    margin: 0 auto;
+}
+
+.centralizar a{
+    padding:21px;
+}