From 12ad2f76592d99271f6456c3e3a52c4e949e0916 Mon Sep 17 00:00:00 2001
From: Victor Souza <victorsouza11@gmail.com>
Date: Fri, 7 Oct 2022 17:18:16 -0300
Subject: [PATCH] Adiciona o top inforcard desktop e mobile

---
 assest/top-inforcard-image.png | Bin 0 -> 4688 bytes
 index.html                     |  12 ++++++
 main.css                       |  75 +++++++++++++++++++++++++++++++--
 3 files changed, 84 insertions(+), 3 deletions(-)
 create mode 100644 assest/top-inforcard-image.png

diff --git a/assest/top-inforcard-image.png b/assest/top-inforcard-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..27cec7c7083eb509953bd72ddcc2317e3a33bdc4
GIT binary patch
literal 4688
zcmd^CS5OmLm<9yt?NXv5T?9m$q7edwrWBDbH3=6KxPXWhlTa1upoj%20wHuzKv01|
z5a|X4LN6wvLuf%t=p>uFWo94l?#|Ba+n$+k&fn&ohjY$<zAw?r!kCxq92XN46R)X>
zkqr|QGw5${oMuGw2^YH<6XzonrywRKZlS-y%#@XVh7n{AvN1Mbs_Z+z%y3w}^zZ01
zF;&0hK6YbcViH_1HPW|3GOrW;pP#2jbZz$k%pDuA#%)%Or$FM&9+um`Xws9cj|;WD
zTjZ{oP|6jdcR@9;yv&Ym`=fOs3Ho8NY@JInrF`1ZrznoY?eM96`6MVWhF#kEy>8TC
z;O$dq<b@@_wZ(l#6mK^+1yNFtK0on<d+r`Znnp)-Wq?7TjibJweU<X_-5;p*^M04K
z7fss?tgnS12(c?Q>!{4f$<KGbT&<FPDJ(8@ItCa}x|L=e1CfGjsykJ&dmIe4>P?9H
zaZ(yqfm4E4mbfuiJ}Xbv9#tBlUT|Ra*0%E7HMOMfwDUdX{3jS1xb@zW%W-fDy2QEM
z*z;Z}DS2FE_;#-tmAFWXokoM<VcUnJ_@hG|`fDrg^PQsjgVK-wuG}0@6sGIMzmfvo
z7wIru<05A+Rv26-D4vp_yUW1YG`ft^6)&zZOeS-w|CeC<^6NdIrftsEyuI=%MHM>C
zSEaav3M0I1e+f>C9~Vh|e>s=11)l7P8E|M6mDsDxT;uXFQ7DWcm4wzF$B~k1y;T@T
z5-3E}-AJ;6v{z1x!u2efuD7^dW)jL+Q&aQw@}iEu_kU2|N6~RjO4mUh(Q3tNR~!(;
z;+$V~zO<FQ5jTQNH|VqUm=^stH33-GF(Lx7qY8Ldm$`8~;=207L9(9qIHX5({nt^^
z{up}Ibpx|5dhI=0CA>XtOrNpQ=~mk*@Q6KGbX14hB;x8nRZ9&ezZ3hm$=y0F1wX?P
zls?IwBUEwNFkjUq#&ZB!khsv!cWMS5-#oC}(8KSRlR1HjH5?sL>744Cp3W9O-D=1W
z{&;ljmfe$ed9lhR6)QUm#;aowLXO;R>7UyUt}BN;T>nEdGW#c6l4s#rX#g_T-U91f
z#g0DqmcB}P1V5@3(*QrYi|TN=|7KbVyZvX;pum+bw+9yW;xasKZwx%M+)5`bRpdn*
z#!U^<CC%ZQ+h$F$<ar$m4kRUP5x#lvBB{(%CRTo<!p?#NqraA#;YDAVnr-{7VC9bO
zlsuW)m{OEtKHtfr7B$ZNUjxXZQ19Sc!QP$7jrwWgRydEu9MVC^RF~$Y=O6{Hl`d+~
z%lJV@EOUHpq_+Z37e5i2DZs@zcDxdG%<{JNogWGR{*Vo3vY{<l8!*s}Tq8OHJ6Oi3
zqpcF4o5L|{2cZxJVRr|qs^L|NABshqKMqjG&h>0u#02>wSuo^}z<^S#1aT&z1ZdR0
zVK|Z-ugoakraXqpAVUJ~XekMwu2xEYW!4c<+p=xIXC(A6j3ZWmjcc(y*t~+1f5Lk|
zsWa9<8qPLX%;`FlfF(c2BVOez?(J_2CU&%~yR$9oI)ZX{_)O$rECcK=!`U){jPChw
z<1aCXdq6<@?Q5`I-<j^E)-j5Qq$LNrN(yH2fqI(t1yU2BYU@M9wQy$x_1EmVhPftZ
zI$ViYuq_Q69Ap&x+ydq?EteZ63xh$9b(kR?TkI6pLyvL7#)p+P<uF~*RLR@mY)Qzj
z4om&>G+f`!kLC8md>^(yRV?Oeh%lcl<bDQ>h<#>0KRkZ->((O;s~SS@K0g<^*;|et
z4io>bh!#lcA+}~v0?qZV6EqvYpr)?z=IMvaK8-YoU|*iC*~%Y8I4ZCL9~Ygx;s23z
z<d(Y_^eab*C#Lm`ZK!2j!_&3;WMS{P6iaiZJoTdOm>bGcE<-ZGjvnSXuwwm<sE=|H
zub$y~6V&C7+Do~9*uP#X;v_yjYa3|EC*^AjEmRZHQbOsgSKR;oT4=uI?Q3;e3QAnT
zIE`S3aMshUmz*}$E+K;D1-MjkcuZ`v(2rzJxjpPfBwKngnP4N5%5U0?%$*joJBLnY
zoj1OV12=QRS_(xPOqmZ}jphgs$sl7N*)3}`69NtNzSXM<YDcG(H}bAh9*g_lYsz{W
zo{8`5ciPj^+RMUv3u2=NZj;}Us*w-gJPt|I-100)7VdFXJD)Jk8*{;+?*4;lY81B2
zXB)4~Y4kg=puA6V_<|uL{DLaaHs9|IP`uv2cG-&l%t1tT#Cd4Yr3?{R1v`g!xl+5*
z|0sYZ<f}GpeGMEn$WJ2IfE|SFABmN{;eF>xe)nAYXoHh=erPbH(c*Nh-ZGni@CZs%
z7P55RO1=OIW^C=)6frM@=O=1go|2Qq4m=+1%BPYlJu9ZESA)OjaleK9z6EqdMfkr0
zN!F60zi1<4_)K7Vq-bCRt|7d0E8o=bSPwJpxBKTGT6tkn4g4?=YUpPpo3e9cfDA4c
z&%Dn4mbC5#Da20#<T=DsU+68f`a7E}oO;43j&EW({l~hPfeuas_WQC{TP;_gymGgR
z;rmgbhdbSW3^g%@W=jR@ZL!D!w1)tSuN!XYlb`Oent3W<N}qciV5&`<zz``4lx;B3
z4#y)zK?TG=H`|(xDYLxJet6#ww_fm2J&ds;PB)d6-^5}N9h5wgENsoi-Et~4{T7+v
zz9n<h8DSxyod+y1LriIu6z@n_J!22{vRkI4Kg1ZG#jW@}n3N85i1cB>Cq_c_&RE~7
zNg_rT`QF01i;;(i%v?Q<A-OezicT+(nMvtEn}P6vOu?rXn1cLrXKO9&zVB<*NtDg4
zA*g6|5I+n`^iBB0d?H->b?Ty^UR@RGf~=1Z{r+MwR=Z>rlw;rF=cWf^^~sqFDoMUL
zGNJ5|2`M~dL$3gQjB~b~Og>!L>1;neZ+kDmi8iST++_3Ny?FGM#!9}}h#2;AI^Wqq
z57`@<PL_G_J<mn_`%*`T;eYgt|IMri)ZR<Sg`Rx3PfIaQVnLUB&i01DVZEEL%!;IU
zE|BEo>JEzr6rM{6bM?F#+c)nuCg{#!@M#NUvHAlU4vvXH%5!`g62&na;eLhYC&d$E
zHIvYMlN8{V%DR9DUkt9eeD@~#w3%s<HCST1y!Fq`)>8&!G9kvXQGcNFKODAx-^30A
z*#2a5XaCOn4~UU|>~{Uqva+AhV4bDImmy!SgT>v%?MuEEa?(&DMM%7(&kyhK+Gt39
z6pshL<b&ex6>)c?eXu-TJ!gyhi3O7h>7TnZy|U_7$`;qTkJu0AOqOMJU|Ln;;zm^k
zZR5>;l#9V<kt>tyhi+KIg#_;G#$G%Td<ellSA=!}=sFY$%24+}1w>WDe-P&z#^7R2
zc&yVCL4H`yUm*BW!B%TC)5N}Yq`SjiC9R%~W}T10%FQPg#rF4oyP1Il(qa#P2SR-u
zepMgkML$t^jnF;ndUBuvP;iNI7J@C>!uV>Fy(!w>jrHe};daymZxw!@?t!=Q;j-{?
zliXqqm9-o9ub!jj-Gl7KQClHfiR*f6pPU8%&bfEDX(foi3##%^8q}!E&C1yN#8n+V
zSBzN_P1lQ-7O<6gx4Z&Z=Me_>Vx)LJgpD9G?L$Kk{6CaYr+^ZwLeHGq`&0k|08F9o
zB{i!^HlLH`1^~E`e2q2e#`CW@wujER*h&STSx7FU@ZG}FVyLFZ<r=;0o~wy%jxGed
zwyw*y!^26$gg;r{<S5&hV5q;5XAIUJ9Aw?lY%Ua3eaYb|0CFLSxi+-bmU#TaA<Gov
z{aKTC1VCZud~&L4ZY*3IPHJj2ynjnAc6?%iWJbILl=o;G)Bwt57_B`B8hY_Qknm;5
zYOi><<90x%&E7fptmp)B=VFZvTZy6bm9lWh*TZkq*?HA_-9+5uM~dy%6kmGt`O3f@
zdj{VkN|LTFTx-{e=M?}wC`8-;?o9JH4;mM)HUxFP?N_XlF4p{#IF5$$F8Fre%Q7@h
z5ZAg^OtTE>DXERiSj4lDW;uy}m5N}qoc+%}Hdqdofsw409?Bcd<JsKfVdkaabC+oH
zxzhLkM+WoXv77(n9D03x-OBbypNc>12a5P0-Td)jQSH6D{^tB7u>5_-<<CzA8;954
zwkI(CUL~c~j%|?Dc0q<4SKRJTqX*+dKL+dnKpDrYkYCQNN7KrYC^AmjAF<;Vr{y&9
zVy*w(l$8zvt(m4FrfSmPhcp6D_j;FfDaL3Y{jFO<&tvH+wbhn8E#Ht?zs6dO>Iw_S
zm1iD_I^uX)vYUH=l?<+j{($3C%6URR;ic13azJ0N!bWSBYF&bll!3~}k&A=bw7qE5
zhqG}kNe|#~`=HI5SH!U0j|UNT;N$Mzw#f#MWKUJs(VZ~Kzi2Dhs7d2gazA}ueZ)1)
zZ-^>!vIwM(qi7RJ8|%c!?;kcF6tB8YT?sGfUXX5@KsxAI>rhW@4_nGM{2FqTiS1zB
z&uToE1CG9ve)%`jsD10ds4mT-WNICW62dX9R?Dt>Jhbf>+ZVDjtavi^-oJ96w1rm=
z5JRkrMxI7z5UedgXcy<bc>3=>rEdt|^Nk~Ba$p(_Frwr>7LA$cQyKo*3u~Z-)iICR
zs-&|C4|v8`5-XbrXoD(@0$G0TJm_jR!m+mkF{aZTbh7Gs6>>wedh+=AZf|6ulb+!E
z(N;R(9lXA6EM9`vnY7UxS+jfFOgH<$v1t}r#{Tf0&H)09@3DQ8)fDVaq{2za0t$WQ
z6hofugaLNM5NpsImP_?a->8&M04P<rf7?s=rU8PWyE!<2KRn}*)Ua9~G5c-h$C8Q-
zWS^Yhy&0Rh5dRr`G!00E<o%`<M8XH(IEY;Nyv_aV?$$|cqRK0!YP5w!Ll|8ht)xo-
zqPuuRD^1N@2NFI#B8MJymzXwb&3u$pJO{Y4AOjRa(Qp4%a6KHXEgig`rMkC&E#@bL
zwlg#zx!<K7J4cI1>$bC<8Ji{Nh;S*B;%vXQzKTvWGbB%%6kVB<Fy2FQ#V*#mo$>FP
zs<7)rUaFTo*=|lb$W13p8=tu;>)K4`FJ=|C!dlwRMY!8=Cha9|B2i~-qXMpp{<Hr6
z&zfAEsLzn}lH=urn^pr+`}};|C-?;5&@eV@PL^=`9cWWmJv=&2!vB(Xr|y8{D~&lE
zXlPk?0KNvRK!GOTT71&KI+WpX!{GOpEFaYB-NwTnt{C(7_~Nh8X(yI-7|J5ymRxWq
z_iWkWmsGJBl`uDg+*k>G)K3ZSQKi9<9{|PjZ;&d7*q=?uZ(`R4IGn^(;v-!)h~xHa
z`3hQ6^Uov?`MD;x?}}`-jLq!Y`<}9ertDj9NPdpV4Uu5jUq<9%p)8C)(?J70cGPtl
z?Pbl-aH^A&qU#-f+sK|>0>^}?=Je)SkpscljW3^_U8=bY7EPstC>?LVRVhjbIYits
zF-Kqomd!yQzKVeM(At|Rqodq=sl|`7`G;`qjDR&(C+1_0b}+&tKS$)3t{1}J<B2kl
z;YBP@eWD7fI=8;gW=8gppmsn0I%vDJpS^`d`4{@Z4?6!1@mzeZ4M6E{CSrQi!l=^V
H&u9Mv#J<UF

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 4b79532..dff04a0 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,18 @@
         <img class=" main-banner main-banner-desktop" src="./assest/main-banner-desktop.png" alt="Banner Principal Desktop">
         <img class ="main-banner main-banner-mobile" src="./assest/main-banner-mobile.png" alt="Banner Principal mobile">
       </section>
+
+      <section class="top-infocard">
+        <div class="top-infocard-text">
+          <h2 class="top-inforcard-subtitle">Lorem ipsum</h2>
+          <h1 class="top-inforcard-title">dolor sit amet</h1>
+          <p class="top-inforcard-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>
+       
+        <img  class="top-infocard-image"src="./assest/top-inforcard-image.png" alt="Banner do infocard do Topo">
+      </section>
     </main>
   </body>
 </html>
\ No newline at end of file
diff --git a/main.css b/main.css
index 7e06bc2..2d16d33 100644
--- a/main.css
+++ b/main.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');
+
 * { 
 
   margin: 0;
@@ -5,13 +7,15 @@
   box-sizing: 0;
 }
 
-.page-header {
+body {
+  font-family: 'Inter', sans-serif;
+}
 
+.page-header {
   display: flex;
   justify-content: center;
   padding: 28px 0 ;
   background-color:  #000000;
-
 }
 
 .header-logo {
@@ -22,14 +26,79 @@
   width: 100%;
 }
 
+.top-infocard {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 80px 0 96px;
+}
+
+.top-infocard-text {
+  max-width: 766px;
+  margin-right: 124px;
+
+}
+
+.top-inforcard-subtitle {
+  font-weight: 400;
+  font-size: 32px;
+  text-transform: uppercase;
+}
+
+.top-inforcard-title {
+  margin-bottom: 24px;
+  font-weight: 500;
+  font-size: 48px;
+  text-transform: uppercase;
+}
+
+.top-inforcard-description {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+}
+
+
+
 @media screen and (max-width: 414px) {
   .main-banner-desktop {
       display: none;
   }
 }
 
+@media screen and (max-width:992px) {
+  .top-infocard {
+    flex-direction: column;
+    padding: 54px 26px 78px; 
+  }
+  .top-infocard-text {
+    margin: 0 0 68px;
+  }
+  .top-infocard-subtitle {
+    font-size: 20px;
+  }
+  .top-infocard-title {
+    margin-bottom: 20px;
+    font-size: 28px;
+  }
+
+  .top-infocard-image {
+    width: 100%;
+    max-width: 240px;
+
+  }
+}
+
+@media screen and (min-width: 993px) and (max-width: 1280px) {
+  .top-infocard-text {
+   max-width: 520px;
+   margin-right: 70px;
+  }
+}
+
 @media screen and (min-width:415px) {
   .main-banner-mobile {
     display: none;
   }
-}
\ No newline at end of file
+}
+