From 82dce69c522b77c8056d3793126f5f81e6025746 Mon Sep 17 00:00:00 2001
From: Filipe Quintanilha <feliipequintanilha@gmail.com>
Date: Fri, 7 Oct 2022 15:55:28 -0300
Subject: [PATCH] Adiciona os cards de baixo desktop e mobile

---
 assets/images/bottom-card-image-01.png | Bin 0 -> 1229 bytes
 assets/images/bottom-card-image-02.png | Bin 0 -> 1296 bytes
 assets/images/bottom-card-image-03.png | Bin 0 -> 2785 bytes
 assets/images/bottom-card-image-04.png | Bin 0 -> 1589 bytes
 assets/styles/main.css                 |  75 +++++++++++++++++++++----
 index.html                             |  41 ++++++++++++++
 6 files changed, 105 insertions(+), 11 deletions(-)
 create mode 100644 assets/images/bottom-card-image-01.png
 create mode 100644 assets/images/bottom-card-image-02.png
 create mode 100644 assets/images/bottom-card-image-03.png
 create mode 100644 assets/images/bottom-card-image-04.png

diff --git a/assets/images/bottom-card-image-01.png b/assets/images/bottom-card-image-01.png
new file mode 100644
index 0000000000000000000000000000000000000000..cc0c2731f2e98c902d29e16d5c1f9b8ad52e5923
GIT binary patch
literal 1229
zcmV;;1Ty=HP)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1Y$`<K~#7F?cLFC
z+(Z-x;NNX22nm{^B0#E$#T^n7sknfOi?~lf@&wsD0q_LfJ^|?yZ2AOgpCHZ!O1R1*
zAt7<Wx(EapNLjT438}?BXQ!*~x@mU29>-(P|4FCab-k72<C!@#yXyc%L_|bHL_|bH
zL_|c?Wf7K>NPH!+0&*#pIFQJ&q*!8KB4^YZ{pkt62zxP1a@Ig~OJI7pw8U#LK)bHO
zE<|EG2E`Ji!nRam7vxGJv4Qz<eHWJWg|nF*f$H$mdA?xz!cPm&Q&1g-h3Bztf~X-(
zkms17mg&LFbxzQZGPEsm3^PrMakluB*G{Z}D+K2eBbZ99bb^i>IM`4_d#5$q1nC&m
z1D9{kllE5M+3tKvVymz%gGpKja^Wh>%71@mTLRN4hBp5}u^?b;s>eR&&-2zP`@}e<
ziz~jTa{{VEh9z(w<T)nDb4-xum>|zxLRCk(Rwpq+^Awx-GO{X@tEir!T*~q&z)$yF
z#5yeJF;!IS;tum(kjXJNa1NGF&|w}+a&9ABiJXHzYPMX0wB?uu))*nv3-l--OfJ@%
zluOW2z9$EBA_q1IxN9rYZhnLx@?(6TJ6|R%+k(O@2yAGv^ct?fG0uZL*XjhVRG%bx
zuXPEEUza!cKawT)&rFQgx}B)jBuJCczb>WYCo(F(`ywftu&>`kXSL$m+jvLbBmU4N
z<20|@-UZ$#XlGSg$omME_g!4b$x+@XD1G$earU3IsJ{>t?-R8Bt4T`#ci_fPzyqH@
zF_F7p`tp7Z(pK~BLv&GWvlCYmJm<UxO(&Ac+h^~0N4l*3A86eE$BU13=TB+Hzo8M%
zThP|E#XqpReZBb=fQ_qm$NJ3&vP%3W8sR)a<ELniyu`j&%G|KPA?FFY_cw5VL8Uc*
zB3I=@^LLZ9B3x9q>oIBtdGHvGaNf!2548CUT0<*DpR2@Hti|a#5nncsSKoN~-?cF5
zT{Dlhiyi)J%JVMpK0&&2tySS!G=Z~&y{<mo`Wc<z{XA&>EtF<cnYD%Y2|9R$(uV(_
zGraHOcBLvzAD3%M560+>Rul<3;CE%vFN<q&o@0VM#{_wf3Gy5h<him5+L5>qDoPQ_
zxp{&g;aIsc`-|wV{CRisb&Ctwn|xqAWI4ui9=7p$<m#d=elcOZTo-pU%5WLC<f^It
zD}Y|BmK;q+JQIn;USXf1-u1WmzLoB5w*Y^bCz7OnglSiLl<gAx4`A+rR7S5_k#I9g
zC(S%eb&ti`JKd|k)Dxi}<d?escV7_9NF_F>Pl`93TLslYySPO+`qSZJ?k-pXd<Du|
zeTh4ZcH%_Ub4-xum>|z-g0jN48=yKQh38h2d@T}E%uk@S+R&Sz9)MiY$}BEyvo6yU
zG=DGY&|&~f`ibN0`Qrq19x@4CBC=Y6nSLaE+MOk!I;Aix1exs%ioYT)hDp*o$R%wp
rx^~BLors8th=_=Yh=_=Yh~_*46DAGMvtMsS00000NkvXXu0mjfOOZp`

literal 0
HcmV?d00001

diff --git a/assets/images/bottom-card-image-02.png b/assets/images/bottom-card-image-02.png
new file mode 100644
index 0000000000000000000000000000000000000000..27bb36f78fc2a1b34805bd86872a2833805ca43c
GIT binary patch
literal 1296
zcmV+r1@HQaP)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1f@wtK~#7F?VZ7O
z<2De6f92&Kcd(NRvN<KUu!GnY*r_0P1#&8|Q-Pfdl2j1+wmCVeK->y;w*oF^Nj_5$
zL{TO|49Wj{Z)`~<^(g$r02~ZJfDl3mA%qY@2r<N}!#-!uE}do0-h%YyV`Y!do}A_A
z!L_pw&I(!-+g4@#DsBN3v{CF9CvpoQ^+_+yf;B1B1_{cl*F=5hy|WE^`b_ere6K2N
zqGkMT^}m$|>?*5m5IYCMqh;#1@9QoHK6?lKifJGXJHs?kL7HW~?Q)Rs8wK`J_v@ec
z9qgkQl7HUA9$<jbIoI|E_GvBeue|qDaSdJhgo*PtrjPb|E>QaO<^^_-4n3l&A()<v
zn>r`CIARP6WSlN-5ZzotSc8m1fs8|ejMJqJ5|EhWZ5z7?^d2M`baBR^K*pg!#-TvQ
zNfpi3sIyf6HRAjqNGAkwquGLTq|+aZ-{KXiM>FB1@)pDsD3m1O+ZM~a?=m5fpnHbu
zGnPebd5_fwJz#%0z0Oe<?{lqbYiGZqFaH+j?(cU<Md5zmkE`F&13z(5u%G(VCBeQ8
z34EsxN2>s}K!0L4_bx}7#Mh5^g<cp}NJs7jI`%vKTC-E$V|26qq{rOZ4PNpE^!<gm
zk6?ZYEU#h=fqWOU3G9<&KWO+3$Y5=dUhU@xw)r(k5OzC$jnVH5rA=wg`wI(UD1p@1
zpLg6htLzx}E!%F6Y@ZE7xVX036N{<ji}z+Ifk-4`-3L83UcbeD7kU#oMr&bHY;9-i
zo}QqaTbv!S1p1}%T5md=0&TqQH5qmVy2i_BZUzbzjdc0Z1)h4}X7^+8-!3>k7I*BJ
z%-eQ(;CueTZqT&tJGPh)$zyRFlrHUOl;b{s9N16ySy!)n#joa!VE7s|1Q`}ugE-`E
z913I{3S=A#WSlw7Q9aDNLSuGg#|d9px%;3WRu|~Oyag&F7#UJg^j|iIF3va<$T$?p
zI26b@6v#Lf$T&j?lm|Y`Ff5_mx<xS5eb5HGqG*=St+W5pf6(d*`zsMHX1dBy0%;m=
z)_5=2%}W@XZsSEO{Ed{gt*|koTJwl*vlsf>8uMb*=_hxHCyY*CnPWa&Yk9|*-S892
zc0(KXA#&#GR9_t`&oMt*XE*o=`qdzEIvnzzG8D)-6v#Lf$T$?pI233CT*2m3w#Iz+
z!Xxbc{w=CJ_N~E_t1Ux(G6029`=BmPV3#+DPr8LJj`JlFWA*B(tGOT^XRz%-idFTZ
zNy;ft8OnJ=O>&guKQShP`O_}zb9h1;1c8|wzG|t_WnofXu@6X#AfSgefl|4hXQZF8
zE|`EoiWXGNv8ATzEyfx)mJ<*dZ-aca(6pB&h=aCkPq6bKC_#rdhznDsL*VJ5_d)*E
z!&RozvA5`<3Y2>vrkhVgg86^iKsKwD`art5@e%CzUhnD+p)RL@jD=PR{|V4)Quo+Y
zscY|`9AzfW27JJJEb4`(G@Z=%TKCRwYJqA61;hfmv+v<`-~`44hYPWz6=iMYM3-j4
zh{mC)fuM})URDRNR~HYB)NfF>_f{ergb+dqA%qY@NSMz!CZ8r8T1nIZ0000<MNUMn
GLSTaXNLEk)

literal 0
HcmV?d00001

diff --git a/assets/images/bottom-card-image-03.png b/assets/images/bottom-card-image-03.png
new file mode 100644
index 0000000000000000000000000000000000000000..a99ed6d9e868b13324e1f997d4e1d75d0ccf4f40
GIT binary patch
literal 2785
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

literal 0
HcmV?d00001

diff --git a/assets/images/bottom-card-image-04.png b/assets/images/bottom-card-image-04.png
new file mode 100644
index 0000000000000000000000000000000000000000..494f8d66d783b14b977e9cbd20621382c4b73235
GIT binary patch
literal 1589
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

literal 0
HcmV?d00001

diff --git a/assets/styles/main.css b/assets/styles/main.css
index 90f513d..f7c196b 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -87,6 +87,40 @@ body{
     text-align: center;
 }
 
+.bottom-cards{
+    margin-top: 140px;
+    background: linear-gradient(180deg, #00C8FF 0%, #15ACD6 100%);
+}
+
+.bottom-cards-wrapper{
+    display: grid;
+    grid-template-columns: repeat(2, max-content);
+    gap: 20px;
+    justify-content: center;
+    position: relative;
+    top: -60px;
+}
+
+.bottom-card{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 36px 32px 66px;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
+}
+
+.bottom-card-images{
+    display: block;
+    margin-bottom: 14px;
+}
+.bottom-card-description{
+    max-width: 368px;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+}
+
 
 @media screen and (max-width: 414px) {
     .main-banner-desktop,
@@ -95,11 +129,33 @@ body{
     }
 }
 
+@media screen and (min-width: 415px){
+    .main-banner-mobile,
+    .middle-banner-mobile{
+        display: none;
+    }
+}
+
 @media screen and (max-width: 768px) {
     .top-cards{
         grid-template-columns: 1fr;
         padding: 36px 26px;
     }
+
+    .bottom-cards{
+        margin-top: 114px;
+        padding: 0 26px;
+    }
+
+    .bottom-cards-wrapper{
+        grid-template-columns: 1fr;
+        gap: 16px; 
+    }
+
+    .bottom-card-description{
+        font-size: 14px;
+    }
+
 }
 
 
@@ -126,24 +182,21 @@ body{
     }
 }
 
-@media screen and (min-width: 993px) and (max-width: 1280px){
-    .top-infocard-text{
-        max-width: 440px;   
-    }
-}
-
 @media screen and (min-width: 769px) and (max-width:1200px){
     .top-cards{
         grid-template-columns: repeat(2, max-content);
     }
 }
 
-@media screen and (min-width: 415px){
-    .main-banner-mobile,
-    .middle-banner-mobile{
-        display: none;
+@media screen and (min-width: 769px) and (max-width:992px){
+    .bottom-card-description{
+        max-width: 280px;
     }
 }
 
-
+@media screen and (min-width: 993px) and (max-width: 1280px){
+    .top-infocard-text{
+        max-width: 440px;   
+    }
+}
 
diff --git a/index.html b/index.html
index 84749ae..6b79c64 100644
--- a/index.html
+++ b/index.html
@@ -67,6 +67,47 @@
                 <img class="middle-banner middle-banner-desktop" src="./assets/images/middle-banner-desktop.png" alt="Banner do Meio Desktop" />
                 <img class="middle-banner middle-banner-mobile" src="./assets/images/middle-banner-mobile.png" alt="Banner do Meio Mobile" />
             </section>
+
+            <section class="bottom-cards">
+                <div class="bottom-cards-wrapper">
+
+                    <div class="bottom-card">
+                        <img class="bottom-card-images" src="./assets/images/bottom-card-image-01.png" alt="imagem do primeiro card inferior" />
+    
+                        <p class="bottom-card-description">
+                            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>
+                    </div>
+    
+                    <div class="bottom-card">
+                        <img class="bottom-card-images" src="./assets/images/bottom-card-image-02.png" alt="imagem do segundo card inferior" />
+    
+                        <p class="bottom-card-description">
+                            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>
+                    </div>
+    
+                    <div class="bottom-card">
+                        <img class="bottom-card-images" src="./assets/images/bottom-card-image-03.png" alt="imagem do terceiro card inferior" />
+    
+                        <p class="bottom-card-description">
+                            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>
+                    </div>
+    
+                    <div class="bottom-card">
+                        <img class="bottom-card-images" src="./assets/images/bottom-card-image-04.png" alt="imagem do quarto card inferior" />
+    
+                        <p class="bottom-card-description">
+                            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>
+                    </div>
+
+                </div>
+                
+
+            </section>
+
         </main>
     </body>
 </html>