From 210dc80235893920d77691244f62e57c6e62d23d Mon Sep 17 00:00:00 2001
From: Nicolly Vieira <nicollyvscosta@gmail.com>
Date: Tue, 11 Oct 2022 14:40:24 -0300
Subject: [PATCH] feat(index): adiciona a estrutura do HTML dos cards de baixo
 para desktop e mobile

---
 assets/images/card-image-cellphone.png | Bin 0 -> 1774 bytes
 assets/images/card-image-laptop.png    | Bin 0 -> 1323 bytes
 assets/images/card-image-money.png     | Bin 0 -> 1346 bytes
 index.html                             |  26 +++++++++++++++++++++++++
 styles/main.css                        |   2 +-
 5 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 assets/images/card-image-cellphone.png
 create mode 100644 assets/images/card-image-laptop.png
 create mode 100644 assets/images/card-image-money.png

diff --git a/assets/images/card-image-cellphone.png b/assets/images/card-image-cellphone.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad9f3c1c35701763679c3e19b3844fce04ee4daf
GIT binary patch
literal 1774
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
Q=Kufz07*qoM6N<$f;j*-egFUf

literal 0
HcmV?d00001

diff --git a/assets/images/card-image-laptop.png b/assets/images/card-image-laptop.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5d0f23c18825c22880e759e42a971ff307dce69
GIT binary patch
literal 1323
zcmV+`1=RY9P)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1i(o|K~#7F?VV3<
z+eQ?|KgvCTk1zpRpt~d}+BJKE+9yzZ0=p+LdxF>}uzG@~C#bS)Hg1*$T8KA@yRWS9
zg(5-@N7N|%Gmqr=10F1iq)g4nc{6<TW(W{M2qA<JLI@#>h&=W=&up1loY@PIwmj}_
zmD!ujQncVIv-g?pXua4bvuk`NH$ae+o}=C1L~ekfCp<@U)+AROWRO?AGU7AuGFzji
z&m<qq_ebRIdKoF>XZyd6tWZ@}+8}lgx<|^?Zr>B110Uc~^%P=Cc8+n7pjy@&pMz}Q
zXrP~0sGs*M=tnLj`@Fk7Kmo3E9@E9uSl$ck{a9RsFGm|(?R<gpBO+WPzcnadV0V~+
zKsE;Bb8%zmBo{}NL4lOx(+1Ja1%x$7ITT1a6i7KfZO}82K52}<`3RJP1cNS4ITT1a
z6i7J~NI9XR*%Ea&`@a%#{tLtlgMOpgCbL`A$Ks`{d4qX!Qh6KnCy*;i!nO^@F$&rx
zDg-j{&rp59yl5=%q1vE()Q8iH9A#sDE;TKIX9`jiXW#sDu{+y_OBsuHk57MoeTx>@
ziHipH(1TBceG|s<oiZGq;FCbVp_+S_qJt3A;=8|B5f)1XBTBb#zdZIk>{?SP?;*O`
z_7$8W&$W9jy}z{fF_>Ng%V!ZnptWP46!n-N1wwaikQC;{fo;#N_Xc@xvg<p_{E*py
zj{T(Oy~a%FN+9V3TzKvq@9h{(jqA@xwoisGTwGJ_>5D7Ogsuc4J<->F(5m$M1?pYs
zwc{A6g=Mj&ohf>H27YdFa`Yw8Po>uhssgR8?FBKa0!cfQmbS&1AwxtGg5^g?yJ(F?
z)OEnu|NlSjI{)nkr^n)s9TQvI4&B-RfojmS={q)<4#8t_Yve9X?rYv<_UnQDWS<22
zN#21tG3dSqbwP}o)*udfD~AFphXN^w0x4$-b5swq`1aqc2v0-D2|p3xar^eGOSE9p
z0wMbUWhPUMU_>ceLKmkT3Zxtgq#O#Q915fy3Z$Ga1WFyB#pssj9{+QabafxJMpYEa
z@=1^nFSH%BTB4o?{0=jrD}jDNRUm_EUP9M+rCdeZv)8+`ZHiDtI!06rR`8p>(AE-6
zi$SNK+@e2WWctcArblCW_c6O6MxNR$4SN?kbK)j`M_xlyOpnId4K@btY7jXc4tb9m
z3Zxtgq#O#Q915fy3N!+i(D{_DA)mc)4}HIXgMA+RM&Zd77NdV+06V4jUR<1kUJUvt
z+(H+}`51}Odi505+@L?sq1%J(qWz09ZC4g)LyUZ$P?;3@a%Fu?1hc1I3g5#$MRN!Y
z95Xj;)j}i7!i2hF?-3RQhaTDl3gvbl5PrtG!3YErq@em7TPmB}VkFS9oPdGyHpoT_
zO?p`d{UGhy8hRcCW#G{Uabb#Z7+8A9eUN?iP@r(s7CjV!QtQKT^J$1{Z9V71R#}UN
z$DrPOy)8Dlx|{}ND5OHzPk<IPMUPFCvX}Tuk!RAp0iS@<7vj<+`$^KtY_BDYd0ZC)
z6$%;<4Wya9gw=sFP#!p(i5;ydiGq`yqd6lQhoS}sd1QIHKY+cu{*Xxh8u=nqS|S>R
h5JCtcgb+fAn-9KltT4U3FlPV&002ovPDHLkV1hq1PVWE!

literal 0
HcmV?d00001

diff --git a/assets/images/card-image-money.png b/assets/images/card-image-money.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6d81cfe55c4da5f59e866b88153d11fc48586bf
GIT binary patch
literal 1346
zcmV-I1-<%-P)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1lLJKK~#7F?VV3-
z8$}exzp-5qpq8lOj{*`|5CL(*sz}9&EaF(CP;r1;90Uh0MdiSaq|F^#df@=Y4qV`r
z_5dePoSrC!COsh~MRpD-LaJIrDF`**WuDzs&f2nf?Ol6z_xnjtiAS^X?0!4%y?Ksj
z0YV5Ngb+dqA%qY@2qA<Jl4KP6!`Akiwg*ANq^xaKTNQm`X<O0e(jv8m-3y+De=Ib`
z$%90Vedp(DfMZZXyzasznC&+PS=uU|wz9S*kg%||&1f5IX)D1ek`S~iTLFoJw(Fen
zd7wA$ltH3k-SgV=D-anG6v%KWP|PTxxz@RXc%-3mu{CW)G_&DuSRIaSFa}l#hG7*n
zGqu11t&L!?X*KaqdA|Zl3@U)-n_(i}>XhHkIc>9^wyL%{3{X)edk{gytu3^)*=SCR
zbw7W=n-Fj|MZ*gAUgtuGJ{CH-xG_(s8b}mup%1tYG8_tII26cmD3IagFd*5f%@tR<
z7E*@e;wUaX<10-bgn<QuLS8|QA!TGTb=&c|jv45EFaX)9jRM-!^i-gn><orL{{rPJ
z7F1>dX+^=#9Nvul{QD9}W=?kBjxMmKFZQ&efD_rNtHs968WDj6${xPDtdoKpP^zd$
zmrB>xhH?wpdv+>%HmzZ5BlI#^&>57cFrCq}DW7x0PnNh2GMrcoG`2ta_gC!BaAG`%
zvmZW!Yu`WBu;0#2BwDE0oSBF)|IR`D^3@ZVef7XyQ6|Rs;n*9=4U2<U5{AIc^aJ?l
z_`|TqI}g`-EEcEH7sj92$HyPSu{YD3I2!Nb(kzZ(yg;j$|GoSB*7j|j`8r*n$Q$qC
z-dg+v@99}oyXoM}H#Iyzd9SgvDvFO?j2CEYdk62Ix`qT|`RT+;g5iWdgJdE3#r&g~
zK6GE#ev6-9$Kq$#F=~GJ^zoi!mAE&mSseNdnmux$=Lrk*Zyy|a1whtUe#R;>Ph#IF
z2>l94Fi#?*x|u?M*Dt^O3+GpFb?qY}ipv<am@>{@X}gS3Tybl<KTJZ8L2^Q`f3S_X
zAUBH1Sz;`TSQ008>u^#W^&)MvNA@><ul?;{edE7IdY%M~7f3GrS)CPjLj-IM_Tr9S
zdG~iD0pr&}FCDrcLGhEB#RcO9x^Vd)1m%i$aY?~=7q|57O_a6EvIESD^A~O*Da0a4
zkbo~jr4iQR42J?44h1qC3S>AG$Z!G)q(9RA1W@Nd_Tr+f^tH)E@P)2GX|{85^0fYO
z8ZZ88W$L+QrP96Wh3lfGlrvYq^lVr+ZQGs|{kgawpQ}2zb1&-wM*bB*lWB<aQ{Uo<
z7*>nf+Lk?i)@9dU*VFhUeD2eedtuXdGmR}y(uY!|`o*W`0vu67`@TrMC=8S&?EE}g
zMq0Oysk>3fV)0H(1DASSg_Cfd)cyOXlXI>hI?CFP?!NGDIA?)GK?%J#`jc?6#|<X;
zYXRnSQrn4Mow!gn913JO6v%KypsJ^hTVh7TwCDAjpMxYxkcS9aEp0_KACnU3;X<S<
zl9^eaHs5KwjnVHVoi;1NC-R82Dw+=)v_XbJ70qq0eN|v~pJ7)9MH&WWG%EyEzXy09
zk!GPO(lkhz{HaZ9cV!Sl2qA<JLI@#*5JCtcgb>og|71r{aC)fp1poj507*qoM6N<$
Ef|r+X6aWAK

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 1b38056..3ed6f77 100644
--- a/index.html
+++ b/index.html
@@ -88,6 +88,32 @@
                 </figure>
             </div>
         </div>
+
+        <!-- Bottom cards -->
+        <div class="cards bottom-cards">
+            <figure class="card bottom-card">
+                <img class="bottom-card-image" src="assets/images/card-image-money.png"
+                    alt="imagem do primeiro card do bottomo" />
+                <figcaption 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. </figcaption>
+            </figure>
+
+            <figure class="card bottom-card">
+                <img class="bottom-card-image" src="assets/images/card-image-coin.png" alt="imagem do segundo card do bottomo" />
+                <figcaption 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. </figcaption>
+            </figure>
+
+            <figure class="card bottom-card" />
+                <img class="bottom-card-image" src="assets/images/card-image-laptop.png"
+                    alt="imagem do terceiro card do bottomo">
+                <figcaption 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. </figcaption>
+            </figure>
+
+            <figure class="card bottom-card" />
+                <img class="bottom-card-image" src="assets/images/card-image-cellphone.png"
+                    alt="imagem do terceiro card do bottomo">
+                <figcaption 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. </figcaption>
+            </figure>
+        </div>
     </main>
 </body>
 
diff --git a/styles/main.css b/styles/main.css
index 18cf8e9..dc8adea 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -138,6 +138,7 @@ body {
 /*middle images*/
 .middle-images {
     background: #E0E0E0;
+    margin-bottom: 190px;
 }
 
 .middle-images-wrapper {
@@ -238,7 +239,6 @@ body {
 }
 
 /*4K*/
-
 @media screen and (min-width: 2500px) {
     /*top infocard*/
     .top-infocard-subtitle {
-- 
2.34.1