From ca49a0886a5c091c634d2c974050352d15c1f4f3 Mon Sep 17 00:00:00 2001 From: gilmarpjr <79204119+gilmarpjr@users.noreply.github.com> Date: Thu, 20 May 2021 16:46:45 -0300 Subject: [PATCH] Add files via upload --- Desafio Front-end Vnda/assets/facebook.png | Bin 0 -> 6701 bytes Desafio Front-end Vnda/assets/instagram.png | Bin 0 -> 19021 bytes Desafio Front-end Vnda/assets/script.js | 31 + Desafio Front-end Vnda/assets/style.css | 722 ++++++++++++++++++++ Desafio Front-end Vnda/index.html | 260 +++++++ 5 files changed, 1013 insertions(+) create mode 100644 Desafio Front-end Vnda/assets/facebook.png create mode 100644 Desafio Front-end Vnda/assets/instagram.png create mode 100644 Desafio Front-end Vnda/assets/script.js create mode 100644 Desafio Front-end Vnda/assets/style.css create mode 100644 Desafio Front-end Vnda/index.html diff --git a/Desafio Front-end Vnda/assets/facebook.png b/Desafio Front-end Vnda/assets/facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..90b863a497b13733f2e4a2d87a7cc4daab5362e6 GIT binary patch literal 6701 zcmdrxhgVa{`V)eJE$F)9suW!>4KJ4L1revBCy3XAC& zmCR`B5K}i_w+OB)zH2O*yYtF>YvGfJyoZT*)A(18N`4BM@p=*V&Mf6WS0X$l?+tbp zAJXprHRsTuYkLocM&fDS%JpRiX?yp1v%g<%A4Z}r{>^Hp`!PYM;p6boymWAriz)F#HQB+)B0|%SMI| zj$O*u+m`4KIo+dp@}#}I)Q?OZ(99h+l+#gJu{fZg^y<3dNZkUirKMsk$(f4*P^d=7u_5GE*ct$)9~+4JX^c|Y z)aP~8q4`+)uT%-Ke780mya;ne-E#V-v8b2#tK~1k0fs#?%~YE3QcJG~E(YI%*eGOo zto8NN%In|(mPKT;(Jc~1J)l=vWk_%4@yQ-C6WYuM4))kwY*adK-M!1{hiOpx*uJ;!vwi_scndtlzj z(!TALV~`gYjW!qUa-P0`quY1bjolTuc;w99-9l0?tSnI`xXj|{)bu22LeJWYom-Z0 zF!RKk58Q2|cute~c2Vyw#-Lp;0_hu2tdgX{%~g6J=rW#SRqlR9=GWK@j2KcLWwPMJ zdeHf&p52%ujbSp_!yVWJ5^6VE=~v6~LPK46Q0JQlM{me6FK zp}ENn)b-Djb-83P9^#2QZkI@PTZ4houwAH)d!GgnkamfdRg`;m284rly@)A1C%f!N zE}v-|9!e07b*X3A{c16{9|&8D5ef8i+Yr&u0wlzb&)HcvYk>P-&LWMiLz(AG!!&PW zn?*BT(5~6$CZd^JjLC!&7D1R(6uEx~F!pfvdFT^(s?G*l`UVp5!hj8oHDtu{GXA81 z7xOwCGG75jd{x7A&HYFWd#lUo$%_rF|BwEF7R0k}320+T0r~KKnUKp@Fl&Z3Zd5F9G$$Oc~ zPnRIK%Fo9Er`~iZIrbI7n(C1(txHMN1kD$#TWJ-8e^m!n>T)E0|Na5ccU^UD)i1># zrq1x%QltaR2n#^2B!Xv|$De%NRUI@=5OP&YAFco3nmZbAKKMYZS&Ucr`IL|79}ICr zS%hjDqhr{772r8heGSS-E=ulEVhu(6NWHW>&P4f07nwP}+?txktND=`l~MlNrz%83 zlpkOW<_O|&bOqK|PVr2Z@+sTCST=ah8jCLE@rRLkvU-sJ=ZYzPyD??6pUk*=c<#?!r*#3RhNRY+sQ_-Z90-wI>sDBnFZHbth6@s;%mU-EI)2}D`x(DyerlZ?1sZ_k zpZqL2Y_tmLm8G9p5>Z}C24^0+7Y+51YPB0WZhg(jn|j!e2SUQ3m_c*nI8c@+1EA36 z=&=f)6+kww2SE70`xv(X;OtJEZV9{nDDqMJ8UfMl5+1rurjj5BYk2vIP;zu4$RKGv zX2Olp#99cNv$5pyY4bQYfCpO)0iavM0=E$PADx8KhH>Bk)+eHDa|ofJTr@RJDqK-e zboE=UZ|ItE4Vua(R~-THJ4~IcM;hx-+^L?rs1)4pb-!#2K<*Lh+ytT#A31lWYUPvP z0dTp4!7b+|)9(q}L2|ZJT^$JZs7-Q;=XGg@0WhRiT@bELcsew*)tgjZG?MIY* zMCECE&5HPb$yz*aBd@gc=rx#uLp1G9$l^zlOVxYJoVw5#?a35qXf2 zqHw1gNG!&p98gC?vm%*M&}JydNorF$CBQz!Vc50PX(QlJXrBGb8A|#a=J%!sivS&K zzai~ww-IK)qynMTsc97@z+vosdr_gu#_Bl7xy=9v?Csz-EM*%oqlR6ZE3S7u%hCe` z9N+~%4`y@8xk&)rmy!{AtssuG!c-mD@1@S2gl3Ank@oBUSgnld4Uk5tGd0UVZii-k zAuY+-J;s`Pj~8wL^u?a5xn#c^y5M#W_SjgYtJ=FRG_8}9+6X`>n(K9$J>CtS`_T#3 zv*;3;PHv-0?GD^>V7;0ewjWidNl_@Pl}c6;fYywXM?n9ZKzCkov-&J^gCR#+(hnJy z=>m?|T!@k4^-Wzs&s1fZA`m6Y(l1Q>&8}OpN1OenfdC43P{VxC3SR0v=J$I}N@YP7 z0L060J)C-mG~>XYyVxXA?t?C2H9q|eofDt|=v}M5M&m?%}r_$Fm*@S?Yg^nFK_-GVwv3}whaFQ&TN&+m9&9B}9-fgrn?a+leNzIG(z zz}P5~;h#rpX6iW{Q3Ebn&Xam{LmCPj)_kP2L~J;hvN3BRj2r#~3{O!Q#lC5N>5I72UM)l6@JmxTVU)<6grS&w?9TxYxC+&E9r-LCLXtnQX7BP&F%LS(5 z3?kE;G1x88!1V&K#hL1OXv|uBc!yCmNyN|N7fk4#uTPvdQ-w=^khhV-_OTgvD-0SQ zO!=_FIb~u2QT{>PB8$>evxQl2uF1JTZamT2@u^V?4R#Ofn?-Jor+cZc9uBkR=6(Xl(ezt}D#JIYK}J{G#^YR73*9dyYoeB++z+NTQHAI`p?90t$QSDk zkkkjxL*}R6>vG6LBrtGeegVn~WT5b?Ao@MQJ%$ zNrXTeIOF+c&;sFe6|E-(;d3e~W?kf+%A-Qlmtv>il8+S{#?csL__Y1L;#;5w;815^ z4R20{1e^SnjU3gO3QX~kFtrG8JU^}kyE-=mm(1*p1xpzt=MY%dpD9bp6B%r{&E&q- z)mAc>!wI?)`0j;0l-*TjBa9yUO?9EYCJY=3cy&Gp(68K&)i%y;K1XRdokx1hy0$5C zy0KapzV9J$mC-6dXobtFaUXbf5#m$Th5s!7!GCQ-Y4FRNdmvkXbjRNUJWYcFtbhXi zKB!EZA3@?8X#35Yoc}IsLF46r2>hkRv&`mCItw(C&}`*wD-O^L6wg1A$xvfK$SnI0 z7>_Ii;Bx?K;;crWU-m5KtO;2Ka^JjfRQqGqRE|+PZX{^<=lec=WF>TaGq=J>@eP5K zCACUlJBYYijecK6r%PR!1l>PyL6?*C4*}Bj5p8E+`5u}e`M)Lz?@!TI%2j{~gUU59 zdP~inN0BBc<0}c~#q0Nye480G zxIxZ`_pK|iCC`9s{u^!zch2pw=7Tb-ovKdWWHgt>LL{T!%urm~Z2ST7IHpJJwS zurs{qjiR&dMSfk^5yut@jrA|l$F#T)SMikCENu2R&UjND|7*m~xf(KMC?Jm%I#sG@ zt+@IqX8XZ0SdD@3NPBY4+T9wZ#CZRij<(=yX^-Bbc;{#7Lr|98 zy}n}9a|N&ttmA(X2zs0Eq@doQSUhwfBv29@?!!j4oSIrwR|4Vvrl+lF^!jh+qZ92t z$;z@_%HGf)It%;JwnEEq-vMzz`RBH4O#d1E$uBhaN$_gWSa=*ta|MgyrYyh}Zi8JT zRbaq9IQKc^X~!EqkNzBf$<#UQ4BEz%jyu@oJ&jSFaITA6oLO4<%wT=su&<6aQ~eXy zVz$1^kW3tVhOCA+jy#`Ssczc&PlMVR>( z(FNPeZS^M(rB0uVDe3ph<1@6BqBpn^M_%-US|=c+33B<9UC-Ddpp&iVyMg>EtyTrGq;B`z55yMS0kpK>liTNzUo zIq8dmOHK#r!>0_thxlvA{Oy>bS>T0pu#pUAqg*#ehs6gC|8joytXiOZ)4aC9IW^=D zF9_DC6V-ckY1bB+)oM^^nBf>w=DnSHq3OTlWHB)_%8ucu&rcae;%2i0-(RaG}@J}4@zx`rbs zqY1({33!E*wh3&R!iTx8?!DD-YsjuP0EurWc4A1iULyf;(oRzpUfK~;txaJHH&^)v zj#t&sO-+8%#PmZrd4Zs+=bj|ap_xsl%23NiGTH6&zCfP6V+$w+?{UlC2ca(wB^xh!b9rB_r=+JFUV}(}w=b4qj@;{#rz{&{Rn&uZ{Vo`QWSz9Nc0c} z?F>P1@LxD2zz2T(xjeWAe(;1JIOHM#{zMC0hzGw5hGN{p!T2HWU)X`2IhVmh1)Pm5 z?sy0mhd&$U1L5)bJ$}If;pfkW`s@h_^UYzIDMFAsbO>$ja{2xY<4T?9iMuS$942wA z22SXkj+Av;K5x81m3C_UymSuy?n%Y32Vmy}U5zgOJt13g3@$5>;c-`@A^w`sWi3Nu z(Vqk>twX8X2Mvigw^Ow+n6|l;{YS&Xj2T~iXU$Lkj(y;3c>uE%-8~$TR5g(uuqPZ( z-J}N^=*fIi%@T3&Uoe!E|1dj>?0@#07Uu1iSW!gNqK7q3?pjW~!}z04Z^N&6Ff zCIo8ZwUs9OyYg;`xxQZ>XZ70hrJpN>mFz@~h<&IzK-Oq*UU|FK0KUh!V zej6kx68Gp=Q)o`KvozV(OK5cGPX(qwGYsFNZQ>wZ0-IDv3n>XKh}&cK@mqlX!CHn&QVhLFzQYCoC+^=(W;h!=Y6M}Kdz(0h%#cf^iw z^M`J}qesG5vNb`KJX^sJI!$!PSFR@v%&UI{|whN8~Qk=*<_g-wR&jP8VV!`pjQy5;8J{ORp$QH#EM{QdWg} zS`h_iQiHP&zV$+*&-me)%^uo{50^x(9xPg_t?aq#P!S(561aEX6J^>Wn91WGBdC6K z)eA8r$(?@JxGM9#iI-H#tO${!f^Mkr;!<&c&hIxyj4O!49iCMrnvD}w=gqwbCe4sY zXSW>q7^?dBugiz>Pjc70%kOSW^I!2mok{^$XhZC>s_O%iGXZ;1w|>0! z3K|XRRhPM0n$8C^|5n{@_$k$|c~iUI;&Ga&RrAS+ZO2ANP|tiZ>+dc3R%VKr%E4AD^q>1boU5(z;kM5ATuIvANYfbwl`Y&tQWbQE@)w_U4KiW$R-#p6;RW;Da}s$)pg zhfGhOU`W%3X+qZ%;?6`~8L@5a?^WL}qe7CamBvjpLCVlKPpSqXk8t;b(O9TmH>8#Tq*3mZT2A#Rz zVFL5K-jA5ZnpHfP?c9cVGM>RYp0Gn6H3)A$fLn-qO!;gG%Sx6)C=^qGsq8(?G@fv4VT}ysmFCrW;}fX>>7o^Uw$D(=Q<7PYg9Khmo_W z>Re3Xi$`|83a@UBvKxZMK79b2I3vE15O$P3Ce}2@$V=o7)bs_$a32(s(z7>yf&^~k zd4^(TKqjjSZzrfL`tl%C-%#ZN3W@>n}Tab{)K=)sW;eiM>8gFKCbeQURPTr(C zIMt`o!Its3a@{B9nCH*58^XZCEO??{d`CQ=+l}W$;{+rnr_506QlYlEWb5cp4AbV5 z<=?^mW)akmHP~su9Y2pwY;Y;{n`0w)`3RO;mG#8L(CX0;w4pM-dsCaZT)L7NZ*Zy{HmCXF z`m^C&mxHFo=TYE{R4zjT!(T5-JUR51)81!|MsIyUdC6Z#UhL+13XhCj=FPqQ+p!1o zuv$%MNiSxf*swwK5Iv-mH9o}eRj_+pq|!$Q>=fI^2zN7j6z~~n`L)jHU;j)hvp?+{ z8hj}mV{)f z6iP|F>E53k<#PejOh4yK?jmNx(|H^wD?oFvTr0g(lKRK6@IPW_LD8o;PdB@861=z};x`cO)+89CY(Ab_I-3e9D{a;p0 zaaUFhsk*+WV4O$kN{l-$u?b9-jA^G=YT?UW36~2GaP?z`OQ;v>+dl2KMA`!z$GgB^ z@;pOjyY-utCB=P*%=k78LnEBV{1fl#291dZZpq!Yj?iN;^3tiE@=1rL)JM9+uFPn#M3$38sUHEt@OlS21F8R!vgOBSqjlL;>Iq%l^UfQRo zW0v(~lpQ}QfkgTMgU{EDUVgMTvY>GN{6x#&8{z}`2LDlQp+?pcm=53@c8aR*Pml1Z0e475y z;&bx4R{QrYUhpsOZ9PtCY7TuSmxk9GDjGh?ux_}qJ~gRsPM_(f<#JUC)z&YQ?7>o< zs$t84t=y{V=H5SpY>LX!22OM5TQz17&3tulxYiHFXrYR zr`xGXTj1m33>bOYsY;*^nAzXowoC%*J^>+6e#4^>Z$M` zw<)D@Oi|?kdh0bxkm$ya`J0owJwx~V8L3D2LZ~RYPIdXBQ`1Go3_s&ho4n|N?fvXQa*x$Dw^L!f z0hfRL8lma;?Qfuy#2eQm`mE`J+TIqGexVte#G%IZ^s*L2aB z_=9}}|#8^N2!9g=&T zrJ`UH=vy6zQw5XCG_CrR;`Z7oh+mrXFe>5CBnG&vCU?WkbDBjQ^{e;U-ctWi{OB6W zq46^_`djzg#7u3jpFquFLZ#*mvbm^f#293+}P|6dL+MCQje3Q zZ}xCq2ULGDSB3)1x)-pVe=}T=Spt7`=Z!R#-wK%Rz7`3BVC}A2#3mjm;M{!`Y5Y3% zdDMG8^^i&l^I2SNV})3cI(POZfA6tLWts5HIHE^&k67}hPseh$iW(w9p-P)eSKOBj zLj9O4NF>?9YW-+X&}00Mpy@)-!;jB8)vAA(hl&1eO=w=`JYj8~3+0m}?m$6#Dd;kvBbODQ1KS-FXRI-gCgx`&F`cdM$YIM5olu&h}BKM}HG1G!Ong z-!f`-qtkHa8%^N5{136TRxA{(X?{_o6NmSbH*Su{$fMR}=c^`_sUc(zdd+!>Zq=e? zSv233G4bpziM7d|l)xH^x=P4@^<_2V37m&xK+?CT7BdS~t1o9ZwisRvlq4U+8fDiI zcZW$D(PDrR-DHMxK%~NZ|LAB9J|(1ay{c6Kc;cocjk&J5)DJW)tGQr~AU`QZ%ac5{ z0mJeq>ma3qTF172tI`P3J6gJnV^ zxD4;xJTPLi>BzbTAE)TpM`zEWISQi67JOKUp zEW29r?bP7XrXmrH%iffeyshogGV^|Y^YOts(~N!t$n8Q>lugiBKJe*-hzg#G)eqZ8 z+2#3FHt0@ju&C9eFZi8B{!my_)b5Kb3iWLj19-r&5zbLWyR4+vjp%9j!GRg~hKUv) zK+buT_r2YPvXT6@%u-mEoN;YDMyqb!-TTV>d4hA*vP!40^>?xD&pwKNhR}PUrfs3% zocFpZ8?b_9qQ)Mg+2-62gN}V40?uizN@dW{_pL1v%a5+LfvJ=Xp|?9d5vc);khq&; zMnhMxE;jjL@|I-rRarL<$5O`tl!+mq64n+abvySW+2`8jC1FELLywyB3LhXnvDcWplU}DDy~ll}F|k3e;DY^+b)@ zj*7@BE74L<`{w6N-waFtkMCYwhrfm#@`JkF!^?6db*3a<$ z&g2vg)#Q%P`&8;Q8(^+KS$)SnkwxCv(`n@`J>IX+wdh<*nN;n(;GMGZE2xZO-g@&$ zYcvyv_v&ZF-~AhNPKl^$iooX#ds5BWQD-z%txuV^cSwHfB!d~wW9)XMa6KZO23n@Vk1=%XDz$NFIQhS4Ie zSB|mcs$CN8E3FapgjE#NMLJD-LY!vA_ypc(?XBJiZ@Jy$qz_J^W>VtySu8&y9C7mu zZ=l&tT+$x@LcVSYGfttvq7ZfnH4UuOQO_ehU-G=V=riu#Mxi;4Q5T=>30)q`9zM{o zqPEv;$cF!-wTq}Szk{K-CG#f{2)AIvmmMd3umczy4(6L`WWP%yaX&2(sA`qsboz`u zbEI$ou5;VwZzk-9X58dzu4OewFR9s#va=IiHj4b|f#In2Itt^EJMH&S$%lB74&bJ@2rHht;7SiHpu{L% zzJ~K$P(P;@h>TORTT}4lH#>{XGpcsq{R+37L&`%>?5rn*E&KfE<%3GZiMTcyg$zoN zKbByhoo%Z0$;3FVCODwKH<(Oemr;TgRZ5_|ZL^^}D*ot&9>T>N*?f5Qo)74!IwX5< z^{JfUOw0{V9-2ki(jrr9U<^YdErxYA*@(GT>LeIXR!B*&=k0oee|E?lSii`EfhLG(qynk zz4XXCVyLX>-gSPGZ$UL~_$VeNtvu1z2+D?~ChJ!VVk2e!gg?X-{KkyWAVx#5zLeqX zlX{3t%XXwV(&I1ip~qw72gt_lCK%En6u;#yKnhfmL3!>uI%kWf+tMr!ijViYXw|Rl zP;WJSh}q5*WA=`+>nGKDg##cF*Ms!*`0WO>!(aN{u(js%A+)H%YK#tBV8tF!*lL0y zEb1g#LSMGz79sW^9C6E;1#w%t0lxPu^hKG9jl;sNKgQlK;I$e?8z~uLzygRZVaq8Ws#ab%@a9U|DqM=PZ#kTTxJTYwJw@~20(1R4 z#Z${|GFhd?t4iZ?q+S4OJS?I;T(!nL$6_@ijDL-^bi`AJ?MP8h3z@7Dg}QwNKKr+f zp@wxiqGk!JwpEx&IkIz;JP7W5*6eL( zWnAl;{h{8#%i#*Xr+(RHLR9C)du8FI+=A-(Ka1*9X*7UQu=T4wNfpq#t*-)Y7jv2> z$9T!YqnfVmfyIlo(vy)#R-dfc56_?*wuZXkQa9_?V_2K2OpfMkl9Q~MhbTRCc_7Di zL$ef?+K;ME>YmA=1?Jb}Ji~lH0%3E8_jNzbIC_shG&ly27IBrA_tBYGqdj27)&Yn* ztEdVmXmz+7#OT?J72jWW+qfTgH-0X$qUje-9$zJ_H(%wLP`hc{$>n}We@%S&Jzc?9 z3>zT5^IYM$__SzvO05LpQd@s~pSEK5k^qGC@c2o%C111nD3e8)VY=RxiVy^{n{kh# za`O5){l`2;|&!ya@wKLeyCe?w8t=MLM z8qjpJl8jQ>kgS8%sjgHtp88vUJ=qzdo<^aNWp~GznAlg^5wEO9sLhu&RwO4G7^9Tz z{o#?@WXNu`rH2o{QUgBp3_K9k5r8bE>9YP_eKuri2{V(Z>pS980+WEz z14Tl$LLG4TphP#Xc>n?yFwJi0Rck#B;lq*>>;^pel;>E_uUt%_BspKwy{QQKHAU&nPzieN2kCTnwjQr%h1AEJ^Mar51@41hXUrn>x@7#zPE`{G9g z!Y(bFmCw6N6bclHk9FUqNp+2^ zpS+Zw=R=kG*;u-A>eS}&tnHfH$)M%8TD0y}d8sJ@z#_@jR*QYdUe3l$z)_>@rsBB) zFMd{Y8>1J2O^vNRvACUiGkW*!EsmnZEqip^vhAO%&ipp@w!~WwGUV)Tkj z`IPdfx;)_pV(eXe2Ie8qL=OS>W?%YIGe(#H%hQpHU%H$-V-9PSQ*YOa_P?vPIm?5+ z)KsJ{1yx+TOS{C1t!b=?7t>^XWoeJHFZO%FPYl1AlJDmZWbmrr(62sE46&P#FCK$# z)vbqcPZt%XITd!|#K*_cbcSxCn8w@wAfmJ1D*CE;JeVaj3Cz{XP(D$JOd8)2V7_YzR^%9I08rXJz|_o?NhT{Lv5s_5Ar`k!=K9Y?=ki zCo<4t3H`Yk@YV>G0~-}~hzH=aJt@7WG^OSh-4-E-Xa_3(jZpv7k3iS%-Rq7}zng~N zkz-$<$f2-e0mf6aYfk+#JQRz&XYHU~#{b@t)GrIjl~=$_ZEndE5s&KE0q{=t@5*~P z5TB!^(&Rj0sxJRM$S<0}5#?X#v@&}RhtRprjd6^i`8;9HO;*K6$7 zAosLR#i1rK1fjueNU- z5j}uxm~11|V#yW(J}7dHs&_O_q7+DFe*%h_TX^u#cLi@U^modlZ~xURkgA7KO02f|bxGU_FY19EhnL3({Ol#hDrRNqrgr( zY*H4t5Qym~Hi~wQ#%P3|1GsPPc9j97(t8nNAdQYqjoeUD0T}YVMm0H=1Jo1Pr8z4% z*{9_ivl7OZCh<*aSctm2+3HFHCxmzueM`b`pftnRoOZFlO6OTJ7P_E<8cD{@5*%={ z-rFi~HFAth;xUbfmsVyn4+X$flf;lp{UXGS)(I{Iy>dOF1%TO&&i78AYEMnRBx!|$ z(kR2zz(obhme|E$PXg@OMyqeT^%LUkD0{ij`hq#&Q%&!&pK|56-~?_zQXt+$RUaYQ(6+Za-GiY%C>< ziT7v#=lEN6+R8Wac|167JZsZnejk8n+c$O;9>nbKh77VON4CbSkC_>FvT4Cr-=`Rm zC`o)QzAsYB<8J-CX^Twdq(=(S?NF(Ow_}H**g%vufAp@k-(Fw*a6Y`V+K$BYUc~Ak zW!RM|_)Tr?H(~Up$g*7`?!=)7GV@z1%ea7E-$mf!21ltayyYm=peP1I3bZt)$m#SR z-hL~8DEo1@mwM&4~P4XIW}UXil+q}JZ_<3emt9~1~N3dTn8+K70)hL~%Ab(bW zinLXi7b~H~3vT#Ti6JABJ}Yeb1z++QcWvc*)qZbe3B+)h4V$#+-S?%H&ton2Vd6?) z7avUWTG|usuc6{Iy0^U z8oqpM`iv({ha`C~tya}jG0U2oK@Z&P7r^S^=bin|;!cYJijW~;{uWP4Xu)t6t1elG z-kA))jw53s#aDEr?Lq7NwRXM|@_yWC=QXiKO9wTQR%6$8Jzt=USQbGkZv?`T8>tRp zNblN&mJa5k{$5kPS6ln*4=7rRT7@gCnr-^Deou6<`BNnoQ=Yn~ZyS-XVUcKt#Fi^`hpo9N>d!&Q;Pq2l zl}eVhaWh7yTO&A9_FS(*Kd3dy{>mVoAN$ElgtyC;-jAk_%F1gj-q-Lf;LHC>57cA^ zkt7Y+y8RD2&QAobj%pYd^W|@Tf!z^TjM^3&^!^j_1YT!KK0)sRj+Lr-9C3_59$GBN zFZ+mW$uXkAMsxftQdK;{X)AZ~>X3QHChlKZ`ha9_Wzy-Fhb8E55|C(U>E& zPsr!q*h11Hk`DZ)7b1|w(&f3s*!h{?%H*u>xdcm^&aO?QW_rrQk{y?mx91+D77s#$ zr+*kWT_K%M96a=+iVCIz>-&PN_zHqUE!+P-F@y~7s%fwB_xIL~$TqG|!`oy^x1rX} zE056Li#6FEU7Xon21_lNb#PeV2eGG?`=GuLHT?Eqsv>bMThh2z5h9Gmr) zwck@Da>pH9)jBi6CtAU0MMV`Pmj(U3K)VVaA2pR&u70U|(SzKOXi{rS?$L5a`9r_7 z{5x4b%sv27{$e@x>&sea!u&C!R^~P;Pg5G!e}U)zI%=n#L~9j^id-sA{L`=UFWF=x zf60S`IQWmk_heoG?HJe$>KAtt|Gj+#zz!f1_O($t?=-Q6yCK8#*wcvgxSOW{c;x2P z{^>__Fj>(Famsg4Gvhe-QyEgiwGu*amPx> zwS9O&AhY64J{I)o^lNZOJHM}M;5|k)El7S|5}t^Q2kg9Ug5k&mylVih5&*blD{93? zt5CbHwaNHpmz+N$YSmo=E6FQ~!*QXCBhnF1L1mf(;CZ0}M7}y8LfmoyyaA$((tW@g z1HRzjLcq%}!1K`nqL2bsd-XU%{l+n{Ag7!NFm5UtP*s9`xC7?y^MsIpiyI-T1X!G1 zCWQWV1ZbUqzW|231fkyn@CK+%;U02f2tOF?W}$T*yy=8ccMbs|!oRUE1a1%J1pmDY z2A8NYkXxNY8a|v7ddQa_3&KF^7x2%&UqEy}m;;=V|MmX=oeR9q3kWv||K|;$44gxN z9^(=QEco+*dvZqxtAIpf!S0R@TASzq87aPP@)7*X-O=sOPtRZdFQfc4^Ru}JVSlYH zHxPT8H%X^oU{yXx*&uqb-o^wC*tT0l`E)ge%$2!v$L7IlDuPR-(UNz!sN$Lb3WWXd zdK-T*)Z8ZGmp_Cy(f%br@PhMCxPHgAo%oM@xDM{OG2zOgj)3B+7w`n!$w7VD2uHHm ze`PQdYh-jWknG;o{xQ<}^%Gc$24Lrwh{|LQ7SA?k{0KR@N&p-^mx8&-Q&GjJAt1EB z_Wb(fZg27k!##fuJVEj@^5TjcV8Ec~VAWr=#eY7iDA6(nH!oK*BG7NGg?sx?4O%z8 zq#O}cJWai~sQ*0X|K2^-nrvPPt&>0Wi}>>Yjr`H30``<3bH%|=I-h$Ry~H6^ga2G^ zmE(>knHW(ZY+86PxS71ch7qkDW}6zpZs(zfCi#ORZ6UO?=A=`JdM>Eo(6 z>mT~mY0iJO=~tDD*mSPaei}WaEH7_8#0hW&r_6?5*19;8L`vZS#vwvYL*=048Dy?0 zwGAxa~e^iCvlJy(PQzT;Jo9?}Mp(?huKRcQ}qr#=61k4W#eWnY= z?4T{!Jf6h#S4rD&AFo3OL}0ofAhz?_xK6S@E4p6Dq6fnCbS|!pgWS|+*!z{F!Wf8p zevuR%;CYlI4oCUT#tF3ZZd@=x`=>RzjD|=Ce95u^V z5FSsyjVS{+LE>MU+xvPEZ42J(f9!RoK$f!nc{O~CVd#b}@CI?OgQ(ID8SiLXz(i#X zYrT=>*igf-8-RPtcL~q`lc(L-yuwa`yjxBB5r2DDdaqDup44{*u`u|EY&jsOr4cSrKcbdU?yI?RssVtj&+K1*Ibaz_%$d zWd{+@#{mcAZ541*;w^VzAmF#9f|@on!8^it7JzFMshqyOYXoO0;vjmbO6YP~qoq>T z!#7$pZUoOxCTTWWC#9_L-}#ED=ysNfh_Fs&^Us#0TSkW zKwZNviK(>o+q#?3#FLeMIlu$zp&M=Mh6hS1`zYwWX2|h_+aZq{5puPfdBA~mQ=8eA zYWEL-e~OQf=zOT_Ecf*f$MK?=FQ&CKUArZ<+g`JL;aqpDw$P8Wtl z+N4s}X8WXi8gPzZ{g7_mR}g-|YhSe>;6=g(Yz2HzLJv6x6paGx>?z*J&;I?zkbJWp zhsg!eqM!6lc&6knO--(6#3@2B8iODnZE9i{nL+W(@h;^>t?wMKn^0qpth&neDMD_& z^jgibW2(}*H*mRO;&@IFPJ$ds8OAZsc%Q?`GJU)o8Z8x7&_+~4NNP`>d^wmnNQ7=! zy?3|67C*OUmStubh=QJgECaAw{X-Nhx5yt+(xKKk0kTo9_zb8KIDK%xs@c|UAV4=_ zvVN0<3&a0}J*B89fS5=I8_5%T00d5Z=U?si!X`{CC+&~v$~!4l z7AM|%-7HXm6l772f|o;Z$rdLOYN5+H08jayHM~g^CshGJV1?YMCZTfRrmjC9IPU)j z?#F6RFMyKEQ8sH*yf9=|FIy>vF;v6Qkc1m{2zlX2*EQ=04bIwC_|q0-(T~&NvCb zBoL|oS-d?i(f_f@r>EHzt+iE=y!hu{hEy=+BP;Y!pThOamlrQ&sO=YeQ^b&(g*HUz{i|=n!*IzO%HkeR>;$_)$9p@U zXEd%LxP>*E54pe*Lzll6+-_DX8$0#dWp4hsyO{||7gmdW-A7$#p8_mC2f!5&97w9bGuYP+BIz{Nkng}iyeMK0pa zgy#*u9PCcj9WSV^`Fe_aVhC@;PyR?5b^ytZ)8N@z$$2q6Ck8Cc48(lyojWSoq-}j}pXX(n z$xR`&pM7U9T&4&9j`rfHxKyv`!j=FW7X9lXTRTPZu#ieWB`u;L+Ni{jZU1df@g_(6p!#Hl0zm;`HU5_ zB$OXv>@mWdxbBv(fU@TJqbi1j;j*B7=K*JwUi-f$4JpvR0oq2^2CjX_y+Zbv#k$Yx zf*_!N5o^5<5t7i;uOT)H%F)XsmVH{U9DWC?OVu=F*e^?e21UPKP{QT4`~mu05mcBV zf}t-!JYJuK52a_5^6J*JnPv|cBfHkq5;jS+wyN7EtjPYQ=3a2Xi`>jbrrLl>roXvO z=vGi01N#a4oxNA(zV14`vm%D5b51&wFabF}+%S_2uK(-dNK;h~%N;Y^o*jeD{K~ac!#Tnd})!(0j8CG=#=QLQ7-|BD;CAWE z?b;{zX}?LLK_>!GvYq*|GZ$d9$e@lLOmh+e8a#IR(M!zQ)7jE*x+i>Tisuwbg6>+{ zHhZgQNd&|f(E8#(Wk>UBSl9dqXa{a76~m8wc6#G^Fc*}23}!T1eq-^2d$nn5k}}vv zK&XW+BfvI*TbHg9^a+qTca_u^G?jtNi*lGM`3Ca z%WkaAV>o%g>;FkwmtR`eJ|teXs;DmJyRn7IdITp3c{pBe zDmNJEqV~SZYgh+<*8!ZmAIMfA8Q)mH86f*{2dIW8*EA0;mm%3Rj~dteKDV8M8~#h9 z3y!mZsNDuawn|(oDrvb(&HEe4iY?&!Oc=!qvM3Rl&Mg3MWyLD$$rua2Hwa}n0cGeI zu{^*`yS*DPYLj#S4f^KM)GXg)M_e zd54l{zVBz_PW;(2<-6}KgEP#?OA*_;mssL1{~2o10AcjmOQ88JR;*GdR3cQxUC$N! z1Y=nkM+{=HmGML03yNk6{J%cae`5#@fLaT`+l>``<^1LQs=G%X->)xIlA$A*ss+RK-o*EDp^v$I+w@~!q7Na;i2WW zWMKi&8%5aR?Lkh~t4<;zNUurwhmD@L{`*6J!<7AiM{El%0#V!&4;D7Z_l56{_?=U{x-dLs$@>$AZ)~g$yw{NMnA8%! zYymCMceCBD0KqP$kp0lTn=hdf$H+%m;s(zIviY0tjTb=hr@B1N# zt=(3MnmXP3=S)S=ZMSV^QURnLn2CE2hW?dRNhvr`(TWVnVQ+O1K*-;(AdASt-@F0-dkO?SPAX8f@^0Du8~6DR6_&MF#2 zmnssSs6j5EAuZcG7>jVOtQoRWJP`1ZEy}~wv$l~LDCJ?}$68;tRou1?Orwk+e zi!~+BJUN|!MpJth%NmdJiE^$tRz%^hj0H$o&W2@uDG0s|0IR8c9quozljcSsx@Pho zM0`AkVe_#;6t6HFF6gbqTxK|CnEzyr{AWd%uuD7V*Ydx54Mk0}MX}H#A#3a}=G}C6 zAQqsxNTkZ$01uaiys_naQ#Rw4{1pY}B&e-JqfNA)wY@B;T^<4@jXY+9^fumPUC?4u z=P@ECdS^c2^A|5fsP>fG7s*;kOaRn#qN&Hl)IZb-1RQ!EgQ&O&EgruX%eY~M=<@;F zEY0coyfpn_2ef4L{>&TlH1q{Dz3~4dnB_6>MNa-9s6Rc1kf;~)Rt|OL7M~(*Ozyah z6#O|ouJmgWwESpEC5f+fuqTx9D&Qia(HcAc>_UD+TUe0{`;^F0`sP0k>bs6VmhK7j8eFr zep`DJ+9%?&adzGwf~tkZ1|A=!4BLYI0%$x;3mAHI?YxNl>s$U%F#Lhm9{a9Zc(S-M zXjh@Cw5R*KX82+ZqpjkMAXc+tT|);tXyp#YhLOAz$Wod|wS~0u_g@~b`3(j|Alf+Z z4ZopUn$thZH>Y)krXs=aG$_M6L5==F?>jeG z7BMAb2KN=9_&nZEFypPppi!mcn3zWG%4@xVrBGj}7@h(*D!^#|RKN)Vm^ ztERfL&Wm7*K9NX`JRgbO$l|>yWhlhdLVGj0i<@~ zf)2a&oB7et%9B$}Wx!}FY^{vnK;DtK!X}<3kkSeq7k_SmfKvHauull(2%{op?LDB; ziPEFd47y#aKYSApqH}3&>0fH%A{7>_*Z^*Cm7m!E>bo%GlF1(E$(tqGcL%0}a2eSz zQvcIKF;_EZz;WT0krHuccfQDz`4^AOECGqq7JF{9hr6>*u>FWAu~C=jXYKlgaAYOr z?pIX@@OhO-fLL-5xx4#$ola00%ys!zcO=q$MSW4j+WZW1R&;*)UniI)b_v^W&gsLq zT3?;)-NV}SZVb^&vxk0=2zqJDJKtaSE~gwx;I^OrO$+Gq=yckE#pU(D-hd^I+0`eozG5Q}aJO7~%j39MN>5+cw)&;y zj`)wz(;N+zR*lu9oUY7h6P94w$dk(x(Ho~CU_PIT?ga#PwRZyiWnF)1RTbzCq zC38WOX^O1{{v@DR>~XO9;1!Vj@lD*hdF;IiM5HLpqnNojn$GG6^Djj#b3jmwM1BCp zPViWG6Q~c;wd7w~ye5R#Kta&{_wA(2#H+pVCY8E2y6wNtKmQKH?~0u#HoW*O&bTbx zf-6C;_|wdxgy>#)G_+#-Zx?q$QvK~H(PfhnK{q_%uFE&4&b(Wt8Qo}J=*S&s0apSD z<+u;l3*Hmo)7O5^`(~rA_TmxYTo}{=+v?b42)#l_b291pz9c7#6UjFWA z1Pze*iI-Fq@?)NmmjBfX0a-Q!WksQy+(tXKC&XMvjP;H$O+e+ChcT;7|88pP$=2=R z(14t_hUwHLFUk;z)utyl9>xK-V2#99cq^mY`TWNGnev`u5|Vz!X0rqZ(4n^sp9@_+ zk*k;wn)0CiD;l(Z$K-+HDw>SD{7z)Q+3F~P7mTte9W-&Q5otpgp@=wJ|Z@hKNV^tYA0^d9$t+k0%7~{l3npI+H~V@r1*S~<5BkVq&oug z##Zph@&ZhabWIv@fja$|<1x{UfDlge1O6}lNu?ZB&w8Hsg+HcYSHbyf zS|Z#*L-_8zuDSftw`vVIM$3zGBM1U6c4+L2_Mko-GZJNhb7B)II4hWL^$;oOxqG2ezhZ<5+_|@il-o4xXx5UzY9XDgYOzMdwS^{Px$> zsJ#G|0SccFiw)uX2{%RiD%|{^M$^Vv!F;<-%V>j2qg@AuBO#VSb$TIC!61RWf6ei+ z)5Z|o&Q69P5C}n|>{~P~vVyyw>PiEp+pziwx6>MP4x5uT?7^I-hDXTUPYdwQde7yt zF5jlUiJh<*U#t&yj(e5+ajPC1+WqzQyEgTQnvb0gfItsjB1yV1yyl|VydR!m0``hY z2jzpb{WNl)n>+4yW8M}Oc;^S`4!oRK3`DpE6C~Z#*pd^jz3QMfzW(HWf%}IHWy#Bt zD)Z!Lg9)Im0yHp4hN3D@;qDpz?{?z48%-5?uys&(-)DXGdIfA!hx0aC;OsGbzx~F6=3Dp55OxlWSc#)XZr1GJfRenRt3oRVp+%Vs zx~^y{9MoxPVusdUh$Rn{+t5ZBF_&s*eO?b1>j}3lIfG0|;!TG4 z>V6@5&!R3TxPB-1_QO`LZv>0X zbP0Nk&L=m{C2||)Meff1=A|LM(Sg|wCTREHy>FMV1PeibnpEcXL(k*x@qH4kfhmo$ zFXQAT$yfJQlWAuC+d_|D`)=@RnZ|Hq%nxOH$UvC6IQZ#~iL=(vC%5Y0Yhb4}S@ED{ zogbwnLPv_ORg+q)ZY%z@?~mG40WF=HcwXqL(VZsy&16wl#d(@-em4Wp?e#CcK{=u! zx)x4yYQ3Zwgqjak-4{9W46^FI@;)T3Mff`3FQ_uI@RY^(k-4TbGj`=cK zusexI1`R;?@GPvBKp3xuaHwh@T0i&u5Y+FIf@q*`8)=*ppK+a%1O@L9T`HrAR^2|Z z8x$<`Y3#9O2?O(@13#JGmoA!vjl2f*g>$HytZ9w>9lA( zN6!RfzNMI}EnNSf0Hgz3{9qILye+C(x=8P;wgdY~|InvucuwbaolB%lD*K~`k_PPy zJ;Q4+WnAsAgslkd_24kIo_@BAL`dn)3f3I!H5=rT{?ClE5b5mgp=Z zB9bZJkaqbO`d5FoLN5XIR{3D30xyy--4PLya_c0G2~*27_(REN0IHc;3-AVTS9BH; z5ee}r@T9x9M+b>esu_T4?%wY1GfDST>)2cok@7eU%yajdWgYyX#08+6yKf{NdASle z7aT`KL>lKD>AQYn<-5PsO1lKm7c-kgx?*@*bQTd2sjII@SNHCT4w4n6p8=>=`Nx762k-X^w)&fi1{bY2QEK&iu05h8m zECucZEI5vci2OeXwgAiBeRp)2EK>ofQDuL?5?~IR5fBl{nl92oZ!0v_UmF#GeloKO zzze`5z@XqbA|hpX7FZ9wcq@O15X2s(T#&5BK6h*tOj0l z_oLBaia-UR&dlsG;6Y$Ma2tAaKtyDq9M}Q00q?u}AHjJFMFpUN%xo-av*4q^gwQY| zBKffoSO=_k_k+P%3QGl`Nz7~tsR+yiMg_+a5y_fkzy@HQyYGw+QwAykO=f0;fLWv^ zf_s3$v57=P!gK;3k*4^!y8GGSJf)%n5Xj6%0CRzdfLqbI0wPj;XMwMQ_kfM=ej+$e zX{i8YgqaN?Z5o^bv;sGy69+{k|GI#0f$hLHV28V(iH#(n0+3l|HWIjl^MznyXdn@h z+U@21fd9F>9}mtWeNX|&2{XHzR0LW{rQn*_L?R+RejyF^+kx%wemFRf)IbFwr_AhH zU=q;M>lq!HOGFCoDA3;P+2ig%ho+JNQ2{8J%F;paQqTg7M{gX6$c1$R`}y}k->#|r zVo?Do2{XF{7z currentScrollPos) { + document.getElementById("cabecalho").style.top = "0"; + } else { + document.getElementById("cabecalho").style.top = "-100px"; + } + prevScrollpos = currentScrollPos; +} + + +function abrirMenu() { + document.getElementById("menuLateral").style.width = "100vw"; +} + +function fecharMenu() { + document.getElementById("menuLateral").style.width = "0"; +} \ No newline at end of file diff --git a/Desafio Front-end Vnda/assets/style.css b/Desafio Front-end Vnda/assets/style.css new file mode 100644 index 0000000..3f97d8a --- /dev/null +++ b/Desafio Front-end Vnda/assets/style.css @@ -0,0 +1,722 @@ +/* RESET */ + +*{ + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + list-style: none; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} + +a{ + color: inherit; + text-decoration: inherit; + width: auto; +} + +body{ + margin: 0; +} + + + +/* FONTES */ + +h1{ + font-family: 'Playfair Display', serif; + font-weight: 900; + font-size: 50px; + line-height: 60px; + color: #000; +} + +h2{ + font-family: 'Playfair Display', serif; + font-weight: 900; + font-size: 35px; + color: #000; +} + +h3{ + font-family: 'Playfair Display', serif; + font-weight: 600; + font-size: 20px; + line-height: 25px; + color: #000; +} + + + +/* ESTILOS */ + +header{ + width: 100%; + height: 100px; + position: sticky; + top: 0; + background: #f6f6f6; + z-index: 2; + transition: top 0.3s; +} + +section{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + +.container{ + width: 90%; + max-width: 1300px; + height: auto; +} + + + +/* CABECALHO */ + +.cabecalho{ + display: flex; + max-width: 1300px; + margin: auto; + padding: 25px 5%; + flex-direction: row; + justify-content: space-between; + align-items: center; +} + +.itensMenu{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + width: 45%; +} + +.abrirMenu, .menuLateral{ + display: none; +} + + + +/* BANNER */ + +.banner{ + background-image: url("https://picsum.photos/1920/500?random=1"); + width: 100%; + height: 500px; +} + + + +/* SUGESTOES */ + +.sugestoesProdutos{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + margin: 80px 0; +} + +.sugestoesProdutos img{ + border-radius: 50%; + width: 15%; +} + + + +/* APRESENTACAO */ + +.sectionApresentacao{ + background: linear-gradient(180deg, #f5e5d9 65%, #fff 35%); +} + +.apresentacao{ + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin: 100px 0 50px; +} + +.textoApresentacao{ + width: 30%; + height: fit-content; + align-items: center; + display: flex; + flex-direction: column; +} + +.textoApresentacao h1, .textoApresentacao h3{ + width: 100%; +} + +.textoApresentacao h1{ + margin: 15px 0; +} + +.caixaFlecha{ + margin-top: 30px; +} + +.flecha{ + box-sizing: border-box; + height: 5vw; + width: 5vw; + border-style: solid; + border-color: #000; + border-width: 0px 4px 4px 0; + transform: rotate(45deg); + transition: border-width 150ms ease-in-out; +} + +.flecha:hover{ + border-bottom-width: 8px; + border-right-width: 8px; +} + +.produtosApresentacao{ + display: flex; + flex-wrap: wrap; + justify-content: space-between; + width: 65%; + height: auto; +} + +.produtosApresentacao img{ + width: 100%; +} + +.coluna{ + display: flex; + flex-direction: column; + width: 48%; +} + +.preenchimento{ + background: none; + height: 100px; +} + +.bannerProduto{ + overflow: hidden; + background: #f6f6f6; + text-align: center; + margin-bottom: 50px; +} + +.bannerProduto h3{ + margin: 10px 0; +} + +.bannerProduto h3:first-of-type{ + font-weight: 900; +} + + + +/* SHOWCASE */ + +.sectionShowcase{ + background: linear-gradient(90deg, #f5e5d9 80%, #fff 20%); +} + +a.ancora{ + display: block; + position: relative; + top: -400px; + visibility: hidden; +} + +.showcaseProdutos{ + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: space-between; + margin: 100px 0; +} + +.imagemShowcase{ + width: 30%; + overflow: hidden; +} + +.textoShowcase{ + display: flex; + flex-direction: column; + justify-content: space-between; + width: 25%; +} + +.textoShowcase h2{ + margin: 15px 0; +} + +.botao{ + background-color: #000; + border: none; + border-radius: 5px; + font-family: 'Playfair Display', serif; + font-size: 20px; + font-weight: 600; + color: white; + padding: 10px 30px; + margin-top: 15px; +} + +.slidesShowcase{ + width: 40%; + display: flex; + align-items: center; +} + +.swiper-container{ + margin: 0 0 0 0!important; + width: 100%; + height: fit-content; +} + +.swiper-container img{ + width: 100%; +} + +.swiper-button-next, .swiper-button-prev{ + color: #fff!important; +} + +.swiper-pagination-bullet-active{ + background: #fff!important; +} + + + +/* DIVISORIA */ + +.divisoria{ + display: flex; + align-items: center; + justify-content: center; + width: 100%; + border-bottom: 2px solid #000; + height: 0.01em; + margin: 10px 0 20px; +} + +.divisoria div{ + background: #fff; +} + +.divisoria img{ + padding: 0 10px; +} + + + +/* INSTAGRAM */ + +.instagram{ + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: space-between; + margin: 70px 0 100px; +} + +.arroba{ + width: 100%; + text-align: center; + margin-bottom: 10px; +} + +.insta{ + width: 30%; +} + +.insta .preenchimento{ + height: 100px; +} + +.textoInsta{ + background: #f5e5d9; +} + +.textoInsta h3{ + padding: 100px 20px; +} + + + +/* RODAPE */ + +.rodape{ + margin-top: 30px; +} + +.menuRodape{ + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: space-between; + margin: 50px 0 70px; +} + +.menu1{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + width: 25%; +} + +.menu1 h2, .menu2 h2, .menu3 h2{ + width: 100%; + margin-bottom: 15px; +} + +.menu1 h3{ + width: 50%; + margin-bottom: 15px; +} + +.menu2{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + width: 40%; +} + +.menu2 div{ + width: 100%; + display: flex; + flex-direction: row; + flex-wrap: wrap; + border-bottom: 2px solid #000; +} + +.menu2 input[type=text]{ + width: 75%; + background-color: #fff; + border: none; + font-family: 'Playfair Display', serif; + font-size: 20px; + font-weight: 600; + color: #000; + padding: 12px 0; +} + +.menu2 input[type=submit]{ + width: 25%; + background-color: #fff; + border: none; + font-family: 'Playfair Display', serif; + font-size: 20px; + font-weight: 600; + color: #000; + padding: 12px 0; +} + +.menu3{ + display: flex; + flex-direction: column; + width: 20%; + text-align: center; + align-items: center; +} + +.menu3 div{ + display: flex; + flex-direction: row; + text-align: center; + align-items: center; + margin-bottom: 15px; +} + +.menu3 div img{ + width: 20px; + height: fit-content; + margin-right: 10px; +} + +.vnda{ + text-align: center; + width: 100%; + margin: 20px 0; +} + +.vnda h3{ + font-family: 'PT Sans', sans-serif; + font-size: 15px; +} + + + +/* MEDIA QUERIES */ + +@media screen and (max-width: 600px) { + + /* FONTES */ + + h1{ + font-size: 35px; + line-height: 40px; + } + + h2{ + font-size: 25px; + line-height: 30px; + } + + h3{ + font-size: 18px; + line-height: 25px; + } + + + + /* ESTILOS */ + + .container{ + width: 95%; + padding: 0 1%; + } + + /* CABECALHO */ + + .itensMenu, .iconesMenu{ + display: none; + } + + .abrirMenu{ + display: block; + font-size: 40px; + cursor: pointer; + } + + .menuLateral{ + display: block; + height: 100vh; + width: 0; + position: fixed; + z-index: 3; + top: 0; + right: 0; + background-color: #272727; + overflow-x: hidden; + transition: 0.5s; + } + + .fecharMenu{ + width: 100%; + display: flex; + flex-direction: row; + justify-content: flex-end; + } + + .fecharMenu a{ + font-size: 60px; + margin: 15px; + color: #f6f6f6; + } + + .iconesMenuLateral{ + width: 100%; + display: flex; + flex-direction: row; + justify-content: space-around; + margin-top: 50px; + } + + .itensMenuLateral{ + display: flex; + flex-direction: column; + margin-top: 50px; + } + + .itensMenuLateral h3{ + width: 100%; + text-align: center; + color: #f6f6f6; + margin-bottom: 30px; + } + + + + /* BANNER */ + + .banner{ + height: 40vh; + } + + /* SUGESTOES */ + + .sugestoesProdutos{ + margin: 30px 0 20px; + } + + .sugestoesProdutos img{ + width: 30%; + margin-bottom: 10px; + } + + + + /* APRESENTACAO */ + + .sectionApresentacao{ + background: linear-gradient(180deg, #f5e5d9 75%, #fff 25%) + } + + .apresentacao{ + flex-direction: column; + justify-content: space-around; + margin: 50px 0 10px; + } + + .textoApresentacao{ + width: 100%; + text-align: center; + margin-bottom: 15px; + } + + .caixaFlecha { + margin: 10px 0; + } + + .flecha{ + box-sizing: border-box; + height: 8vw; + width: 8vw; + border-style: solid; + border-color: #000; + border-width: 0px 3px 3px 0; + transition: none; + } + + .flecha:hover{ + border-bottom-width: 3px; + border-right-width: 3px; + } + + .produtosApresentacao{ + width: 100%; + flex-direction: column; + } + + .produtosApresentacao img{ + width: auto; + } + + .coluna{ + width: 100%; + align-items: center; + } + + .preenchimento{ + display: none; + } + + .bannerProduto{ + text-align: center; + width: min-content; + max-width: 85%; + } + + .bannerProduto img{ + max-height: 40vh; + } + + + + /* SHOWCASE */ + + .sectionShowcase{ + background: #f5e5d9; + } + + a.ancora{ + top: -65vh; + } + + .showcaseProdutos{ + flex-direction: column; + text-align: center; + margin: 70px 0; + } + + .imagemShowcase, .textoShowcase{ + width: 100%; + } + + .imagemShowcase img{ + max-height: 40vh; + } + + .slidesShowcase{ + width: 100%; + height: fit-content; + margin-top: 30px; + } + + .swiper-button-prev, .swiper-button-next{ + display: none!important; + } + + + + /* INSTAGRAM */ + + .instagram{ + flex-direction: column; + margin: 50px 0; + } + + .instagram div:nth-child(2){ + display: none; + } + + .insta{ + width: 100%; + } + + .textoInsta{ + display: flex!important; + text-align: center; + margin-bottom: 15px; + } + + .textoInsta h3 { + padding: 70px 20px; + } + + + + /* RODAPE */ + + .menu{ + flex-direction: column; + } + + .menuRodape{ + margin: 30px 0 50px; + } + + .menu1, .menu2, .menu3{ + width: 100%; + text-align: center; + } + + .menu1, .menu2{ + margin-bottom: 30px; + } + + .menu3{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + justify-content: space-evenly; + } +} \ No newline at end of file diff --git a/Desafio Front-end Vnda/index.html b/Desafio Front-end Vnda/index.html new file mode 100644 index 0000000..c0bf2d9 --- /dev/null +++ b/Desafio Front-end Vnda/index.html @@ -0,0 +1,260 @@ + + + + + + + + + + + Desafio Front-end Vnda + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+

MENU

+

MENU

+

MENU

+

MENU

+

MENU

+
+ +
+ + + +
+ + + + + +
+ +
+ +
+ +
+ +
+ +
+
+ + + + + + +
+
+ +
+
+ +
+
+

Lorem ipsum dolor sit

+

Lorem ipsum dolor sit amet

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ +
+
+
+
+ +
+
+ +
+ +
+ +
+

Título do banner

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+ +
+ +
+ +
+

Título do banner

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+ +
+

Título do banner

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ +
+ +
+ +
+ +
+ +
+ +
+
+ +
+ +
+

Lorem ipsum dolor

+

Lorem ipsum dolor sit amet

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ +
+
+ +
+
+ +
+ +
+
+
+
+ +
+
+ +
+ +
+
+ +
+
+ +
+
+

@instadamarca

+ + + +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
+ + +
+
+ +
+
+ +
+
+ +
+ +
+ + + +
+

@Vnda - Tecnologia para ecommerce - CNPJ 00.0000.000/0001-00

+
+ + +
+
+ +
+ + + + \ No newline at end of file