From 4e6bad1db5421f5efff3d4a5e1ddf7de00de9e5e Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Sun, 9 Oct 2022 18:34:20 -0300
Subject: [PATCH] Adicionar os cards de baixo desktop e mobile

---
 assets/css/style.css                    |  74 ++++++++++++++++++++----
 assets/imagens/bottom-card-image-01.png | Bin 0 -> 1011 bytes
 assets/imagens/bottom-card-image-02.png | Bin 0 -> 1294 bytes
 assets/imagens/bottom-card-image-03.png | Bin 0 -> 2771 bytes
 assets/imagens/bottom-card-image-04.png | Bin 0 -> 1580 bytes
 index.html                              |  50 ++++++++++++++--
 6 files changed, 109 insertions(+), 15 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 d122446..3292f26 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -86,6 +86,39 @@ body {
   font-size: 16px;
 }
 
+.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-description {
+  max-width: 368px;
+  font-size: 16px;
+  line-height: 24px;
+}
+
+.bottom-card-image {
+  display: block;
+}
+
 @media screen and (max-width: 414px) {
   .main-banner-desktop,
   .middle-banner-desktop {
@@ -93,11 +126,31 @@ 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;
+  }
 }
 
 @media screen and(max-width: 992px) {
@@ -121,22 +174,21 @@ body {
   }
 }
 
-@media screen and (min-width: 993px) and (max-width: 1280px) {
-  .top-infocard-text {
-    max-width: 520px;
-    margin-right: 70px;
-  }
-}
-
 @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: 520px;
+    margin-right: 70px;
   }
 }
diff --git a/assets/imagens/bottom-card-image-01.png b/assets/imagens/bottom-card-image-01.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef51e8e39696069220615a26e5951d6cdf68d878
GIT binary patch
literal 1011
zcmeAS@N?(olHy`uVBq!ia0vp^89?m8!3HFyHf)#<q&N#aB8wRqxP?KOkzv*x37{Zj
zage(c!@6@aFM%AEbVpxD28NCO+<y{T85o#5JY5_^Dj46+b<Df$AktR9ed>e=hY2?n
zHcH&s_?k;&_AKEowu~=%PjSwg*YJ(S)BnOfg?Fo3eNRpEjbUNxbY<2S3;6E4Z0aP>
zsXdQp{!p!(|3&>%hK%o@^EUSWj|y8}c6iQS(k@UlX@Z}J<}#Owx0d*bgzVnVUL*NV
zL!vlLu|;iPrTxi`{82O3$L-+gQr@x9BX+fpqO8*gSD#x7SJ_TQ6}YIgG@mO|Y)N=x
zp>O#vV}7|1hoZ&yZBth}I(c?Do)K(*)?;;M>p9hD%Di*MOFevN<W$JK>Z|>IMZuV5
zbAY&7@af!u<t@j;LanUU?vh$^-m&z=m$Nz-FTQHdekyv&dbN&f?&1SIs|;GqT-vwZ
zZQLZ07BFXbO~YJ)6B%62(ua@ltaF!bwRVa*yXs1_Kohr5V+^~YJ5N%d#1R?84ohu~
zQ<2Ly3%9P?*rL0qXU?T3N+RYOi?`TFon#T8zxv-+pMvJD)*YAE#CaC;NY7xrEL}27
z(<oj1s_L=hIzPV8Kc`?@bcSWM)6|m}78Dn3z8}dv@%)0#Z#txkJ(ZV7KD>~&_;Ag1
zw_x`9M(;1DR8DTmQe)A3k@E7?|BVx0D?9^xe}*y}l6#T_ijOGl*Qjvg(c*s^<jIrd
z_fh_h&K27QKj%DqB;T|C`VY1@weBys#QWsE{>T5|Z}^m^?}8!qHb1$urTiObeSbHx
z|Ezmn?%hhK%}2fma^2&7_4l|_P+0n>ynxr@1vQrY{NBsA_HciWQ`<F{-TwIXi@A3e
z7tHzNs9Et|yox2a_TZfj#fe8mPd>upEEM<p*)^{#a9Dp_AV=sD<Fvo`FHFtf^u>3J
z|N7tN+oNR^SN&KdE?ITu==P6VpRQ)QUt2Rn@5owL&3}({O$~nNHmuQ1>oara)o6S7
z<?x)>q4mbAKS;)0e`$F(Ny;@hWU^SC`|X{t`qy=vbXILtN!0cFb$HLL7CZ6RFG^lK
z)_ZTeV3K)ht(%3=rE727_CA=?B+w+LrvGKRzqoVahA028hDga)N=?=}*{TH$OpvQD
zvMmjpsnaRhR+_#0@utasLSLL)t~f*rr^(KW;TIP=w#e8xb*km^mxia}y?1409TNQ8
zv1Q7V<uyqhn-y9kzun4Yd-hGTjPuBn$O#9|2rOA=eWTwa*g$Qq^M{l9Gj{G~vE0eF
YKIzWIIhWHofq9g{)78&qol`;+0FwX2uK)l5

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..d243b1ce508b03ceb4ce98d3dc6e9aa8f02da5e0
GIT binary patch
literal 1294
zcmV+p1@ZccP)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1fxkrK~#7F?VZt)
z+cpq}e|b{Cl>k>@`zd*3D#%?0N-FTBf@3Q1T?MC95T}CBPf4CGu0ZU-P6L*?rZ^@+
zh=NRjSd#xYvvZP2>L~og0$eOWfDl3mA%qY@2vNkwW1p+awv}a-y#yJ{$D{2kdskVB
z5xlPKLuChA6x&yJi*Mu(NOIC^v^!kL9gy^d*J#d~<Z6Qq>Z;d9eC9)C1xETz@}+!#
zM%}KrkurXM{5!}FU1g;WV&@<{Ql@tMp8Fj51dpnx5Yw_N%!3@=vfld~Wcx+~{k%c{
zyx%}Sav|C09rgePxXyV_7uR5UKeOJ?#WnbHw!ziTcbGpS!VT(MgZ2gXfCUI-V=zA#
zH+L>_aYPvuNI5=j5ZzotSc8;9fs{jml;hI|JqL-&VEoNTpb{h*baBd|K+2&&%Ar8Y
zNfphOsIxi#m5B3yAYK^6jb@w5?$IBMm#*d=*2zWXZ4gf&SCWKnd(2}LG$bknGVsq(
zeZsmJEbpn>phxtF)0-S+V|^|)Er(|c(jfmHuJI{h%Gjp*eLrmOF#<br(V!oC@JX;A
z!Z^NDhNE+Q73dFibMH!o2r>PA*i~o0MLNn#pmV>&t~H(Vo}!y=U%@5nT)U60_czu)
z2Fpue`6f~bR5<o2(U192AcSj!q%f~fY<pq7H>h)yUEk5>r^^0!>?bwvEmlG(fus{~
z?YVDuv~vtKuD_nyz8FHdxS`q;i`Q5Qp#&n4h;<*dYrTGneiyoM93!=`Ew;2XO;69j
z&n+&FSOWdhdYz*yP+@Iv$j}u?+L^MoEyD_#B9f3YKe|BLyuRSS-Qe<A+__^iYul+i
z`@hf)nht%(9?KzlEUrN9(&WD8ePzF&*iZJ!QJ>@kh!cbGH7EobR$7BN<gFYEq#O#Q
z915hICCpJh%|8c;*-afM{ECdIe!scF2$n6-0k5h;%8-h~_`G(yIOR|v<xn8yP$1<{
zAmvaX<%AHZbbOW}EH6C%=OPJpA5@?#ie&lZsD~HE4q9!|PXm6Bl@Lmx-_RAvpqrNv
z8o!jQXLyTG32WO%$B1gf4t}#2##)YLG3oS^d&Cn)rmx&$c?_0!jM)tt>eOCo*hA#Z
ziJSNnbqy`CJO*bs*cgnfLF95c<UMC7ka8%Haww2;D3Ed}&<xl@=To+(eD=a4^!@%l
zj(O~Rg(ufohWKOv4odBVxHtp77{n*tLKo-x5{c1z^)%JoARbrH?LiKk<BK+9R~8vV
zhI*b*n-cYMWicj#+0!nCAK{*&IRyrenH#ohsgY%2QeCl+NQ;3(4{ZXaayw5*KV#is
z1_B9EP%+1r+9tOcIdm*1V4%DWvXMfQUY0=|q+KhZ=Rr^g9&Hd8rbvf@rH9-H*;fw*
zN=I+eLlLO7K1?^ChPc+&b3Sa9wP<<_`n}itW`nECX+WkzDun$6Xff0D*hDFNiLVlM
zCe1tW2`I4;mnPXyl1^rOEm_Rtwh^dN(12*5tn3x64xEAVz~M^lY(>cxoa7qK8PPZu
zH87|n%iH4t?A66XBJ~C8MW(bwGzcMt5JCtcgb+8M0sGgXF1!~{*Z=?k07*qoM6N<$
Eg6?xq%>V!Z

literal 0
HcmV?d00001

diff --git a/assets/imagens/bottom-card-image-03.png b/assets/imagens/bottom-card-image-03.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcf3a259fbe91421448da38c7d0187fe25d99765
GIT binary patch
literal 2771
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
Z?*I<Yp8^0twXXmG002ovPDHLkV1jPIQQH6j

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..630b6be7ea3c0dca250ec725c61ed694ed28b5b0
GIT binary patch
literal 1580
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

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 9ebf38b..e1e8ad8 100644
--- a/index.html
+++ b/index.html
@@ -75,10 +75,52 @@
                 </p>
             </div>
         </section>
-        <img class="middle-banner middle-banner-desktop" src="./assets/imagens/middle-banner-desktop.png"
-            alt="Banner do Meio-Desktop" />
-        <img class="middle-banner middle-banner-mobile" src="./assets/imagens/middle-banner-mobile.png"
-            alt="Banner do Meio-Mobile" />
+        <section>
+            <img class="middle-banner middle-banner-desktop" src="./assets/imagens/middle-banner-desktop.png"
+                alt="Banner do Meio-Desktop" />
+            <img class="middle-banner middle-banner-mobile" src="./assets/imagens/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-image" src="./assets/imagens/bottom-card-image-01.png"
+                        alt="Imagem do Primeiro Card de Baixo">
+                    <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-image" src="./assets/imagens/bottom-card-image-02.png"
+                        alt="Imagem do Segundo Card de Baixo">
+                    <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-image" src="./assets/imagens/bottom-card-image-03.png"
+                        alt="Imagem do Terceiro Card de Baixo">
+                    <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-image" src="./assets/imagens/bottom-card-image-04.png"
+                        alt="Imagem do Quarto Card de Baixo">
+                    <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>