From 37da6069d90f67a92a7d7ceb2798888393528a59 Mon Sep 17 00:00:00 2001
From: Juan Guzzo Santana <jfja072009@hotmail.com>
Date: Thu, 13 Oct 2022 21:42:20 -0300
Subject: [PATCH] feat(main): Adiciona os cards de baixo desktop

---
 assets/images/bottom-card-image-01.png | Bin 0 -> 1344 bytes
 assets/images/bottom-card-image-02.png | Bin 0 -> 3074 bytes
 assets/images/bottom-card-image-03.png | Bin 0 -> 1317 bytes
 assets/images/bottom-card-image-04.png | Bin 0 -> 1758 bytes
 index.html                             | 218 +++++++++++++++----------
 styles/main.css                        |  32 ++++
 6 files changed, 166 insertions(+), 84 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..7cd0f0fc36d54fc3b8430ab39732d5c0783e3953
GIT binary patch
literal 1344
zcmV-G1;6@<P)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1l37IK~#7F?cL35
z9Az8_@bBzyTScm|_(Cg^L8(O$8l|bdWyE6-ZSkNNO^SN(QZNUPY0MvxzFa)`l2k8x
zN^__uB^ys-#H1hyNnodl1SB*|t%%KL9-rS%Q+6lo?(FW&?lUvr5B%EfFw@NLcjtNQ
zW&#iq5fKp)5fKp)5fM?ES?G+T>x`}eP?U<g7InGkkgaP$mtw_Qle;f?9^u*W!x;j_
z&4J&#727xlGf39EFb(B|?SpJxrNFkLu31o299?Ho->=UiBss7)*%BxYdtT>U$ODfD
z9v4AzSP49~!v;is!hj6NfD&d5{#<7Z$ry$vrIz7OQ*1P6H#oLx09+yHMU~)>)Y=Yc
zxeq6s)sog}C~QE|2aSQtH@zgS)upgI7j%sVwz=>_b3svf9RAAxWX(1Q{zb78<{t<S
z2zWKcV*&NA^Js&8Y&2-%g8!$p1&V`<4saf1I0j@m24pw}WViyllz(+?K`CV;V?1^5
z9F|@RHB9bC*8#z^hAb<4pYF+F|A-fI9@E|T=|X;Zbqtou<VUY8SZC1#9S8K#sgeyV
zcM(}-!6}?rn?%ey3P`S;?VTOHz?!|jr<R`PU(BCepQ*lCW71YY`ef$v!|PkHteLDf
zZF{M)ZLd<wom^eU@UM|CleHC)f;Yrq8q<A}4(GsQh#2QVhD&rn0|(Rp{z}|4v=8sY
z7ZXoo^SkG&wSIjt)j=iZnMnu}?;pa?Up<R=P9J;_iUfAy&GdGQ-LE9{z?qRpF#X|^
z7(CqgbpLOA8W{h~rpKR1^%c^J@l9No!x6>@wD`+E559IcwsG~FGP1<@fZm<@6IZ`3
zW9rk}IPv!Hm@obfQ{^qoM#PNogXF3izqE-Ivcv4el?1~@eg(<A<nxKAF!IX7P4}Dn
z>~^);>bLJdd8XyLN)y|!t2pv2NG6f3p0JpB?@-@Y0Azj@=3FnlHGtzs51=0+e}&3_
zc}Syvy_q8au3vt82lI=~M_Ll%`1EGq!<6%s=BpVwM`?;{hx@%0c^@QC=#7sykQCCl
zm^?~M#3GjT6EgS^gGctBvVCM9Mo&Ll{knX22P>=p;?_n5X<&Rn^1{oguo(%kwzHS!
z==Bf&KpGf74+=BNisBekC2B1$ted)tOAF(hxNA4=R6}a#s+j-bF47_qg9KTRb8l=T
zi?|kNI0j@m24pw}WH<(7xb^~4`OAQH9aK-DsFb>#Q{GKPtgT_TxAgoK{nr%?{buL(
z7v`*t-}FK$lr76Uzq53#`lgLwZ9e!BrgCRZ+{%ltcdzi8>cNiynyebmPsciKQ6vnz
zrW{>!fqhowuD>d<QFgwC5DKT(9OYGSagsT@Nt^YSUO3;zAv5srfz*z%t_BH}ACDHH
ztZaQy?LJGz-WN;jbgk>99tCSs|Czaue|nWl<O6~lMP2819|UhWHwcP@G;ytN^e5d#
z-CeNK`(pv-o7DAjtDQJeH5>yn90M|(1mp&`y$p(j6L=hIk}rdVBI+klGTM-vpe}-<
zA|o?9ur2g3-9i8EA)VElK}hl|(%k!BJD^^0b;%M@s1=yq-(k1goH?L472&TCxM2?n
z{)#jken=yrD9P0#Yj^C|iHL}Zh=_=Yh=_=YsLp>WD_`S`8q2r<0000<MNUMnLSTYI
CD0iX&

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..17999e16c1cc1f757db4f806554075b4aa4f204b
GIT binary patch
literal 3074
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
Q5C8xG07*qoM6N<$f{{+gQ2+n{

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..6dff7a4597211d5380d784408e0153a0794489cd
GIT binary patch
literal 1317
zcmV+=1={+FP)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1iDE?K~#7F?VZ7O
z<U|mL|1sQg23s89%5s1!%3$pXY$8}Yf-w=;L|_vE5CP*W91M5%jW&Yy2C&wuEa_R(
zqmeaMx4I<#-+T3}8A<cx{?*m3>gpCi2qA<JLI@#*7-G@kn8Vyoa!Yc14bqqU(r$9Q
z%`HU_&T{*ZTSg0F>#~er#07wiHi%tdPc8t&zUaAGV@+ymg9Js@tD`>iDz_DS`b_dz
zzNe+t(K7zJ{M*VkHkH*jh@AufXqme0`?AZ4cg{&~F%G0=hZqMcNWHArT~2a+qrg7u
ze%<T7gnjfza<AL(2?l7o=E`2dKCR__;Cvp7Yv{^HjGQkqezezfjKZJSZ?G$L=n;(#
z!T4O<*xAd)5o1sw<8*0*=;k8A8e|*_WE=`)oGxvUfP^G%+u22+_aM=ri!%-dG7beY
z4h1q!tZ24Iou&M%5$AtFIw1%f%@!0Ro$grt8ZSsanh1N9w;-HAO-T~2tuepnE)xO?
zx@V}~VP3SB_fT!nHMWP-s~lx<zSo+z%<UKS<clBwKgy7Ohgf9U{lh=s{)!$9A&{U*
zysx9f(JDYC(C^sHy*q^mfpXp~wi5&gBU?O%ae4_fL^s<_dQ5XW$5Xz5em-`N5lk<E
z<wXo3kn3Vr4acO|4jO(1;?2eB-F~!VpId_j&2Go7G5UK=X;WJB{=iJ|C6IOkjyfKj
zV7pCf;;Loe`7`?`gAW(iR(nD*mVEKv_!5W&B2+i~rndbWo9$4F=8l5a!n)Yn&Qv`;
zK{vNJIYJ5ab8TB6I_m<hoc$FEHU&Dv(`ar23KWcZ`O(?KEf(=cR1PxSKfo`7{bO;@
zos&5GPImmxU)T(qw*AH$(;<2+ZiT|7y+JYV^V^Q&^q6J2-77pYWd#0fkPi~fv<7j=
z+c*@+I26b@6v#MJn4`LrgCE|#UEpEpIN=iu+<*G}n`87~(gH0OnMN=YL?Rz<Ptg;)
zIO9+t<4_>uP$1(_AmdOV<M<FLZTK#MUz&33W`VEgpcOVn(JY^f-2OxV0lQOduS7VT
z=_<Yi(lp(q_F1r*m*AVO<3)dFF>71qe>7R}^0A#8bep}<*Or(TgHAuWL^xq|`pOjZ
z;abbvU6xs}JzCl2^#OH$LeXw$!|o$zu1fXQq4E^d!xg2qyaoMg5ZNCNd5;+iWE=`)
z913I{3S=A#Gy+ax^DSFLzI)*Y_Wu7h$~^Y9!HcUbL3k1XnNj<oE>2*VR|rqMg)W}w
zF%o0-?y0J|ARLFV?Lo3dxlw1|*qcuh6!V1Yq$tLJLQDj6r(IUpaEmwy8fI>|s>Mc^
zg^6{?UL!7o20g3^6wB@0A^wbY!3YFWw4g$cE!9mQF_y5goPfZ18|0#eroAjd7_?ox
zg`F2c2|BbvT$myr0!I&h4s!1vt}+#mtwj%2pw#&?-h3L;nE$5@WW8Fc52TwL9>I3+
z^|IR0)a4YAq0kE9z5!ZIsvesvb>^IuqR6CKfiGAOMYYhBrjxl|>ngYNN}x(X0kJ@u
z+xKufa026j!<pE#6=iAULg!|U5sh6@13?khJt<FMuPz)Ksb8UJ@2x~M2qA<JLI@#*
bkY+vuT`;GJBi3u@00000NkvXXu0mjf09;|w

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..2edf5fb79506f89e3dda7a347f42152462ba9173
GIT binary patch
literal 1758
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
A>Hq)$

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 420aeca..f998a48 100644
--- a/index.html
+++ b/index.html
@@ -1,104 +1,154 @@
 <!DOCTYPE html>
 <html lang="pr-BR">
 
-<head>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <title>M3 Landing Page Challenge</title>
+        <title>M3 Landing Page Challenge</title>
 
 
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
+        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
 
-    <link rel="stylesheet" href="./styles/main.css" />
-</head>
+        <link rel="stylesheet" href="./styles/main.css" />
+    </head>
 
-<body>
-    <!--Cabeçalho-->
-    <header class="page-header">
-        <figure>
-            <a href="./">
-                <img class="header-logo" src="./assets/svg/header-logo.svg" alt="Logo da M3 Academy" />
-            </a>
-        </figure>
-    </header>
-
-    <main>
-        <!--Banner Principal-->
-        <figure>
-            <img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png"
-                alt="Banner principal: Um notebook rodando um aplicativo de programação" />
-            <img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png"
-                alt="Banner principal: Um notebook rodando um aplicativo de programação" />
-        </figure>
-
-        <!--Primeiro Infocard-->
-        <article class="top-infocard">
-            <div class="top-infocard-text">
-                <h2 class="top-infocard-subtitle">Lorem ipsum</h2>
-                <h1 class="top-infocard-title">dolor sit amet</h1>
-
-                <p class="top-infocard-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
-                    euismod enim non dui fringilla interdum.
-                    Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
-                </p>
-            </div>
-
-            <figure class="top-infocard-figure">
-                <img class="top-infocard-image" src="./assets/images/top-infocard.png"
-                    alt="Imagem de três computadores interligados">
+    <body>
+        <!--Cabeçalho-->
+        <header class="page-header">
+            <figure>
+                <a href="./">
+                    <img class="header-logo" src="./assets/svg/header-logo.svg" alt="Logo da M3 Academy" />
+                </a>
             </figure>
-        </article>
+        </header>
 
-        <!--Cards de Cima-->
-        <section class="top-cards">
-            <figure class="top-card">
-                <img class="top-card-image" src="./assets/images/top-card-image-01.png" alt="Icone representando loja" />
-
-                <figcaption class="top-cards-description">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
-                </figcaption>
+        <main>
+            <!--Banner Principal-->
+            <figure>
+                <img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png"
+                    alt="Banner principal: Um notebook rodando um aplicativo de programação" />
+                <img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png"
+                    alt="Banner principal: Um notebook rodando um aplicativo de programação" />
             </figure>
 
-            <figure class="top-card">
-                <img class="top-card-image" src="./assets/images/top-card-image-02.png" alt="Icone de sacola de compras" />
+            <!--Primeiro Infocard-->
+            <article class="top-infocard">
+                <div class="top-infocard-text">
+                    <h2 class="top-infocard-subtitle">Lorem ipsum</h2>
+                    <h1 class="top-infocard-title">dolor sit amet</h1>
 
-                <figcaption class="top-cards-description">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
-                </figcaption>
-            </figure>
+                    <p class="top-infocard-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
+                        euismod enim non dui fringilla interdum.
+                        Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
+                    </p>
+                </div>
 
-            <figure class="top-card">
-                <img class="top-card-image" src="./assets/images/top-card-image-03.png" alt="Icone de mão com dinheiro" />
-
-                <figcaption class="top-cards-description">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
-                </figcaption>
-            </figure>
-        </section>
-        
-        <!--Banner do Meio-->
-        <section class="middle-banners">
-            <div class="middle-banners-wrapper">
-                <figure class="middle-banner middle-banner-fig-01">
-                    <img class="middle-banner-image" src="./assets/images/middle-banner-image-01.png" alt="Macbook quase fechado">
+                <figure class="top-infocard-figure">
+                    <img class="top-infocard-image" src="./assets/images/top-infocard.png"
+                        alt="Imagem de três computadores interligados">
                 </figure>
-    
-                <figure class="middle-banner middle-banner-fig-02">
-                    <img class="middle-banner-image" src="./assets/images/middle-banner-image-02.png" alt="Macbook semi-aberto">
+            </article>
+
+            <!--Cards de Cima-->
+            <section class="top-cards">
+                <figure class="top-card">
+                    <img class="top-card-image" src="./assets/images/top-card-image-01.png"
+                        alt="Icone representando loja" />
+
+                    <figcaption class="top-cards-description">
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                        interdum.
+                    </figcaption>
                 </figure>
-    
-                <figure class="middle-banner middle-banner-fig-03">
-                    <img class="middle-banner-image" src="./assets/images/middle-banner-image-03.png" alt="Close do Macbook">
+
+                <figure class="top-card">
+                    <img class="top-card-image" src="./assets/images/top-card-image-02.png"
+                        alt="Icone de sacola de compras" />
+
+                    <figcaption class="top-cards-description">
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                        interdum.
+                    </figcaption>
                 </figure>
-            </div>
-            
-        </section>
-    </main>
-</body>
+
+                <figure class="top-card">
+                    <img class="top-card-image" src="./assets/images/top-card-image-03.png"
+                        alt="Icone de mão com dinheiro" />
+
+                    <figcaption class="top-cards-description">
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                        interdum.
+                    </figcaption>
+                </figure>
+            </section>
+
+            <!--Banner do Meio-->
+            <section class="middle-banners">
+                <div class="middle-banners-wrapper">
+                    <figure class="middle-banner middle-banner-fig-01">
+                        <img class="middle-banner-image" src="./assets/images/middle-banner-image-01.png"
+                            alt="Macbook quase fechado">
+                    </figure>
+
+                    <figure class="middle-banner middle-banner-fig-02">
+                        <img class="middle-banner-image" src="./assets/images/middle-banner-image-02.png"
+                            alt="Macbook semi-aberto">
+                    </figure>
+
+                    <figure class="middle-banner middle-banner-fig-03">
+                        <img class="middle-banner-image" src="./assets/images/middle-banner-image-03.png"
+                            alt="Close do Macbook">
+                    </figure>
+                </div>
+            </section>
+
+            <section class="bottom-cards">
+                <figure class="bottom-card">
+                    <img class="bottom-card-image" src="./assets/images/bottom-card-image-01.png" alt="" />
+
+                    <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="bottom-card">
+                    <img class="bottom-card-image" src="./assets/images/bottom-card-image-02.png" alt="" />
+
+                    <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="bottom-card">
+                    <img class="bottom-card-image" src="./assets/images/bottom-card-image-03.png" alt="" />
+
+                    <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="bottom-card">
+                    <img class="bottom-card-image" src="./assets/images/bottom-card-image-04.png" alt="" />
+
+                    <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>
+            </section>
+        </main>
+    </body>
 
 </html>
\ No newline at end of file
diff --git a/styles/main.css b/styles/main.css
index fd2a394..155f4a1 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -118,6 +118,7 @@ body {
     gap: 2%;
     position: relative;
     top: 8vh; 
+    margin-bottom: 17vh;
 }
 
 .middle-banner {
@@ -129,6 +130,37 @@ body {
     width: 100%
 }
 
+/* Cards de Baixo */
+.bottom-cards {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    gap: 1%;
+}
+
+.bottom-card {
+    width: 22%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
+}
+
+.bottom-card-image {
+    width: 22%;
+    margin: 10% 0 5%
+
+}
+
+.bottom-card-description {
+    width: 85%;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+}
+
 /* Responsividade */
 @media screen and (min-width: 821px) {
     .main-banner-mobile {