From 67485155da9dbf09a8b8c3155c9bcca9573ef7d7 Mon Sep 17 00:00:00 2001 From: yarynayavor Date: Tue, 22 Aug 2017 21:00:17 +0300 Subject: [PATCH 1/8] Added base files for homework task1 --- img/block-1-bg.png | Bin 0 -> 1731 bytes img/body-bg.png | Bin 0 -> 2309 bytes img/button-1.png | Bin 0 -> 8382 bytes img/content-bg.png | Bin 0 -> 1194 bytes img/lines-4.png | Bin 0 -> 3202 bytes img/picture-1.png | Bin 0 -> 1688 bytes index.html | 39 +++++++++++++++++++++++++++++++++++++++ style.css | 21 +++++++++++++++++++++ 8 files changed, 60 insertions(+) create mode 100644 img/block-1-bg.png create mode 100644 img/body-bg.png create mode 100644 img/button-1.png create mode 100644 img/content-bg.png create mode 100644 img/lines-4.png create mode 100644 img/picture-1.png create mode 100644 index.html create mode 100644 style.css diff --git a/img/block-1-bg.png b/img/block-1-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..869dc794f53c0f52d35b087d7eefc426cca4229a GIT binary patch literal 1731 zcmaJ?drT8|9Iw+wU@<;HC8WX({!*bQp3_O9rW`B`tUZ>9ct;T7?6z#{jL%)`*!g zn3@GFw`F5lT0g41Xfv7+%7HSQlQNKs^koVz&w{L*m@5-iFuvdB;R|?3BBgmCivB;;%ZDOe?-kr!dw_yYO^r*n46k)FE!Mv#!2d3S#rXtv#PkUE!*T@cFA)B zzX3X)IXZy=o zL6jXr>1`5rNC(FZ>26ULDNSwUvj)&~mnhANKv7*@pEj>g!yKsML`A+EnL#Z#YR&eS zW)f0HPbG6e#~Rc_Ap;cFGkVmF9#vWs!syXtwU-d2>`DbJ?9E!|4iAWHX$(_0ImK_eV9bK+DkrksF` z(W?Tx)MKyFk5RqbtyNZ7{WsqF{-Lv<|A*uIJxVCF5!cj`xl3LpPfFme)+)w8NzpOs6Vsv=d#f?V`W_UdJsdUVXPNM`Rqu~A?7 z9i+l0S5=qq%|GirY3$D%I}q0Rw`m`#nb(ReM|9<@$K95an8?pB}yrZTosl;RxqSt9bkP;GgOzU8kMrKbsyg zWm>0a4jkuRS)07=rtGRMJ-qdN(&Y~)e@gac{9-#*H#wGa?D_Cy>Yj7V+^LnxNp0lX z`mMp>9`}VMmE~V7tACgqnW_DF9c^@l&pI(Wv9qfAX4QokzosCxeNW5b;KcrOiQkG= LrB@!8@96snwINzV literal 0 HcmV?d00001 diff --git a/img/body-bg.png b/img/body-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..0ff0d6786e4e56153a2ed7fddf5f10fc6a7a45a8 GIT binary patch literal 2309 zcmaJ@X;>3?9*%+(6cI$Nbwxu^DlX*W$N>q49FUNNkOUHtVatos1 zu`0UaQ5BDZ?P3*=t#(0O6^~Y35Aec@u4q+6aXr>etl0ffJI^!oKc4q}f7knAYGu;+ z@nffr#o=({g$X>lbMl~au$Q8=W_i;JYw<0uq9nG+Go;Yaf5bZSI+Tx6VJ zgv&#;RwHD>M!34)xZF>2T}CjPosoHv1ulei0t;fqzb}{xe>xY&C-pvXb)U|K^GPnr znGDG_*8dyx$d%JOuI)$DIu9Rh51E`^w>V9`!tLu~9B!0ECRXybbq-Cf9b9b7s=~lp zTY9-Us~Sr!$x|&drj+E03qc{8m0e>67Z;|LnUd_f^fE+MnjZ-YGb$~>;==hA1&U$= z6OzoYFw2S{d2vo`t}?R<<(gD{Bu!wRpJ>gd>%>5fRj~k$GpcCXM5#?HwgO2GD7i?V zR)+AAbhS%aJ1}pJe zW=U-tmLXYHYGgo?_=5RS8X+5&i?A#amd!)dEQ3tufM^;~dWAW@AcLuw^3CZHV1i;H zEHBETX+=DfT3u#j>XRfkO`;Wu%~dE%V0Ny84J&B6L{&+C0-D9iPYnm+*@on3eNt?m zGCC)TYg9$&$TF)eF*&jXG?Q(RD;5~&kR%Eea`KhO{GO9=ICp}O$5Gm^JzRCk(kt?< zE*5nE)V8;~yBpB!>jIBo**ttCCI}8V(O}*+s2b=~G_2DL8pXd9znQV~rbm8S_N{?` zU4Fap90PEV2!46`&ed!w?);)|#}oQQKi}KMPx2kB*RTkqDuFT8EotX=X6r)ggNASs z8-uHNZBc&TI$RV9oSe(|dmDfC=Uy#99PI56uoJZ zylU82{vw^n{qy=W!F$@r0CP5trq3*q`0OdE20{*AJJs7fvwqk5IJ1wm{iNbZ>3FwP z+$HeVFo_uaOzPd}$$t6yTLFrM@#Lm;U9{f#(DnQeD{I1^Rt7sqeGjQSV>!&CVQQtNa~tv%jBE=uf|j_*=>H5 zsBYiyetYW9+}Rn2)_%2N669Gkv$Ur3tmmjbo!Upl-d6a^+4#e@2HSPh8vDs{4sT@O z+x^e$yU1$j~C-@D9tlnmDkftmd-h3;1C}7gW*4zaD3)4d%b=^Up4pqjj)jacU zI5FG@oo#Mp-5az|Zy+swxMI|jZ^CDgo*(~A8jsB=icaiu-#^`N@IO6Snn!}weydMz zpSmkh=}ionmbtxDd3~`uA>k)%ZW#S_-Mq%_6a5|!xgBk7ld6oE50yG`_w%m3XAgNT zicY%tEYEAQx+$Xa^C(oKRVcwpef5n1x##eMuoR%}64U>j$?#f7aGQp<3fjO93f&N4 zL30>4gg6i7?sQ^{wbyHK6U=Cp-M#sv>Y@*K%!X}&&_71+4XVE};eNU7_Js%KnN&vo zHcjCD9`6V3ne>n;6~}<{qiLH<)ZUXPaJ#!tzpVRSHm9rOIydCeGr#tEKj5|J4{t;0_=)(`R$bLKk2FxRR-QC8cF%yn?cq_(-aNHrPg5-8-^zY$Lv`#mQ=m4|qey|t9k;EmwJF~NWlK~9^--8}lY(W{{Yp6)%V zJw45ikS9#hfg5bu+k~w%Vdn6ZIaFqN)#UKmE#fr&hAF;lR|TP|Tl@No&#axj~ZDSg%QZux)x0i4I~%B0xVS47v3iI6YlwZ#GD{{ycgkct2R literal 0 HcmV?d00001 diff --git a/img/button-1.png b/img/button-1.png new file mode 100644 index 0000000000000000000000000000000000000000..92ac2a1b96bfdc80e44e35c27893e6d1f8f72c8b GIT binary patch literal 8382 zcmaKSWmFu^+ATp6AUH|T;O-1EIKkcBb?}*iVQ_-GJHdlXaCdi?Ai*`b69R;gOU`%R z^W7i!++M4@WbM75r>b_X>eZ{mRh4Bh(TUL!5D+lsWF^&~OONLphKlt3{IC<#{9F*h zrF7vMP%F5b84QFVW(hS1QOJSKtU>A^GfNMr5s(l90uqI-rY>ApNm0N83T89=i(zvI zJ3g}!5QIeC9nCE4L2wFlkhLvDnCiT(i;BY5QkY7IM~OqpQ37ORE9(gZX?QAYT6o%9 z@LN)eicko-3p@*eL2xq)cd!G*S-@SG>R-A7&-K6E>{Jy0g23&Css1M^T_sft2`CIi z!NbPEYQe$FLBY$(#>vGE1Oizo034hg>>L1gP5>(>P=E^{z`;TB?~Cd=8qCs4KwVP$ z-?5%s!c;bJxT63&yPKOEn;RD!6lTrN$VFg@LCzL1 zTSvGp6hiS=(aap`0vD!w&h&qV0CxP3EX4WW)AT%H?Cxfc?3`>Ie~0uBP)X_k4+Vq& zgLa0igZ?+)|EI9CriUYlT^-~Mb%9wtFPs(i-%ySM5-^Y%917EfLLL5@MO7Op9O`TX zb)=Bc;Gxj5g;+w}od1PZQWB7ZIK#~#79crEVX9|7o2{*-0DzMd$j1i|=ivkLadJv= zi1YArO7cnpq=0k6`zhC#s; z{~EA>?SIdO|G(<}n``;sa}oQmT=wT=*#9o;|Fz8jbUl0LZ}mT>eQx~6_8`c!*J015 z_CBUNf8Hwys*0LYD{CtTt>Um@gWx8IKY#uh4vFpV?b;7(6b(e`&j`&9J1f-#-X^3O^E&p#eo}mUn9@AhRjJqE9|%(@Cj=b8uuZs8rwitDgRt zu=W_=hfF%qu)?PS8_jkBn=cv~HG+m)g5GVGQe`abCri$4hPK7BdYM4VQe@S3p3D6N zzDSy|FE*wtVpMs^1i6S<3Mifv7Phm>70q9`;k4p;OzJ&6ac!2KNz#^%0_vmOo`rfx zn-N&dsMao~=G)?4eHIOKg?3#UL@7v>Lyn5&TMIr5apcy%@eB1F}2(=D@#fcc`Qfy_$+jLe!YZ4ea?}QhC2&*@U z>TtGSR^GqdE?5d%S_uptf;!Bqs}67}w6Kp1!0c+Zd)w_mwIb2-<{ z79%Nnvx--eJC{q+SE9r>X@7_&>gelG>EeF8%p6#7SB;fbY2i_8020I?X+;C{>&5u$ z-jtM@1{W$B?C#}Gj5%mp zgZ#?f4542FV10(%{*-iuD4bPTET3_zr;`+l7_^GGyO--cs?Bs4`7UqIoi5b$zVSP4 zXwJ;c_-=sg&SW#vbxi9OB*O*lyTwG?h}bi5$s*9>YHU=Bgw2Xo$bIlKC&1O6RdsWf z=4p`62nfUsa*|@2?#m~-A3r2%Es%@dlY*sX`qQ=~NIQw+iTbetBGQDKFLA`;(Oz2N zN`lab)Z|h6V(ZnY9TmfIG}L;;2QcF%x?r83ib#iu!r6YZ2g;kG}gNfyO9#K6NbrOgJZAPqd$!juA6El;ym&){ zF^e8i(-IO$ctu%QfV7~|q&Gr4xKlW1_$D_TAoSyjy$72&A$zsC8hrOo=o9t)JUl-% zCjzH_vs~rXc=h&@k$UZDT;Eg6#E=R#OSPz!uGXGz_E5i?f_|$-iFFt0iq1~D>o|QB z8@|6@p)im=&_LVr$rQbsA*Ue!2;bdoWK}J??JNL`RW?$yPJ z=?Swk0T3dI94AhD-MjfdQWOsU;=Quw3B-mR2JZzO(S@n9&YEL-vzjQ3eJ-NA-CLpA zYRXUq=(TCD?H(VmNFs4c)8wIyP?TezqherX zPX-9sfPHp$2qp7WxPKZEGA4R9=O0}a*VnQ7WWUnjeXiX)#Yod07<$c(ra`(8_rYU{ zbQ4YW0q|Ml%&Xh~gtRf$Z;Kue*9w2ecU;!4{#q*2RUEhU)%@o-_$=WS!S(?zlJ!h1 zuh}=jfV31M$@hU^$_<)|3?!rtp)0XZT%qkYDra6froy{CN|~;i>$?zcT1J`l8s0RC zyBMp5UOy0>{|8e*LuB)oAy9xusk$f*2?D`tf2^?{&6dLOa9D~ypC%2go9^#{-G&U3 zqB5RUGrkh2$JNKh7pcJM4r1ZBoR4ALMD`|TrF1b>%|XsF?u9(9h4j<}J%?UOvG3@B zLxx)@Zm4p2qepPQR%nIsDXkoma-1&P`bk*(N2x&PY?eK&K4xN>@TI>a!L)z%(%6R* z=!qMbdquyvd54O%6oaRAgf~T`<@{D~)n5~09xsbpn1S|i z(kY?P?g0eK_=aNobuXz@`{FP4ueR9{#YsJ4i~257Se%XWBi1$bh2MJ*iCN8x)FXUK zi+rId8TN*=)8GGtG@qCK)c1_`gK84hKj}#6TMxAwd(|v|j3`9ATq=8LW<@p;1xLvo z{qwlo4Vs>=Ng8D9l1KK*(M47tcyqd9n|@%b^TPPI7q z-o0}{dIUi$X^T99eEp(lxenZH^?M`%^iq#vmjNwftrg%|1V%7^k6Xb3eXl`$? z6PIyK?opY%T?4mzE!9r0yjq6RLVLP!`aN;2nk_!RD}5h|D+3p0AEDtuz#2|8{T3yM z6od?Ym$^xVs%NzwM__rfpT&{()Zh1#^!vnHKJTQ+LQ8SiN}T?5_Ko4_?`uN8Pv+1> z7G;kK(ZW3s0yeS2HW`f*Fes4NFHsWdXwi|w6Y06fw|zW}P?JbqYrY*3(DtJkWLYkZSF6P);c1wxv-WG zM4^h~X3*G%567PNg5YCIdgv{g|5SWS>6_2UX^gD7?xSVs0V!e41wXZ4Y>u%^BoIOq=u64z-{@C zgiPT2n?T#XGTz29JoySUf-<&d;;=dlh3Ys%HMU`bL2tvSo+QC9BsL#S&XQsXvO5Py zMOahw5t=>3>r`jgpE{zn6!5fJ)up9I%r}ERyy8ek#naw%3a0o{b5Ia#;YeJzQ z;*pE=cFp;Z_5jw|+Qs_ZMh8j-W2?GY@7wC~Y~eAcsJihBk(h*(&74o0C4?5bnAH6> z1&L`Cmu9qV3pw5B)8}2jI~5;+FpZ~*2vG8`gdPj_m}qS#QDNVUVO*vWY_j_URIPP+ z?fxC-9QcL^(`pkqH{gAr$U|6!v-Tku|5Wnj4PxgcRM0oO%!^z0=LtWzFUNy5lN;8r zyM&1hAik6s4YC?$zkUJEuegka3=&@7>&Llks1qS6(d7;feb41PLZq}-go)ylQVy4L+F;j{hBecw0SaV$<@fP#{AwA?Y);APrY_E=s=90u>bwz z?^a;;WtcS(*dzp`^SJTrJf@x*dpPh?l$Dhw``yxFWDS7r4j-?32)crOeu%;(>IV6y z_!fm{e7~0bk}(o!LWe=N3)S-3l*WaC&fockOj?uD_?_QAWsQv&n55E)1GuKd4xH&a z0Exd_>#uy2wJS6EcD_F@n)rUauZ&ab>c+&Z%)VTFczk%kr9L`7?r0BjfxCMIOMjhA z<0|H*qRLAV4)Syn`o$ukE65|`h@ETP7vh2;LGGz%eMrznc@L}oa-3F1PNAVQq1&;- zx@+B>YuMDFXAIW1x3{;X#;0(Db1x7WGqAFDR6FQx)%N!GdX9^Nm#YUK!g_l_O@(Bq ziqrgHUEzlkH)X~JfuV+lc^>BD@!PV~mDEYYwiU01E|`RctF;vmuk_#%7$xQ6;sW>n zJ{~-`yiDAuW7zEZqc@`W;_(redYY7opVdp>z|z9U47Z_bcnUf`1VEx9xnu{_VpbuW z(mWAVHaq6th%@TZ9gnA#l?^qqpJodmjT~F}jABOXWgQaZsu7-%eO)|1t3;KJaR7s( zqoXjYgWB2%DjeP1u-(`r*kR`p<39UYCnt@=jz912?(!TlqA>g<8yg!yURH_q(yqZ4 zHxYSxuP+Izzdt-oPpg{d=q(!oy>1H|ruNrHFemi0^qMLgT_v0I01PF|38X9X-HHiq z2t?$fttF@zDNDRwu8r3Aun(!UhFfHi!&*2BoOWoivC+d5k?$zW!HdP%Q77mX+)P$S z1VgnMBYQL5#p+PqbWzFh*W)L_=G^_o1*L3515v6j1vBm<#{1*{Y=gdwfQN#A;j#_4z5^>O zYva3?c}U38>B16Xa$%Va?fgL*^RIw15@Hrxlo5fpZ(NP9+g!|0u#B~}oAALu z3fCw}fp3JZ2FK4JAtz_XdPJ5O=;(IS1`}E7%Cc`hkL`JS@UsSJo7v0SGbCE*?cLav zv(+Wy93O%iOCNW(?IDmk2o@ z&X$*#hk*#*v1N*Uyn)NA>hV*`qz!!E$X@l6Yu{G3nnNEYo-O-AGI}E*G)GMAV2Sog zjJ?S%p@HWXX4LZ5K8SLfdf|{YnUCm2bhI&UW#aFyo1bn+B2AtcJ0Y$Uf6VN(wBE*5 z`TV%(!#-a{gHyxlz!lni67;F?Wx>TvArIW@?tzx$^K+zDC2afD|^9;{NT9`{J|io}zK5 zK`f0-zm>BAk@+e`Bn1W4oF&-OL~A-mMX46I0CfWsHr_d1Kbao+%-n%`6z-yN-EWIJ zM3513T=YWgUsGr6Pj_F9LZ4r=Q>OxaSx+Zn6&;R08f3_Pf|Aa@G|s@rTpGFSOjefw zA0ew_a^?&U<&|{6=MT1qgd!C^(%nJBai+GM*FH`yBCKJn^Rjs#Obu(w;a8S_1d0n| zRkB*W@0E;i=&l@wL`-PyRnE`3#1lif83@0!)9;3EKf(m&ZVnIkF1Bvq9W@T4>CMd> zK5+{di+sv4jIjf(Y>RH?;bZG5S1ZlUJdtw&(klCKzf&+un2b&rLzdwpW-@tBtG5pK zx%=?SO4_7e?hk4l#$PxCsHv+9y6@ju{!|E!0+y8XDqRql>Xu^|<0m(MBA(m19UUri zhPCd)A8hN~A-yXclJ|A(08xc%m9 z_SYNDiJBYqKy`i}vWC0EhobY<7H968ZlS@^yI`H1`|Ze)y4)Y*r$D!_7k2H7%9+9| z8ymh?t;@Y{xA>;{@?iWeFK@8W0bQitd^^XRo0zPgr7|4&*z<>*NFmu|eGjI4rJK?G z!g8+y{1uIM@Ha%OmIzB%@XIGfXIBSuEvE$!t}xReM{g$oc|sY>-#8 zt{Z!9+KvFF!S2tkOF7oxv;n`8F=eyrw>n=FnzDy0ihmtFUy*uS$W5`__VX$*+&rM?OM8 zOzflBZZ%3{0Gr`5?lE0oyGz=aA<1jVr2a<;9UHhMnb(Itb=%(}<;&R#)28Htt^s7$7eX@19#a%RdR+$w*ly&yZE z%qNS_Cul{+ti8ND50#w-UQt1vMSqqpwK`p-rBO^}*4=VNyzq$}$Ipwdf_ST~$0~Z( z#sB7{(&*?k!tANhbXEDx_C6<84artaWhlOt8;GnyI~%@~z@6XevYn^6e6 znG7ZO*p1H$qu?xIjJk1Cz}m zQ+4;@D)ZWF^Y~MbMylV`$Zj``QBrdRXR9ra^=*Zpg8^DJ)@SHZ5(79H7@NV!j~A0q z-27K1yt*VKJq+hPE32x**Y-}MR&MMS=?^Es+}sknxbj!XaLUA@sCPshcu*;VxVm`H zMmmExQc}Z#wmPO{yITh*y{EA>{C;>_etx@tySuw=!Cpc}_rIm(-w3Zzb%+}sOACK@ zr3dc*UK&-)f3%jcrJ-+VD0D`MHm4NricE0#M4L8>|1b%;c8JC}$U{UJMxYCib;G7_ zue@-qr^3b#bGUY}kF0+)&~-cCSH&usr!0W|CH9lhQB6G0)SBK}bH~;0?4bN&yiLr2b-6xm^rG?}%cocfNoSDB$sjNRhGz>P_eMGI-I!Q zLZ_4^z&aaz4omehw(sAUd`rol^!lE*@kn$v9t^@|5SfV;w<@W(FUT>R3C*&1keH`l zK#}}vboIm!VW5Hjj3W9Hm!t*aSITameCy$OD!`;F_-V7-MKx`ibDTLzUjMOz`S*4t zyZqvo2bRb}4UG3qA(Y|CVh=a>PLDidzFYI#oWNw}FV0ZA$Wp=g;@e z&0Lf3Az0w`2Ja!PJcjm;DiiX1^c~_W@v!Lb#UiB)SBGWJ5GTTQ3Cn)jTh0U@kG8$j zrFvTe%sxWmfIkp-=kXZ5F(7&C5a!xW$eEMG&*ogO)oEeKL02y(=fq*Gg@}(7Butl) zp>1n-gmL^uA%57moUTgp{;y>8_3mx7xv2m)Gs6oya-b zIWfyp6S?fT)v#n}e$wxAtqTL+5U|o~%g?E2XJZ+p&&`bm5c6r5<(|-&CuyzM&`r*D zx?|R;Hy*WZhs;KOUnx%lxJPr3vS1qLvxp8lsd-h*h?*6~2qk4dDZ6qkE;=r*;$+Z| zS2p1?&lAmG=jfJhMo5+>>6Rk(_<;ThLWT#MDLa&^oT}BaBgV97Ntv~%K63KSf2Puw z_XLF{t8;1}b#G-efTr9B<ZPXIs%ggD0niw{vLCQBvb&q@FMT!hXhlh z2ivoB5~h{})(J+vs+u+PLQlVfmH~NOpeAA#zjoR6J7$-kt8qhbzcdU@?Zj#68^#wT z&}qF<2v24rAis8R39V7@$7BrEWjvIQ^$;$5K4#SBF(2A?LWBsJ_qHzc;9(@{WrJMX z;TDBqBv-O153Jf{pK8?4xmRg{+?{ut5+)vaL-KN9-c5xGQf3!EIgi4-W99tS9(l$> zexCsyScq=v(X(6<|I5M}6UseZ#zMnNPC|jXJQxNMQAoD(m(e&2<+;*}B@5YEIGGan zO-WetDCe&1+*u4sg!*M~4D3AkRWI}{* X$~~@)Y?F7#SEE=o=X68ye{vnp+tgSs558K!Fm_wxX0Ys~{IQs9ivwtx`rwNr9EV zetCJhUb(Seeo?xx^|#0uTKVr7^KE~&-IMVSR9nfZANAQKal z@=Hr>m4GgVcpucqiS6q^qmz?V9Vygtyua}vbV&!IOZe;FeWNB();bds&YT)E*>g4KbZsBHX zVPxUv<^xfe?C?Vt)0Bv?jEy^rQO>ryA&s6|>*eVmZTg-8q z2i2Q`+btG2_38s1qYsK!q-cf-0n-kM2~V^@4m{bX<^j`s5in6#PdDEI%n(rlJ|V9E z|Nl?!s{H%!@9G2Fe*FA-I+2TdCp7!S$5`*+)AA@ifZb2J}%PD{<)e&od^9j*`CU5kJA zP7n$>XyJ2q0ke;>iI`AGw8!ygE`z%dGZY<{ww8!98od)N7FBp1`DhK(lR1yIm{MX- zzgx)k#HK7-P$4_IN>E{Sd^SVm>q}h>k-2kR8s-E~*~>LyYyY{;Y#uYq1MQ3)uIW57 zo6IQWT=Kb=X;nwZ_aL?zSwBA=lv$;_BqCSF)8MVmtu@Cae{mTwDEKm4h9z?~0DZyW M>FVdQ&MBb@0KT8Dt^fc4 literal 0 HcmV?d00001 diff --git a/img/lines-4.png b/img/lines-4.png new file mode 100644 index 0000000000000000000000000000000000000000..5afc802a0fab36042a058cd52fe5ad128faefd2d GIT binary patch literal 3202 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 To%q7=UxA^B}xAQsO~{X literal 0 HcmV?d00001 diff --git a/img/picture-1.png b/img/picture-1.png new file mode 100644 index 0000000000000000000000000000000000000000..b23c308459213d9ed604aaee587236fd45735773 GIT binary patch literal 1688 zcmaJ?c~BEq91b8TIEcr153+{X7A1S+AS4o%Bm_bZLI^`dL_)GafMl1=LIS9qDy0~U zrBpm>%TO&U%qW&xsDoOx%2*VKqt)?1nNmBT^+s&98wBhh#huxG@BQZczTf#~KUS;4 zy}g!r(P%VpS%gGGtvcsB!;Sh%(xxX+TBs3AMgf^wpNeWwy)ifI z5*k9IxdA4vj?^g?0t03S^-c_EH{%qWMhjVM$MuE`lmwE|RFg$Wf7sea2TVpGJ&vn{ zmADv9GezVPXiT0;Yskwm@Qw7fYk&~DfD$mHq#m%FGc8tuT}U6(6;OMp8KMJY5HdqZ ze;bresRqOtfdX6*W*Xoi7zjc@gw5gcc!2;5MqmhLK?sY9@C0m@0EU6_hfaATj41+* zL^|$^Itl4%B#8?k$Y!&FHa3V6sSv{F^PL(j7L!6St+^IbZ)aMp{u2rk)M_A1IBCKx zfKySQjAfHTIu+^L6wLUfti?KBCaPeNU5`Tu2s=}n04kO5hnmfkXe+5f-^KgC!d7iA zjzSvLie(c9s&Og)PFJ`lj+86v!-A zQg1P!GKr8*@j;WxCq|GccC0z%+F%yeaj@xyGqu37(P*QNcjYw*IHh6DDeQ zoZHEvr4Ey0k6Nf%C#a$B?#M5pE=0Lnp$+5eWveRUm?c_Hiky|H1Pf!>843;>$w`%S zlVwm|G(tu}xzXSj4YXN<5Gr=M0xXDOZi|I&Y8Iwqn-m;lB(qoxvvR=F?z`D9BuL4(l4nN!Y^zOX!=H11A^{)-R zH?VQji2eMc-h}o77qT)ONT3DZ$&YP)EPA?aI974WpNXIT+Q)}TXmV-O$=m%dxTot} z_Kr;RW-JchS5p_@v2aCat+#L8{8k=bV4t{Kda@$@MB-6LMn z2+w#l$XGobcy>eGeZEQm)1pQh!t|Q%>R-7(^PG5<-u3yf#~2p=;Y|KxS~V%eD==tO);!=+qLuT2KSb}W9QG5{$>l_oK*MW=Z8vT6*=8*(XQ;J z@s3+=u2o5;3%2he^BwcQ!v8FLbEk|qoJFs~+pjvdRSdZAh$?ewW*#qD;dr$)DQKu) zH9zX|aQP4CM`p@1n={zer-aE1ba!(iI|CWVF9&$a4s`bRTdyBko>D@;Ws{ff>|aq; zyJPOm13`t-p~PK+6Ay&o!UV)#)$omA)wvgs2fSxxhd!fEbGyBjGum?Q0FSJ&+-J-) z+Q`@SS@)6f*XCo5x3n)>{-_^h_{B4pIl8Y59sKT2wP&@q>2TZn*XmimvWGXHJg;fx zH02xG?Yx_TPkO`r{Mdz>jM0G;^^Oi?^%va@+>Qa;wNaDl%jxM2ZQao!IfDVOUNRl+ z%Kd!_$6MuzM@#W7*Q|Yxe|qYC3lDvpY^@uqiTl2$uwo?QsC)Cs-+|Q^GakYZnCY26 zwnWe4cGULVc40SM+MT!j!j0~uztr@E#XnssT|K=upgj0uYtx+0BZ + + + + + + Document + + + +
+
+
+

Ознайомлення з css-правилом "background"

+

Властивість background дозволяє створити стиль фону, визначивши в одній стрічці відразу кілька атрибутів: колір фону, фонову картинку, її положення.

+

Правило background-repeat

+
+

Властивість background-repeat управляє способом "розмноження" - циклічного повторення фонового зображення.

+

Можливі значення:
+ repeat-x - Розмножує зображення тільки по вертикалі.
+ repeat-y - Розмножує зображення тільки по горизонталі.
+ repeat - Розмножує зображення в обох напрямах - і по горизонталі і по вертикалі.
+ no-repeat - Не розмножує зображення.
+ inherit - Запозичує значення властивості у батьківського елементу.

+
+ +

Значення властивості position

+
+

Властивість background-position встановлює місце розташування фонової картинки. При цьому властивості зазвичай привласнюється пара значень для визначення горизонтального і вертикального положень.

+
+ +

Використання зображень-спрайтів для фону елементів

+

CSS спрайт - це декілька різних картинок об'єднані в одне ціле зображення. Це зображення встановлюється як фонове для будь-якого елементу із заданою висотою і шириною.

+ +
+
+
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..2ebeb25 --- /dev/null +++ b/style.css @@ -0,0 +1,21 @@ +body{ + background-color: #638a79; + background-image: url("img/body-bg.png"); + background-repeat: repeat-x; + background-position: fixed; +} + +.content {} +.content .content-top {} +.content .content-bottom {} +.content .content-middle {} + +h1 { } +h2 { } + +div.block-1 {} +div.block-2 {} + +a.button {} +a.button:hover {} +a.button:active {} \ No newline at end of file From a63c7a1288009482740fd29d6ba1f0055dfc353f Mon Sep 17 00:00:00 2001 From: yarynayavor Date: Tue, 22 Aug 2017 21:08:07 +0300 Subject: [PATCH 2/8] Added some base styles to body tag --- style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/style.css b/style.css index 2ebeb25..6a397e5 100644 --- a/style.css +++ b/style.css @@ -3,6 +3,10 @@ body{ background-image: url("img/body-bg.png"); background-repeat: repeat-x; background-position: fixed; + font-size: 13px; + line-height: 18px; + color: #333; + font-family: Arial; } .content {} From 6423680620e11e4c7e8aed38c531b92bb9fe3bf1 Mon Sep 17 00:00:00 2001 From: yarynayavor Date: Tue, 22 Aug 2017 22:11:25 +0300 Subject: [PATCH 3/8] Added styles to all content blocks and to h1 and h2 --- style.css | 42 +++++++++++++++++++++++++++++++++++------- 1 file changed, 35 insertions(+), 7 deletions(-) diff --git a/style.css b/style.css index 6a397e5..8c170ee 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,4 @@ -body{ +body { background-color: #638a79; background-image: url("img/body-bg.png"); background-repeat: repeat-x; @@ -9,13 +9,41 @@ body{ font-family: Arial; } -.content {} -.content .content-top {} -.content .content-bottom {} -.content .content-middle {} +.content { + width: 840px; + background-color: #fff; + margin: 100px auto 0; +} +.content .content-top { + height: 12px; + background-image: url("img/content-bg.png"); + background-position: left 0px top 0px; +} +.content .content-bottom { + height: 12px; + background-image: url("img/content-bg.png"); + background-position: left -840px top -840px; +} +.content .content-middle { + padding: 20px 30px; +} -h1 { } -h2 { } +h1 { + font-size: 26px; + line-height: 36px; + color: #2b8c57; + font-weight: normal; + margin-bottom: 10px; +} +h2 { + font-size: 18px; + line-height: 28px; + color: #2b8c57; + font-weight: normal; + font-style: italic; + margin-top: 30px; + margin-bottom: 15px; +} div.block-1 {} div.block-2 {} From d72ba5f36d33304ee9cc9b1c518eca6aa9f56240 Mon Sep 17 00:00:00 2001 From: yarynayavor Date: Tue, 22 Aug 2017 22:25:39 +0300 Subject: [PATCH 4/8] give styles to div.block-1 --- style.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 8c170ee..0b9001a 100644 --- a/style.css +++ b/style.css @@ -45,7 +45,15 @@ h2 { margin-bottom: 15px; } -div.block-1 {} +div.block-1 { + color: #fff; + font-style: italic; + font-size: 12px; + background-image: url("img/block-1-bg.png"); + background-repeat: repeat-x; + background-color: #2b8c57; + padding: 20px 30px; +} div.block-2 {} a.button {} From 8fbe6f84026c27dd5e87a8dca298b4b26f8fc8b0 Mon Sep 17 00:00:00 2001 From: yarynayavor Date: Tue, 22 Aug 2017 22:36:39 +0300 Subject: [PATCH 5/8] Give styles to .div#block-2 --- style.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 0b9001a..c629115 100644 --- a/style.css +++ b/style.css @@ -54,7 +54,16 @@ div.block-1 { background-color: #2b8c57; padding: 20px 30px; } -div.block-2 {} +div.block-2 { + background-color: #356149; + background-image: url("img/picture-1.png"); + background-repeat: no-repeat; + background-position: right bottom; + color: #fff; + font-style: italic; + font-size: 12px; + padding: 20px 30px; +} a.button {} a.button:hover {} From ee3fa8757343114b9547fd759bb4cefea249ab82 Mon Sep 17 00:00:00 2001 From: yarynayavor Date: Tue, 22 Aug 2017 23:08:01 +0300 Subject: [PATCH 6/8] Give styles to a.button and a.button(:hover,:active) --- style.css | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index c629115..57b8fd5 100644 --- a/style.css +++ b/style.css @@ -65,6 +65,17 @@ div.block-2 { padding: 20px 30px; } -a.button {} -a.button:hover {} -a.button:active {} \ No newline at end of file +a.button { + background-image: url("img/button-1.png"); + background-position: left 0px top 0px; + display:block; + width: 121px; + height: 38px; + text-decoration: none; +} +a.button:hover { + background-position: left 0px top -38px; +} +a.button:active { + background-position: left 0px top -76px; +} \ No newline at end of file From 99120fac8a0fc026e7cc3805b145fb120f974c1b Mon Sep 17 00:00:00 2001 From: Yaryna Yavor Date: Wed, 23 Aug 2017 14:19:12 +0300 Subject: [PATCH 7/8] Replacing background-position for background-attachment:fixed --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 57b8fd5..b8a9bcf 100644 --- a/style.css +++ b/style.css @@ -2,7 +2,7 @@ body { background-color: #638a79; background-image: url("img/body-bg.png"); background-repeat: repeat-x; - background-position: fixed; + background-attachment: fixed; font-size: 13px; line-height: 18px; color: #333; @@ -78,4 +78,4 @@ a.button:hover { } a.button:active { background-position: left 0px top -76px; -} \ No newline at end of file +} From 03106dce17ad769648c3ec8fb2a08f78e1921c4b Mon Sep 17 00:00:00 2001 From: Yaryna Yavor Date: Sun, 27 Aug 2017 11:13:12 +0300 Subject: [PATCH 8/8] Remove from background-position: left,top(as recomendation) --- style.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index b8a9bcf..231f8af 100644 --- a/style.css +++ b/style.css @@ -17,12 +17,12 @@ body { .content .content-top { height: 12px; background-image: url("img/content-bg.png"); - background-position: left 0px top 0px; + background-position: 0px 0px; } .content .content-bottom { height: 12px; background-image: url("img/content-bg.png"); - background-position: left -840px top -840px; + background-position: -840px -840px; } .content .content-middle { padding: 20px 30px; @@ -67,15 +67,15 @@ div.block-2 { a.button { background-image: url("img/button-1.png"); - background-position: left 0px top 0px; + background-position: 0px 0px; display:block; width: 121px; height: 38px; text-decoration: none; } a.button:hover { - background-position: left 0px top -38px; + background-position: 0px -38px; } a.button:active { - background-position: left 0px top -76px; + background-position: 0px -76px; }