From 1dbf955944d5930fbf7fa71bdacefe651c1e2017 Mon Sep 17 00:00:00 2001
From: Humberto Ferro <hcorreiaferro@gmail.com>
Date: Tue, 11 Oct 2022 00:45:25 -0300
Subject: [PATCH] Adiciona os cards do topo desktop e mobile

---
 assets/image/Top-card-image-01.png | Bin 0 -> 960 bytes
 assets/image/Top-card-image-02.png | Bin 0 -> 2058 bytes
 assets/image/Top-card-image-03.png | Bin 0 -> 3037 bytes
 assets/style/main.css              |  35 +++++++++++++++++++++++++++++
 index.html                         |  16 +++++++++++++
 5 files changed, 51 insertions(+)
 create mode 100644 assets/image/Top-card-image-01.png
 create mode 100644 assets/image/Top-card-image-02.png
 create mode 100644 assets/image/Top-card-image-03.png

diff --git a/assets/image/Top-card-image-01.png b/assets/image/Top-card-image-01.png
new file mode 100644
index 0000000000000000000000000000000000000000..4dc05a50ad3cc532c12af193a51d38d42ea4e7d0
GIT binary patch
literal 960
zcmeAS@N?(olHy`uVBq!ia0vp^=^)I(1|(%2V}1fD&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~y$2If#t7srqa#<zD2gKj&Busu*eoT5?Mtih|P
z+?8@^;hly#4DttawWbIk;C&<Q;3u&Bw1Z%<TJH(Yf~kr=8#d)na8BF0DNNz^{<r^U
zN3yLiyUzdLqvFj`B^M~zk|cE5ZgyF2)H$>7WwAE*VrMF9v8_GCzh#}Sc990_<VLYQ
z8yQ($EzTXu$ZT7-_j3NOAU}V8wRzl2uiXimwfX)2l_jm&9lqA3cj_-0#`CQ?m|i4*
zCLlx5ZQ0)GpB~pPdH5!Ju6*mXgLQY3dDXXAxjUUU*pk;Ss~Ew<E^(OgSV4oKOadO}
zvWGou_j%0fTzmWc(wR3digRX5WLtcjoy~sf%xd*><+cWE9G?X3UlMe0mT=enbvw3y
z|8gW=?cH0)*&)s^RxC8PP0+vfJ;GqptJsCN<g3>d>RkQ3y(X(8dc{Kf#cj#`KTAzr
z<g#~U{V;!jr0_$@u|u{i@2^{Ze7ERl<&U>xcda!2^7TPU@WOev_m9LLxv)k5f3LO3
z_m}IEzsdd$KPqM4ecMWHrG&Zejb*pD>dlWhtX^61sX6ZOya@j*N|k@6-PsbMT>IqD
znjQ7m3?3WZ*kWLt`qsWG^KesJnB$tnwiBCYY?kcK{J$WLcW+PG(phq+v$9^ScjUbs
z7Nxu*!eH~S67xlI@n5YhCjFjrJjnmKO40wGG^_fUGvDv-kr2;r$qqX_(ezoX&7ZTY
zMLaD-v*O>*Jbe8cj_}O=&GTx{&v{<mO*T7r?Y<#f!P~ca!{;~K)OBay`DZop;=J?T
z`kTJ~ayRGy<Pl|JSs!VAOnZ)lmHVYtG50@9RPf&2$=Q6e?DY5buix<;d0%Sy`L?9Y
ztoRi!Vm;GM@x>qZ2!6J;eL=<f{icrTTkRrjW;~f*`QT6dvgJ3{OFs}jclT$WlJuMN
zNAq6qu0Qhl|GbJwX6&XwMEA-2xO@)(m7p}w@<7Z(ANx;TVy{oVyHUim%kb^?%zWS5
og0swR1?^^h3+;e{jH!QEzweT7uK6k+0L*X<p00i_>zopr0J5*K8~^|S

literal 0
HcmV?d00001

diff --git a/assets/image/Top-card-image-02.png b/assets/image/Top-card-image-02.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d16c67747bc35482011defe4a62b017fc931424
GIT binary patch
literal 2058
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

literal 0
HcmV?d00001

diff --git a/assets/image/Top-card-image-03.png b/assets/image/Top-card-image-03.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b4b3ba1431ded8a5dfb9cc358accccc869f9309
GIT binary patch
literal 3037
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

literal 0
HcmV?d00001

diff --git a/assets/style/main.css b/assets/style/main.css
index fe6a600..14bd73f 100644
--- a/assets/style/main.css
+++ b/assets/style/main.css
@@ -59,6 +59,33 @@ body{
   .main-banner-mobile {
     display: none;   
   }
+  .top-cards{
+    display: grid;
+    grid-template-columns: repeat(3, max-content);
+    background: #F0F0F0;
+    gap: 20px;
+    justify-content: center;
+    padding: 178px 0 80px 0;
+  }
+  .top-card{    
+    background: #FFFFFF;
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 26px 26px 34px;
+    
+  }
+  .top-card-image{
+    display: block;
+    margin-bottom: 26px;
+  }
+  .top-card-description{ 
+    max-width: 300px;
+    text-align: center;
+    line-height: 24px;
+    font-size: 16px;
+  }
 @media (max-width: 1024px) {
   .main-banner-desktop {
     display: none;
@@ -90,3 +117,11 @@ body{
         width: 100%;
     }
 }
+@media screen and (max-width:1024px){
+    .top-cards{
+        grid-template-columns: 1fr;
+        padding: 90px 32px 80px;
+    }
+    
+    
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index a66d0e6..c747e5b 100644
--- a/index.html
+++ b/index.html
@@ -29,6 +29,22 @@
                     </div>              
                     <img class="top-infocard-image" src="assets/image/top-infocard-image.png" alt="Banner do infocard do topo"/>
                 
+            </section>
+            <section class="top-cards">
+                <div class="top-card">
+                    <img class="top-card-image" src="assets/image/Top-card-image-01.png" alt="Imagem do primeiro card do topo"/>
+                    <p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
+                </div>
+                <div class="top-card">
+                    <img class="top-card-image" src="assets/image/Top-card-image-02.png" alt="Imagem do segundo card do topo"/>
+                    <p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
+                </div>
+                <div class="top-card">
+                    <img class="top-card-image" src="assets/image/Top-card-image-03.png" alt="Imagem do terceiro card do topo"/>
+                    <p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
+                </div>
+                
+
             </section>
         </main>