From 16c6492b037df9de17a875698576dc7926f54de9 Mon Sep 17 00:00:00 2001 From: Savio Date: Wed, 12 Oct 2022 11:57:27 -0300 Subject: [PATCH] feat(home): Adiciona cards de baixo desktop e mobile --- assets/css/style.css | 50 ++++++++++++++++++++++-- assets/imagens/bottom-card-image-01.png | Bin 0 -> 1346 bytes assets/imagens/bottom-card-image-02.png | Bin 0 -> 3062 bytes assets/imagens/bottom-card-image-03.png | Bin 0 -> 1323 bytes assets/imagens/bottom-card-image-04.png | Bin 0 -> 1774 bytes index.html | 48 ++++++++++++++++++++++- 6 files changed, 93 insertions(+), 5 deletions(-) create mode 100644 assets/imagens/bottom-card-image-01.png create mode 100644 assets/imagens/bottom-card-image-02.png create mode 100644 assets/imagens/bottom-card-image-03.png create mode 100644 assets/imagens/bottom-card-image-04.png diff --git a/assets/css/style.css b/assets/css/style.css index 34cae35..d16a1e6 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -122,12 +122,43 @@ body { .mb-imagens { width: 100%; } -@media screen and (max-width: 1023px) { + +.bottom-cards { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 16px; + margin: 0 auto 72px; + width: 92%; +} + +.bottom-card { + display: flex; + flex-direction: column; + align-items: center; + background: #ffffff; + box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); +} + +.bottom-card-image { + display: block; + margin-top: 35px; +} + +.bottom-card-description { + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + margin: 15px 32px 65px; + text-align: center; +} + +@media screen and (max-width: 1024px) { .main-banner-desktop { display: none; } .top-infocard { - padding: 73px 0 90px; + padding: 73px 32px 90px; margin: 0 auto 0; } .top-inforcard-text { @@ -146,7 +177,7 @@ body { } .top-infocard-description { line-height: 24px; - margin-bottom: 66px; + margin-bottom: 0; } .top-cards { @@ -167,6 +198,19 @@ body { column-gap: 14px; margin: 0 24px 0; } + + .bottom-cards { + display: flex; + flex-direction: column; + justify-content: center; + gap: 16px; + margin: 0 auto 98px; + width: 88%; + } + + .bottom-card-description { + font-size: 14px; + } } @media screen and (min-width: 1024px) { .main-banner-mobile { diff --git a/assets/imagens/bottom-card-image-01.png b/assets/imagens/bottom-card-image-01.png new file mode 100644 index 0000000000000000000000000000000000000000..b6d81cfe55c4da5f59e866b88153d11fc48586bf GIT binary patch literal 1346 zcmV-I1-<%-P)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-bgndX+^=#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=4U2Ph#IF z2>l94Fi#?*x|u?M*Dt^O3+GpFb?qY}ipv{@X}gS3Tyblu^#W^&)MvNA@>AG$Z!G)q(9RA1W@Nd_Tr+f^tH)E@P)2GX|{85^0fYO z8ZZ88W$L+QrP96Wh3lfGlrvYq^lVr+ZQGs|{kgawpQ}2zb1&-wM*bB*lWBnf+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#|og|71r{aC)fp1poj507*qoM6N<$ Ef|r+X6aWAK literal 0 HcmV?d00001 diff --git a/assets/imagens/bottom-card-image-02.png b/assets/imagens/bottom-card-image-02.png new file mode 100644 index 0000000000000000000000000000000000000000..a239b001fbcb85150610eff2cb0e5adbc626a81b GIT binary patch literal 3062 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 literal 0 HcmV?d00001 diff --git a/assets/imagens/bottom-card-image-04.png b/assets/imagens/bottom-card-image-04.png new file mode 100644 index 0000000000000000000000000000000000000000..ad9f3c1c35701763679c3e19b3844fce04ee4daf GIT binary patch literal 1774 zcmV*285**-?!ksqZ4fT^b2Uc6XTPO@g~#huGfn&TQr*Jtf|?J@(gc-u&1%vp{z| zX%%TzX%D3dLybQBytHv-j4SOr%o1<6R!2qxmp2R7U7$g221CTf-Vk-@;?|K|btVys zUV?eJh}w!-B#Zkd6f==fXa)JgMW^%Bp_po{zc=)<83-E+6k&x`gcVj1R#-(?VHIJ8RfH8*5e4i8 z%JmY8>mC<{5f=R6iRKNUcr-faKPd5M->8Ie>Y)gi@x$mMQXs#=N-=rSpJYPL)G^;{ zRZbSlZ~PqC^KZ33vm~$2OfpDmnS69=g)Z1Eg0b0P-MNO^OHK4a{)9cV;yD2>M`B7C zdWX@psqmbAeiJ9}E(9CSv=q3}!#m_C#+K`@bK>s26Uuo2mePDOlhdb6OgKfq&QGme z?&YPq5SE|5Hz~cV3NDmown)dHa!%c?(+{|t=Nm69Ke;l)L|AEgmvV$Fy|>Cw|NOtR zf9A$m**HlrolmXW@17D9&WsEVhr*@N>26Ol)?+ggbsGu|JH=fig{A7BrKnqM#@+Fx zbH)iv4HaWLUEvUwqz26_VdWQSHB@>*1CfsGOrwN#iosA*+;@u%3FUZC!5CqklXoU$ zwNsvf-7m7Ia2e(5c9+i_k7c~4kxvH5kZ@qzYt0b$#EM6qb7&3&pWOQ22w@#LUWXZ! z3N0rv#bX&i3queNYxQgOAJV2629A&J$N95QcN|~+-N&`>*3f($Vqiq8fxV!;u-rkp zwNhX}MvfHl?Po_(I+$EZ-?@Dd=idJfDNw?hpIq%j0TV2hFi;-b-&IuN>}yXUEu6sd z^pCMZq%s|N{4@>$B%b1H4AW>g``xjjOy4i93qfhVS+y|+Iflavn zp&(7Dk-8EWb}hiwZ<^^eT${-L>>-<1pa?6h0tCWG2J{L zh{zH24+WHzCIp}5-`nqfoG*c zf>x}hGww*e`$0o>5MtTw!D>% zLmR|gurxN&?W{SuTN-&QW8%tAq7r5ZtBJP?fhK48(EolcA8QaIZ|!HnR*J~pNa*+% z!dUCy4gG~}d8@ypw~{Bx35BNY_S6^)S3`mGgAOGAdvh$(T!r7`Qc&%M-SXC!ctC@3 zR%7y-k_b^_f;9?-LgVk79jgW}M)|ZdeDu*hqq1Z<3oMYWexGY=^-nPZDjNsZE@JW3 z#2FO7%j<$$W3!+wq`hj%d3?}gh0qfrJ1!^%X#LkR+kXtg|5H9uTJczoelU5y#znXs zq_j|Z0#ELz`X%y>iy>?$Z7+W-!V0ShE36`{u!^w4D#8k@2rH~2tgwo(!YaZFtB7u! zpL@tJE`~t2?fSJ{Wo-&J6ez+9tB9mfK=Yo)Wl{Ht2gM`_yC6-=RGyS@F@#(C*-)Se zE36{2yyg|ZSx^%xtu@ertUT65bg#mCo6#LZbl*^C*JLFuWsi|)oAH=qa?oj3d)hPYWViy`JwT#pr|{C-y%K@Jml zqVrJ5L_&eNX`weEQK|Q#JPU?s&yB32GXyjcwbZn<-PAs&i^y@3G8XCh92Das>Pw0} zVpA9*N!2BfmdWP6E;?JzycpHU%(tO-5eZDO*Cg@cR+mOwJ<}GXLmSoo3ng5^C()BH Q=Kufz07*qoM6N<$f;j*-egFUf literal 0 HcmV?d00001 diff --git a/index.html b/index.html index c7637fa..ef0892b 100644 --- a/index.html +++ b/index.html @@ -34,8 +34,6 @@ - -

Lorem ipsum

@@ -101,6 +99,52 @@
+
+
+ Imagem do Primeiro Card de Baixo +
+

+ 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. +

+
+
+
+ Imagem do Segundo Card de Baixo +
+

+ 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. +

+
+
+
+ Imagem do Terceiro Card de Baixo +
+

+ 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. +

+
+
+
+ Imagem do Quarto Card de Baixo +
+

+ 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. +

+
+
+