From 2c8d6bbadb06b9398e0dc36dbe3e3927c4537672 Mon Sep 17 00:00:00 2001
From: Carlos Scantbelruy <carlos.scantbelruy@gmail.com>
Date: Wed, 12 Oct 2022 11:48:09 -0400
Subject: [PATCH] Adiciona Low cards desktop e mobile

---
 assets/imagens/Group.png       | Bin 0 -> 1760 bytes
 assets/imagens/coin 2.png      | Bin 0 -> 3009 bytes
 assets/imagens/laptop 1.png    | Bin 0 -> 1328 bytes
 assets/imagens/money (1) 2.png | Bin 0 -> 1354 bytes
 assets/styles/main.css         |  65 +++++++++++++++----
 index.html                     | 114 +++++++++++++++++++++++++++++++++
 6 files changed, 166 insertions(+), 13 deletions(-)
 create mode 100644 assets/imagens/Group.png
 create mode 100644 assets/imagens/coin 2.png
 create mode 100644 assets/imagens/laptop 1.png
 create mode 100644 assets/imagens/money (1) 2.png
 create mode 100644 index.html

diff --git a/assets/imagens/Group.png b/assets/imagens/Group.png
new file mode 100644
index 0000000000000000000000000000000000000000..2013cf8f42ac33582b23cd9c05ce852ec163cf0a
GIT binary patch
literal 1760
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
CSvlPR

literal 0
HcmV?d00001

diff --git a/assets/imagens/coin 2.png b/assets/imagens/coin 2.png
new file mode 100644
index 0000000000000000000000000000000000000000..8240edb4ea2124803f6f4b5f53a8e37aa3e5c1a8
GIT binary patch
literal 3009
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
D1a_e>

literal 0
HcmV?d00001

diff --git a/assets/imagens/laptop 1.png b/assets/imagens/laptop 1.png
new file mode 100644
index 0000000000000000000000000000000000000000..66be1e8e3790ae128d1f32e890d01e0c1c8b0c7f
GIT binary patch
literal 1328
zcmV-01<(44P)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1jR{2K~#7F?VUk#
z+cp%2f6Cq0Hz+dG&UBY_+Ud6J32L7}?g`?a!0ZWPpTO=3nx3HQve~#<c9Iz}Cx~+Z
zS>ZFq2?@az6oSGd`F}HSEQumb;U^xzhX)WKgb+dqA%qY@6p?s*=eV%5!hS038Aw;|
zHugthi^6hr;CW&13tQ8Av1MWB_)IQ<C?`EdyTG1Y08vkPisr0It~SV^ta^3CXI>$I
z&m<4!dsf)o`drHR$>wh>*Jvs$Z4f&L;gK@6+xN_8$6I(*J%yN>9b*_|XqNTTXD8b?
z8tCT*w$J+o^dlFNecoYrP=M>4EBgxiX)W)W^?oR>!IuvhIA37+NU!G<<*h;e0=t4o
zk7#HZ49~?4oxNNfQ3eH4j!zpzHy07sAmvaX<xn8y__RS!K>DOL{^lc44iXKzIOR|v
z<xn8yP$1>Rie^jH*=+tw#Q8rEFAVyPW*d|vo%UF~bTuz9P4+5pgZ>0^B}v$}#4v`~
zL!v?;1OE)wTTF}A@;+1>bdBxd^eRW$Sf5Kx%ix)U)W*^GZ%@`ot9U76$@=d8-)}F`
z0XuQgU_12SlVIP5aU4^IqceOG=ub3r?{WkPG0lGb|0cm~j%XzL>ebh~eurIa8s&Y6
zZnk{|=O}aS?rQH(t?w9&FM;K=h#}Cz@tqvoF~2WCg0(?%wVyn)?Wy(Npv+Bn9ixsM
z&y_YMHSZ-RLMVZx6L8}B-E?ESXlq=5+p&E#gm7_fwWlwhV<LnSi1b8X_dz$c*Uzxs
zg<d%Jky=<6TiThbr)S{j7Dq>40{vQhouMhv!rESuqA8Gc#oyJorI;Xxh$KYIk51Of
z0<$D^z}Nr(->-xJc7y$6al7_Ot!-zI9OrK|gQjiASYkXxkHsxey0l*kdyQuMR7bv(
zp*+be5GMxVYfuPMOtc1Z$XhuSNI4WpITT1aW0<4*D6=2loF~ac?=cPu?pCk9IYkFX
zEf8k+MFeA(A{t4Kj?l#^hXN^w0x5?ADTe|nhXN@lgh09DvlL-@>hV8ENvQjv1)8Er
zme21fr<HUaw3=f(4fr)CLMVYmjI{RNpcJVuyi%@`)zQoK(JDtQ5*;I|6*uskz0lP%
zjEjR#Ke<GI!pQWMp{$>}53S|h$Lxj_W!`}_>>+aI#7+E#vWDguAFZ<+Yz(^9AhJIk
z@*Xl2NI4WpITT1a6i7J~XaLNi^C?@0eD=aM^!@%NHjl7bDm=N$QuI#>V6D{Ni;FYR
zi$VXyTj*jp50MzHS5H;V4f^94x;@A`*}SOJb!Cw*q$uYJ)yWZNT*-w!?Nay|?kSpw
zz`!wc!&WUevMfxjEA|?3F>vUiO`uqA=N9p2tQ!nKAVCVM&#|St$t^|(9m@$AC~t#o
zq|l_7WzY}Ot}USFK~M%BZ4eixh=+lthujC*R}WX2ipSQXhaymJeb{L}3+aSwZ9V71
zR_W#rkHL2D^|IRF>T(*8Lm?Hyegd?Zsd{Xpl)c1Pjxv+xAMgn%eIYJQvY#ZK%=TKc
zn8$e~P^F*&(Li3<cd$Be2Fe466S18YB~x&cQ#5Bp<FTlLK^a+|Z+2j>u0JGFFYWvd
mM)+uJLI@#*5JCtcBjY0<@~bafDa$AT0000<MNUMnLSTY}Y-HE~

literal 0
HcmV?d00001

diff --git a/assets/imagens/money (1) 2.png b/assets/imagens/money (1) 2.png
new file mode 100644
index 0000000000000000000000000000000000000000..656f073fd104326ea45e1eb69b8ea59ab7df0bcc
GIT binary patch
literal 1354
zcmV-Q1-1H#P)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1m8(SK~#7F?cL35
z9Az8_@b9y`G58V<MJcIZ1~G~tbS<X!WJWwH#Nt6uc7uBGQm6-SCT;$JzFj={lC@s+
zlvdD_l1)!)LlZ$LB!O%X5`@xhtyPT4Jbj*>ZrRK(yED5pyU)ygKky^Tbf%e^-#o9G
zodJl5h=_=Yh=_=Yh=?f31Uh4@m{c(g3e%#Bl8Q1qWT{wCAsLazOznhc;hzOJIeAdj
z?0a7q18jpi#Oo?dLfC%WAWOxDXIV+bSD>)iXl&Pu@aawL&Fls!3JvEu<8woAyHf&1
zVa4;a<u^gpCrpsxn4p*`z#Z#sAs*e(xWqEtVTy&;tR~x54TCcTy@(CCJ+;6ITJFQn
zrZsf!l=qt;-3ArF>6>2CwbdEFE9X=k^DHZ?m_ipbs<ekrh_2RV>XzAX3&o0`|G?WJ
zU}=iR0`{KgLX&kYG^ygef796lMd3O+z;Te_m>|P3L55?343|TfvPaeyq?8s?#*y1c
zapeVH-Q;d`ogg?OFGTw8?#X0ww&Qag)79@m7qa841qhkSTd#zZokS0Go}m0S3nDXv
zv=Xp0hu0!M{*Dr)OHOuRKuxfwukEQPfRouH>vPqMH6no$ls&vYpB-P{f)I0Qt=bw$
zS;#(++fb!x8RNf)K1~)VK@v`$iD^!irhHBghJJ214l-P<6Er-O{Oc=rM`(@Y@Wm(l
zapT9QtFeC3N_3)Pb7VRR(;w`^($`Pn*c(IllcE!L{O#m6i`~y8^uXlA!#I8735<?3
z-`&vzu{ey57=L7^Pdtv}@1(cmXnYly=HzI`Cus5NzxTf{Z|>myHx;Cb@m1V=vwv1g
zQRTLS^WRo*aBR@nQYA(BQ(wj>NSB(A&fGu(S$<aHOoHJ;FG1CT<n(?_9D1<jdb6M3
z#O!A`(QiL}`efUE)$LxtN^$5V=-t;JZF|7l^!xkzJ_De~SAO<Yw|NJj9YjBbeui{o
zo<zfs^ygv<{kLBD;V)cTywh?WokU$_^gEe)KihTN^*-vVxW2pJOQE+x`hed0coT7<
zFBFq|iLsc(((OcT9?m*2(D3ip$bf45hN|D+`rE<E>Nc)#{*NRuK0*4#f2n$ft>^^S
zH}<+ZdhNqMkOan$gX}{OAt*mRv$!xmL8YtzAgJF~|3gw3U&USc{x&YFD(jU1rQ*BG
zcaRjZ=p^X*xUx!A8gVYpa7>Wlm>|P3L55?33>PdxjyMO1i=e$EN<zqUnFv166{wr-
zERCI2U(Vv?YgWd|&5M*j^g>Ehgm9*IuRIslMeDuUqS9Fv_w(~*XFK<*?7>F>O;%0L
zuN^1nF}U|7)WTLV?^$O>KlN977V4FKJryJO(wZ$Z)kmD9j}XP(U!Iu?utgD#&qZoy
zs;f@I&eB*3Ql#rfwVIvXONf@Por+yg^++jCK{%<q{nHt6qO9IaDvs8E@IG*E6cmLb
z+CS(|Hy4HajgtGZ0P~$vakAY?9H<(O2{IfLWH_CmvS-<gpeRgue)iQ1)SU$V5+SQ@
z*&N*0qy&1o5VfQSsFr7$?{2z{{y$4PZ7~O*^efWJa9=iPgL<J1_p#T$W?*XXuq%N{
z>V*>A8G^Fk4ZN>Nv*0Fa0u-iOD)g*(2}DFhL_|bHL_|bHL_~G&0(_ZPubRqpBme*a
M07*qoM6N<$f?DB{T>t<8

literal 0
HcmV?d00001

diff --git a/assets/styles/main.css b/assets/styles/main.css
index dd6286d..13a33b9 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -94,44 +94,83 @@ body {
 }
 
 .banner-quite {
-    width: 1920PX;
-    height: 530PX;
     background: #E0E0E0;
+    padding: 62px 72px 62px;
+
+}
+
+.banner-quite-wrapper {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
-    gap: 20px ;
-    padding: 62PX 72PX 62PX;
+    justify-content: center;
+    position: relative;
+    gap: 20px;
+    top: 140px;
 }
 
 .imagem-quite {
-    width: 566px;
-    max-height: 530px;
+    max-width: 566px;
     display: flex;
-    flex-direction: column;
     align-items: center;
-    padding: 72px 39px 62px 0%;
 }
 
 .banner-quite-imagem {
     display: block;
     margin-bottom: 26px;
-    width: 400PX;
-    height: 400PX;
 }
 
+.low-card { 
+    display: grid;
+    gap: 20px;
+    padding: 191px 32px 66px;    
+    grid-template-columns: repeat(4, 1fr);
+    background: #FFFFFF;
+}
+
+.low-cards {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 432px;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
+}
+
+.low-card-imagem {
+    display: block;
+    margin-bottom: 14px;
+}
+
+.low-card-texto {
+    max-width: 368px;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+}
+
+
+
 @media screen and (maw-width: 1400px) {
     .imagem-quite {
         flex-direction: column;
     }
 }
 
-@media screen and (max-width: 566px) {
+@media screen and (max-width: 1200px) {
     .banner-quite {
         grid-template-columns: 1fr;
         padding: 36px 26px;
-    }
-    
+    }    
 }
+
+@media screen and (max-width: 768px) {
+    .low-card {
+        grid-template-columns: 1fr;
+        padding: 36px 26px;
+    }
+}
+
 @media screen and (max-width: 768px) {
     .top-card {
         grid-template-columns: 1fr;
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..42f2207
--- /dev/null
+++ b/index.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+
+<html lang="pt-BR">
+    <head>
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+
+        <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>Desafio01</title>
+
+        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
+
+        <link rel="stylesheet" href="/challenge-landing-page-carlos-cristovao/assets/styles/main.css" />
+    </head>
+
+    <body>
+      <header class="page-header">
+        <a href="/">
+            <img class="header-logo" src="/challenge-landing-page-carlos-cristovao/assets/imagens/Logo-M3Academy 1.png" alt="logo m3" />
+        </a>
+      </header>
+
+      <main>
+        <section>
+            <img class="main-banner main-banner-desktop" src="/challenge-landing-page-carlos-cristovao/assets/imagens/baner logo.png" alt="banner main desktop" />
+            <img class="main-banner main-banner-mobile" src="/challenge-landing-page-carlos-cristovao/assets/imagens/banner mobile.png" alt="banner main mobile" />
+        </section>
+
+        <section class="top-infocard">
+            <div class="infocard text">
+                <h2 class="text-primario">Lorem ipsum</h2>
+                <h1 class="text-secundario">dolor sit amet</h1>                  
+                <p class="text-paragraph">
+                    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>
+                <img class="imagem-vetor" src="/challenge-landing-page-carlos-cristovao/assets/imagens/banner emoji.png" alt="banner emoji" />
+        </section>
+
+        <section class="top-card">
+
+            <div class="top-cards">
+                <img class="top-card-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/shop 1.png" alt="shop imagem" />
+                <p class="top-texto">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+
+            <div class="top-cards">
+                <img class="top-card-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/shopping-bag (1) 1.png" alt="bag imagem" />
+                <p class="top-texto">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+
+            <div class="top-cards">
+                <img class="top-card-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/coin 1.png" alt="coin imagem" />
+                <p class="top-texto">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+        </section>
+
+        <section class="banner-quite">
+            <div class="imagem-quite">
+                <img class="banner-quite-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/Rectangle 13.png" alt="banner desktop01" />
+            </div>
+
+            <div class="imagem-quite">
+                <img class="banner-quite-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/Rectangle 16.png" alt="banner desktop02 " />
+            </div>
+
+            <div class="imagem-quite">
+                <img class="banner-quite-imagem" src="/challenge-landing-page-carlos-cristovao/assets/imagens/Rectangle 17.png" alt="banner desktop03 " />
+            </div>
+        </section>
+
+        <section class="low-card">
+
+            <div class="low-cards">
+                <img class="low-card-imagem" src="" alt="" />
+                <p class="">
+
+                </p> 
+            </div> 
+ 
+            <div class="low-cards">
+                <img class="low-card-imagem" src="" alt="" />
+                <p class="">
+                     
+                </p>
+            </div>
+
+            <div class="low-cards">
+                <img class="low-card-imagem" src="" alt="" />
+                <p class="">
+                     
+                </p>
+            </div>
+            <div class="low-cards">
+                <img class="low-card-imagem" src="" alt="" />
+                <p class="">
+                     
+                </p>
+            </div>
+        </section>
+
+      </main>
+    </body>
+</html>
\ No newline at end of file