From ffdaa2d97042a2d66a4747e8120b83a0ec292aad Mon Sep 17 00:00:00 2001
From: DanielMoliari <danielmoliaribarbosa@gmail.com>
Date: Sat, 8 Oct 2022 18:44:00 -0300
Subject: [PATCH] Adiciona Bottom info cards responsive

---
 assets/images/bottom-card-image-01.png        | Bin 0 -> 1220 bytes
 assets/images/bottom-card-image-02.png        | Bin 0 -> 1294 bytes
 assets/images/bottom-card-image-03.png        | Bin 0 -> 2771 bytes
 assets/images/bottom-card-image-04.png        | Bin 0 -> 1580 bytes
 ...-desktop.png => middle-banner-desktop.png} | Bin
 ...er-mobile.png => middle-banner-mobile.png} | Bin
 assets/styles/main.css                        |  70 +++++++++++++++---
 index.html                                    |  33 ++++++++-
 8 files changed, 92 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
 rename assets/images/{infocard-banner-desktop.png => middle-banner-desktop.png} (100%)
 rename assets/images/{infocard-banner-mobile.png => middle-banner-mobile.png} (100%)

diff --git a/assets/images/bottom-card-image-01.png b/assets/images/bottom-card-image-01.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe5c8a525319085b4dce3617d431039bbaf28332
GIT binary patch
literal 1220
zcmV;#1UvhQP)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1X)Q$K~#7F?cLvM
z)LIk<@GmNOIB?GCfpbt%=vJ=;FDionZj4W$eFCR%P@kaf6WBh%j89;Fg2t<=HyuF`
zyl_TQ6uf9v6a{TutJ~6<OzG^*B$J)w`@w3RG?8>xviHiKW(Oc5A|fIpA|fIpA|j$H
z3ox2c;+Diepe#ia4<))7k&#%Fh#9%Y!tNV>814*ga%Mnz3x9uqm|`2WP_Cn}3K6>Y
zK}MpJSQbg#17#(YxG6E!v#bS2S`hSRwgbw;!25j2al>T46M^#3PP{g*38I29L7roR
zN~QsOt+R=8l%Zvb4T&afHGB}W&$c_Jz!8E;L<hD~OP!#N0(Q2pp{>)5Yl5^7YJkHx
zlccTHUDuV5NZd{=>q^XFj1g7pqY2SwZJ}pb2zyerUH*e)LBO*qA8Y7;pBwwEW3W#X
zH<egv3zUaf7y++?JjVoijtTM{6Xdxg7}uj%s}qB|IfPkU3Y^O1ag3j!SjzHXpc1UU
z?VW3x+!Hij6Sp2WYMC7CCMIC?1g*zLlCyyN3h_A3{r4X&L3-xc0ak-Li?JwuaC7Hi
z%}KfhJ&Nzk&TPt=)2wmRmZZ&mN6w}VJc%<OCQDl+)UzOPp~cd6_U{d^gFIL21Wk>9
zk>I`3CCD5FT4&@ll8ZJvGu2L1X%eJKSU4%A<9Ydn@&CP~Xu{@?p|VPG?A`iTJ|mvC
z$=J{IQB;=q3DU&OA4hF@-^A59Im-J4MW6Qm-Te+MzelZjpP;#yz=|Yg=`C>K8Sr2e
zJ~POe_kEC_HS;6=xrO(P%Ss$c@Lc9+ke0$txsVM1K6t&wH@4X-+S<9{`?~xNxbqr?
z$ovdy{5Sj;R*R>K9|6$oE0=wpKOv*Uf1(hXCur*@DygW0Df0xiJ^-sjDy^*_(qz1{
z-;1RCxiX||*L_@i(_ijSQs&2no<XxOP#Rhx`dlTJVk|EFYi}HG`j5e%>(8|BQ+j~3
zzuNM=3cOE{zVXeo2d|?YeQ#&4&C!kLs08n?gIubtEVl8L|6_5Vky`r;D#QCGPOCy~
zva}y^wOXM&oJvt7XougbNT;6`$KpK41bL1L@*ET7IVQ++=@PV!75TafN{S>_a5(!L
zy3&=|*MepFy8Qcgi~9&_KIuh_Ejh&Ja5>28pdFaAVzegiYS6_u+>jm2{T4v4jh7rv
zhUtkAdeHZ4>#V<VV&Q4H&eO9VhjJFJp`Kc}63nGqe{f!;VH)EV30H$?=QOXUy!&Ep
zo$h6Em-iA-%bU8MB0rJD?Cy)?gmVUzhZcrU^rziLUo%*PTcEt9Ezjbxm3X1*IVQ++
zOpxa^LEXeMPKlY1>xtJJE*oi)pbrr;J<FP~^U$PvxDXvkD>IW==3J(SD1I*Kx<wO?
z^bu)Y*oO^<ph@V$PJ8V%0<-%Jy9i9uBt)<y1YOq+l8;C;ut~ZO%F;*JvAYOFL_|bH
iL_|bHL_|bHJ$?cHWDZGiM2v6%0000<MNUMnLSTZ(P(bPc

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..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/images/bottom-card-image-03.png b/assets/images/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/images/bottom-card-image-04.png b/assets/images/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/assets/images/infocard-banner-desktop.png b/assets/images/middle-banner-desktop.png
similarity index 100%
rename from assets/images/infocard-banner-desktop.png
rename to assets/images/middle-banner-desktop.png
diff --git a/assets/images/infocard-banner-mobile.png b/assets/images/middle-banner-mobile.png
similarity index 100%
rename from assets/images/infocard-banner-mobile.png
rename to assets/images/middle-banner-mobile.png
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 7a74dc9..fbd8c00 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -86,25 +86,57 @@ body{
   text-align: center;
 }
 
-.infocard-banner{
+.middle-banner{
   width: 100%;
   display: block;
 }
 
+.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;
+  max-width: 432px;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
+}
+
+.bottom-card-image{
+  display: block;
+  margin-bottom: 14px;
+}
+
+.bottom-card-description{
+  max-width: 367px;
+  font-size: 16px;
+  line-height: 24px;
+  text-align: center;
+}
+
 @media screen and (max-width: 414px){
-  .main-banner-desktop{
-    display: none;
-  }
-  .infocard-banner-desktop{
+  .main-banner-desktop,
+  .middle-banner-desktop{
     display: none;
   }
 }
 
 @media screen and (min-width: 415px){
-  .main-banner-mobile{
-    display: none;
-  }
-  .infocard-banner-mobile{
+  .main-banner-mobile,
+  .middle-banner-mobile{
     display: none;
   }
 }
@@ -114,6 +146,19 @@ body{
     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 (min-width: 769px) and (max-width: 1200px){
@@ -122,6 +167,12 @@ body{
   }
 }
 
+@media screen and (min-width: 769px) and (max-width: 992px){
+  .bottom-card-description{
+    max-width: 280px;
+  }
+}
+
 @media screen and (max-width: 992px){
   .top-infocard{
     flex-direction: column;
@@ -138,6 +189,7 @@ body{
     margin-bottom: 20px;
   }
   .top-infocard-image{
+    width: 100%;
     max-width: 240px;
   }
 }
diff --git a/index.html b/index.html
index cf7fafe..95a621c 100644
--- a/index.html
+++ b/index.html
@@ -61,8 +61,37 @@
       </section>
 
       <section>
-        <img class="infocard-banner infocard-banner-desktop" src="/assets/images/infocard-banner-desktop.png" alt="Banner Infocard Desktop">
-        <img class="infocard-banner infocard-banner-mobile" src="/assets/images/infocard-banner-mobile.png" alt="Banner Infocard Mobile">
+        <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-image" src="/assets/images/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/images/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/images/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/images/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>
   </body>