From 95de82c950f6bfffe9a6d39085be72645c69f729 Mon Sep 17 00:00:00 2001 From: Sergey Yarkov Date: Sat, 31 Aug 2019 17:02:12 +0300 Subject: [PATCH] Added Section Advantages --- index.html | 63 ++++++++++++++++++++ src/img/main-advantages/icon-1.png | Bin 0 -> 4502 bytes src/img/main-advantages/icon-2.png | Bin 0 -> 3212 bytes src/img/main-advantages/icon-3.png | Bin 0 -> 3701 bytes src/img/main-advantages/icon-4.png | Bin 0 -> 3355 bytes src/styles/media.css | 29 +++++++-- src/styles/style.css | 91 ++++++++++++++++++++++++++--- 7 files changed, 170 insertions(+), 13 deletions(-) create mode 100644 src/img/main-advantages/icon-1.png create mode 100644 src/img/main-advantages/icon-2.png create mode 100644 src/img/main-advantages/icon-3.png create mode 100644 src/img/main-advantages/icon-4.png diff --git a/index.html b/index.html index 438032a..c73a8cf 100644 --- a/index.html +++ b/index.html @@ -121,6 +121,69 @@ +
+
+

Вам не придется ждать!

+
+

+ Любые запчасти для всех моделей Белаз
+ всегда в наличии! +

+
+
+
+
+
+ # +
+
+

+ Все модификации Белаз
+ от 45т до 450 т +

+
+
+
+
+
+
+ # +
+
+

+ Отгружаем в день заказа! +

+
+
+
+
+
+
+ # +
+
+

+ Любые типы деталей
+ от шайбы до двигателя! +

+
+
+
+
+
+
+ # +
+
+

+ Доставим в любое место! +

+
+
+
+
+
+
diff --git a/src/img/main-advantages/icon-1.png b/src/img/main-advantages/icon-1.png new file mode 100644 index 0000000000000000000000000000000000000000..ba6e578ca9eed3734ddeaa52f7115a073564b53e GIT binary patch literal 4502 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 literal 0 HcmV?d00001 diff --git a/src/img/main-advantages/icon-2.png b/src/img/main-advantages/icon-2.png new file mode 100644 index 0000000000000000000000000000000000000000..100411dc6f626832913b735e646758f3cfa5ea41 GIT binary patch literal 3212 zcmV;740H2|P)I5C2btDP|_5TBoL!im;|NBN0x?77E&3FS(&DV ziADC32_M8mNM3?GDuEI&$Q3gK;ojYB<~zDr?DIb7|IhFA&78UC?7JUp|Lg3v*Is+A zeX5KxC=lua`~*N-051So!)r5uod9<5?|T+SV#q)M%R}<)0k8$Y1^}x7tOoEhfWMT8 z#@ta9hMbY|M_mEnv<&Gf8;Zb?K>!v3s1<2H0`Mk);{bF4a0Xg7S1BJCvIt z9|o{MrQHPJPL(u%A}0A}&N5kLbktE#R9 zuol3p0Jc&?8Ux^N03B65Hv{;33Of3-Jr7L)y0hJiLRyAwrCbk#T|4Xo@P3ugt~JK; zZ(4i;z+$<(5;`y)}nUenZu3wYcx(&`xehDzfaFU>krV`FsskPKi1Ir*ah8 zt2co40Pe`BGs6IMqDb;Ou^+%*0QXZp_ArwR&z1?=sp0%LpLOSoqzoBFo0A92p#S7e ztbiSfQv&|KUoAAVz>8e>_>KHbkW^${Deiw;VrHBW!VKiV42ur{I4XyF4?+^cEn&mO z^AB^ND+rgV|21+%REadh>u8Z?O)+mJcnPa07N4RDpDU6uWTd#avh|O76DeTj`4`3W zMp}vYIT&Im^e08y<)pRhkXnP`F(mi-0|^*n->$2~^DMr3rNX&tQ8_1|{bSVg`cnO< zX%Kh#+I2%$@%(U!>769*-v;p0fV?M*d%JRfJx97SL);NEQQTWK@~9LtwvRGLb{)*-V2T+AQc{wS@*{~9>irCIGqK{MNKC-Pc5)kz^` zw{e5Z;!9#d+CS%!{bwo^i4ZhG&I535!2gd9_+Q?*I;8&Yf*BSsiTf|8yo+e~jH`Wt zFH0)`=LkvhA&$N=Nq&PMhTM>(!kl3p8?FPeFr=BT>bXJOpCRt&&<2+lJ!mBLwwXtB zu^jY5JK@I=J0X5VJg?=DuS)nPr9lnX85<&arFhUQ>PB%dW%SyNXxvP#&eqp~X%m_L z%{UeLG33+A5H|t9bIIu~Iixt$g7ytbG$o>n(!~>>Eot32F-U}JhKy9tl_;)`Q_s6%mY0)$1I_M9F_dnu z-B{jgV9U6Z>NIp}ku^iy+c)c(6vUJZTIEgSEq{2*J~VRfkcQ2ZgP1HCQm@{wG=5U$ z#Id67HwqwfUnNtTMA{GlzjtMp47pz1|BDXKl?XYZui-9Xx$zQJX$iaQ`iQ2>n?tN- za;ZpfqBS*a;pB%Zii+t8WO!QiR}3i%tj+9W^g-}2k}v-|W-5;%*D0dAL@?k*!45Sq z<&A1Ffr6ba5}u@)UP_LGr)|8LIZ5 zpQDDAX5*;^O%~tErAz)eO4;E4S>pDiVkY-^z9RBlll|Xol{U4V460OgS9BL?4$-)U zbF|#%xW8JhYC~-;1xG(Yo}Iro6`bD5%45HKwbF;Xl!2%$(MQy^szO2$?h^NVEJJ=N z68e>411d{MEAP4rp;@j4o9!I3l-khYT#tN@vbR-^Z`ffJDfg=tY#P+6c$M7UJ~P5$ zvYJ{NxvY7iC(|b6)v^PZ0QhJ|b=A>Y?cueoh%6<%;Zm+0!Qm0|L`4T>z21_px&wGS zL;C!1knz*&z~cZuBhvpyaaEHO5mg+SS+3%>pVq2`^+=iC&Y?XJ zfGK2BB|&yhSpP^-Wm(r^a(J!~_my~%i!{5Z zv0?oI!0j2(lL&GWoJT)i(DS5Ci9^-WprzWFYDih%3_4EtR+9=hjpS==z-a8qh zJ2ao7EbnOBBxrU7pFZR``$VEw;@09JQBbUlA*;B0^xWvXI)W&RjDZEA?Pr4oz6_D`g>?>| z_Fm#d!O%*Q6J?@qA0f~GkrATUs^a=-wWBv=6J33Z5TB6;+OnV3bX15NdhJA3#={GF zuvuR^ZhLVhyBHF%jLyWBvcKYoVLZd+G)9|w(&J4UG}p49k0btZtb0DMs7oyLBTj@)7bk#((Oh~5}7EDtlr-0diLdV$5%AP2p( zjWI`rl$&IX*{jOk8dYS)Wk^TW&|5Ko)Df!u4l=7~%&^}i*{Nu~Dn|KUj&GWr5QQOe z=a8A|`GN@MZi%_-lSFo7>9a9uC!>Rtm;YoT2jBIpi1oTAIXH0eo4dwdFp28$RDbQ$xA;?VEW(jEwB+ z;RxE9>^S~)A?K0(Dt$id1T7gii{o}{IhVfcpcq4iJ6FlOK0f&-8eYULxw*YK&=7Acoj$ zsi1FNihAa#-|YA-83Ha6CC*Pk7W{EGRB-2 zqx?8k{$*oKZ2=i#uNM@pH^eAA*si)&d6(*+nj!WYYYxSf5c7wXrFS~Y`OQN`xVky$ zz1JAiHH5ZFj&jqY_9y9g3~%Q*IV867#I&_^w5w%UaUZI5ZB+g%c}{wfae+FL57eR_ z6(3;U%YC0yco2e)m;bI~@5mo1-o(j{Hz5l4(hOhJk)bcEUA~^MueZf*FDu6)l12Ou!%ouZ4lD5)*zT3l48qNlB1@3vBH1brQ1^l90Y;W*_!TJwa yBdax_TJIWf&%}n0+kV=Qy4X+B+Wy7|fd2ulMyTAyY5`yX0000;NX1K_Ag+Myx-6I7ou1)&kI(GK%$%9o!@4d1`#k@%`=6Qf{b$a1=9}+2 zr%Wk@0Bi~1H~_~3*dIVSfR6$E1He51{t`lj7y#fD00#l+4qz>SnE?I_-~j+12GZFb zz&H5W13)VPZv&VP;4T2K1=86Zz&8O518@MxRsrB80Dnpt+erZW1Ly`|4S?AkoBn)| zOF=Uv=X11DYN_($KT4^6bLezcN=?t9vq~v7F5sFb=g`r(Ln*a+4xO(nr55GTnXi=U zmqTX1psOR>_ic^wb4EYz?a22LjXK3jy(_H6=Q6N0N6+L=?UOX<9kQ` z_BO_`#Q+|oc+#T27l5M$orwUhfDH~#wNgse3eJvj^!=ge_l9V{O|;+Q5G8|^Qp-i( z-bVWYqHQ*3o}|-7DK$;>9dERER7$NB?WZ`#cAn@rPqg1I+HZ1Q#gh$n6j7@Q8vWh{@R4V1^*rYj ziYJX<0{A&adMl%^7Qy@RT5b4%_vr|>9Z9WD)346@n`_9Gya78{E~=H|M@-a_p)Tkj zDl33akyr=d3jy>(??DQkWdNQ8@Ld3v8AJ3Ubks&2dI@=02%v{%h&E*YC_2~hDGhm| z>)C%R@wDk_xLG6{YG_PtXB?~LtciI-*O68yaeP(ajL4wJ_9=jNLd?d}0mr4s(!tZ` zCe4u7shWW*-RS`4QSOE?q=py!o}t=m@%IalJheejRlSBx12B~B?@|3+7b(WHwLcEP zb;hwHsMf|jBx^Xf`NoZ$3gEm*I@#DBH`dh`d9QB-Fp$SS0kx=?tT$*@f19JEN_d?IG9=!1?^U zi(_mb^M7+~TF)WVg3J>UhbT9eD5ds}cxq;PXq_8D=SmNqM8&*V|D8-9LJ~8P@Cmwx51`u%;KVVO$42emSbACztG}C^1-!8Pood()d*VK zSdP8Uv0d&vF+@a}m`?5GV8$^PFdp(&Bponrka+}_(l~k|fzCLpq1)1;evQ_BRV1B% z(Zg^c$EL@0H)AX@&>GcY0KRXG?J0{h(+WMkDh==G&j9>1;ii<34%72oRfIdBgaT1w zNHar;AGmZ!lcEpPP1i$;ESsaQgpG^NCUwb>kdSQ& z#i9WZN{f0kLx~~H3?+s%GsFg{GPGl6dY6E{Wz22548S`cdOB^$l^PmLuOs6+Uks#I z&GgXs9DQ`$dkTQ<1L;*U<@Ak!{tb}Ikc$9}k36S0BaJqk$H-p{I8 z>O5^O6n%X~(`$et7_!dOwx(cuDVmFq-fB;q3$+E)Yk(rOtbLhc+DgdlIvRr^FwYz0 zq1VIs9=bm5=b^Vp{BYODFN&ns0I3Wq7yo}X;2fV}XwvHxNUxoz%}fe!U%>U5aiXmQ z=_P4gsUj;j0U0boc41}$y#=1Or3v)j^t8Q_Krbn!Ds_fj%KGk57fLm2^IW)^>y0eZ zbYWEvy;~^jL!6Z$z2AD;wJ&Q$1ieqWBT+O;+3%k}O4;wt8AWJWE%BaY?whszH0h6T z>gdNB_QM!(>%cu*%4k=t!XdhcC8kl24I5WF1Mkaic1e}U@(E&lirZvcR^eB#Uio_*Hu#((}HY-%l#u9D|^)5e)IP<$O zTDTJ}{+`A;ZJAea91B?ICyZeOq%y=bde*SUK}O{2INdXg`eV4U(rBq+)KF@Gb+l8m z@a#$tJ&9hd@a-m!Yq57HfCmHpZbx$SfYXg*`>^DB7LQ!wt_&X1vXratuqKL!F@7UO0oZ^I79~8JQZo(}NR5FvRB) zPf;0t-qcv{aeLOEo4&2P>GYhIaBUf$qY@%F0l1%9TQZ7Zh;Q4Zl*|jC81;o?ZFo$C zgntcSWMWvrhVw1yOVf?54x`bME%ggT9@u>e2^S%_fq7~f%30QtgqF&XPIL%n_^&6E zB?Vo%z-Q3E^^oy>glA(-FN$EuDo@*r1bUU8wvPg7j2EKx*o5nFp$$`k{>t?z6U)QI zn(5tS#z(xd*n@eoWg=0oE-;WIu|JOwS4V{X%A^<2oCwxXuCe+K_>hENx|CvAxsMClz;#^F}+eOr{zNL_glAg`vNh z%8+-&)NL%@_ml#}V0-$VGWg=;F*s3-_W^E_W`o?!ZQmG%v^2F>#^inevrx3RY&3nU z=iEw>3+Bsa*#Iq#A<{x#RshYr#C;l`v*uN?WFdoVpGqrQ8bf6AoGoi{09`6K2hbZS zs-PaE#qUF%P&lIQabxU|a=u9+Bx1Nc;ALN0G<40O2X6bZ%t22&Gv!7IWi;rrnbgg* zb7{FqHLB!(#d+9LB>qMD%~Bbn2l0o9ogdcFwz$gCK9H`5&{DLu+|g9#W=SjGmPa+8 zm0jS|Kf|F=+$L1@kvX2|4CNwg(N{UP0a8WQNs-%dv^BO(wPAE*U7$8hzim0bSlj?v zC9D{ooM#*x%vodN1QA)hHzJ1LS$vPu^imn(^EbIr;b{wb@+53Fz-kdVvQ@z@XE@e0 z7>^YD>Y7^B>WJ;rA>PBXG;#yxWRYbWZ!>AJN?%qzQ%;9k&XF(|Umg58%i_zbW!A@O z{O&3KH;1*jC(^;gNe$n(>j)J?B3|5zfUG^nTi~D1qKm zkN+oR2kpmMw4dQS0DfiZw~~&`myEIrXf!K9U++vc%eC`TpEf`dYOl{n6WLXucy}w-k&b))1fJ6QzR_ zz6fMYF4ibI^|CSE#X!>2j{Y@t1om=>Fc-RU=Lr+BqV6*k!H{h@Rc%^U_ndQW=uB6< zP0Q*LPG-Ff|CV^tr&H_my^=eI8GZRG3Ufn)ODzlvMk+(hc=g_aFLLpv3z@s14lp-` z3_Qn$Y0N$`x8rz-i|@ol`zOOWmKV?59vJO(B6ST(*=@(S*HlXWR%q_i6ibMCJXPy4 z3AtWFX)8%)+(UYeLt^&(Aj=z<^Dx#!??ArXJ_aX6W|@z0&|bthSnHP-?_xQx3*Yi~ zty1bW2aO*WmHpnB8bfUW?U_@U4?g{i1B^O7gL($iTap+J>_a2b7oA+l>#b+9_|6{D zKAWNGlvg!nXi#I=m_@xJ$3GPdZK0=>Gsj>Kt?6UAuGls<=pLYqEM}_GO+{berdrbW zFh7SyYB5ck^DPOaojbKVq zS>gYW$hIncu8FVR+^VpZG`?cq?p#7KXpoiChW?v_`27q+gW1%@*~UgKy%MHYyGpCQ zhjWoC;q%8N%@9yGkKK5Naky#KvFcG zU%!6cy(L71B1cOA7XTOpU;u#A0dxY;3_x1|#{ldDa1g+D0Gj~(3&2YN{t2L_SRb!g ziQgE&)d0o-xCB6xJp17n@@D`~0$2o~s2;Z1h+hie>j3Ts@UevZUL*bfDdB$eMllip zGyuN^@Trjc!y-~P0N4iLJpg+FGy>2HKsx}P0rZi+N<;ejBY+zK>`C!iVxd@we=&gB zBEvPR0L&7CEd_8OW`F!5E)vl-5G3p2=e#XaTMD#u#k18U%jfh$$ zaBmev^Z*f6n=y71QU5HTJ!{VI4`2m=7V5X>09*@TN5W&VIC>gDKlNKBfFUBrydz8E zmjhT0pr`un*8s)>I2v(XUr{}K0cbC6Sv>t)Ufh-(W3qU=RQ_n+{>>SlalGETjT_OH@aTaUx23I_g->TqmlhOA9&|z)Ap@ zJL*{5xl5IK#eAK2DrCU*tikM8T(>x+-8cs~zfDBnBcfiWEsL0eMD(!fn?%dG+|hqy zBHE(bZS+lxEQo)tA^JJGZo)X<6lw0hV* z!hyQJh2coX9d#Uozl6t3A1^p2bbe7sRhuadnfUzhJJrL^aJ0GI!SVTw)rg1|nZ8Ci z+G)*asZV;`cM< zRi@0V&2FlEe~1PdZ<72zfiZul z&iQ%IGxh6Cxpx9%#)5C+cUI>tQmRe;nd+Qh%&r8+Tq)-00DVmTe@(f20%OL4Z{q7u ze!HW-gF1gRp)vUjdrOr&nfe1}k=6m8;G6i`dU?oE-$+tsTFuSLc1ibD>c5H3a=nj{e?F zV9Z$XO?>Uf;UfMrbTMHQPhw=gfJnCrE#gwZYZBl`6;%l9{dB~)C zznOTMfLG=*)_4Fns`5qvGac>vM%-hn@J)O>+1Uq&EUdIWr;%)Yj}K83EqJb&3gBnz z_Zo4=a=8xLMc1ZykCFg9TQ%7pe@s~sCq}gW1=YrK*%+~AXg-<~(N~CQt>e1uBF1?_ zwcGBK9)(P1`G6f-H;c0?#E=$-3Bu`GbPN%9KVBoeBJL%nViGt@oM$!IBjHZ*iU`9w z>i5-Nso|OP`S^|Ev>h?pk9BMf#sT*|JV)Pc&1TAEpR~wgk)`$QPGaMa!ecTw@Za}i z^v_?{17e+AkfZG<&AjJY1EdDuVh4@~ydcIT$40hq0+<9~IDqrTJRSJwv(xKZ0RIqI z@Hj6C(ocZH;?wU9S$M3Kh^(%V@*l)KFbk}fxq`7g!b3V0WFdC=ZU0@BhZ$?8FR*$0 z<7%vhzHcBa!X^JU#btvml#e>L*E5OH#~v zvr~1e>C##>>lsCNOb z^5n48$%ve}=DrT45Gc{j^<$LS(Zt{F@Gh$h4ohI0HP_BiqNlxxgSiEa69=Qsb5A$d zyb9nNnUD)vgbr03Mt0BO|A_cxUs9jV+>}0lwsIa+<19>B-0-4ugBovhL^MpH$5J)U zg1U;G)6{ud8w~p-%rn5y5F39|;E>ZZR9`bvjK$JHc23R@BYwGYXpIUoD-?QbuO!5o zH7Sf&{nUuDE-mCud^_2uxwW?3*wM$Beb=PGhPW$KUvope=8{6C>ZgNauc0W2&zPpp zd2ja{DU9)5^Sp7_Fg)pAC|jFss-7Z-z+79Jm8M*q`$Hy`n~a_sCmg4cgF`(l)p$uq z2X-|P=y8J}%7|!Xi0*z{j%z<{+FuZN!quE#B@<(ss4=VGPR8G+P~2hC#!QXbUk}Oi z<3g|KOKWj{ZBLDmw>C??u~jK^eQK6HPi*Hjr?3`IDs2U($KPhm~jA()b(A&_pN4H{K_OD`m!UADh|G8 zcF5+Wv_Y=>Y-9rJ>K*Zqiu?>vBCFuK7`fUSjix#!u7^Y4*Y~N3e~P7dF%qA#Sn{m} z7+_vVE=)C|^Pw0)5&1&<9g%T^(ZnyS6%Xc^Xnw3FiFZ6sw)UtHbu$2`0_z*&x?x7e z+bk1#TKD-0wSco$*-OkqYjCa!S95+ATpxhdwA)p=nb_W=#7{e!GXhaS;_G=Z;+jIS zN_>AtnoW7+GBLP_@57WF7f+Z?9M-odM_fG3JRo2HtcUyLKnFVV$^iviR@kLW!7*yGVd`D={g|G9sg^xPF{!`eS;XB&iI-P^t1cL~{NWhQl&V z`e}~lX1Pw1IBA*rZH^eVE+(Q$L^NG84nAwX7C!DFH(oc!w_8HmJsRV_pH%HP=sMeQ zg6X_<5fPt{ZpQ9p@v4Z<#Ub_cOn=XZv^!?99S&6LB&Q!+A}Vd1d!C~DeNWff30Hqs zRX$@krmQ^T*q21zRHiY ze44kEuN|Ll+dm+p`SOW#ezSHdegPv5ryd}pb5;F3Rku?(mGddLcl6a-Z2s+x=UP(7 z2y?GzhKU_5Q=f@B_%ySk4Det|gy$FiiWzH}X;UJr;gd2DjrJI1?saHTAEoWY(ec|E zcZ{?#L>67v6TqemBMB2K2H3noA1(ql@mq=76d;b8StW~^z^1)McD}ZX+)NrH4B>fi z`Cb4&EfPYzuv6xhzz_AqRjwv}zB>MS@{a&kdf>MCvTAK6o^Cg#?0b_0NG9DtnQ?M{ zzQo@pZg)PgLIR#U7LizqgKaM2YgIEY@dt>T$HM7_nH^Vd#@9V>3>`038(j381ch6-{wWLn+1hJ zbI5C=*FTgpVSK>3sS?QiHpVSG>@&A^kS31b;(#}jza$x@W~wmETji@`+s!XSa&Oj0 zI5|HczSVTXi2pZP*t8K3gSh`REWjYiqr)*zfeRnI1wJh2`z5VcLqjCz+x)>{V&@G> zi^ZD*FV>MjQzgFDB3H_nhJb2W=?2L@x*&q{qZU}(&8o7cL=ov!;l|PN!|)dXPl^7|#C%zH^DUPL$u3yF{}sUJB%i*`bJBX`A=*;#TK-%*#19l$_OQXzV0H&M3%dfMm%N8M`V)TTnv=R0Gjx$ z?UcA=eqB8l?iOvOpQx(` [class*='col-'] { - padding-right:0; - padding-left:0; + + .no-gutter>[class*='col-'] { + padding-right: 0; + padding-left: 0; } } + @media (max-width: 400px) { #info .info-wrap__card { padding-left: 25px; } } + @media (max-width: 360px) { #info .info-card__title h1 { font-size: 29px; diff --git a/src/styles/style.css b/src/styles/style.css index 1575123..2aef273 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -7,15 +7,16 @@ font-weight: normal; font-style: normal; } + @font-face { font-family: 'ProximaNovaBold'; src: url('../fonts/ProximaNova-Bold.eot'); src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), - url('../fonts/ProximaNova-Bold.woff') format('woff'), - url('../fonts/ProximaNova-Bold.ttf') format('truetype'); + url('../fonts/ProximaNova-Bold.woff') format('woff'), + url('../fonts/ProximaNova-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; - } +} @font-face { font-family: 'ProximaNovaBlack'; @@ -26,15 +27,16 @@ font-weight: normal; font-style: normal; } + @font-face { font-family: 'ProximaNovaExtraBold'; src: url('../fonts/ProximaNova-Extrabld.eot'); src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), - url('../fonts/ProximaNova-Extrabld.woff') format('woff'), - url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'); + url('../fonts/ProximaNova-Extrabld.woff') format('woff'), + url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'); font-weight: normal; font-style: normal; - } +} h1, h2, @@ -46,11 +48,13 @@ p { margin: 0; padding: 0; } + h2 { font-family: 'ProximaNovaBlack'; text-align: center; - font-size: 26px; + font-size: 29px; } + body { font-family: 'ProximaNovaRegular'; margin: 0; @@ -63,6 +67,12 @@ button { .container { max-width: 1170px; } + +.title-desctiprion { + text-align: center; + margin-top: 35px; +} + /* Section Header */ header { padding-top: 25px; @@ -70,30 +80,39 @@ header { background-color: #191919; color: #fff; } + .header-wrap { display: flex; justify-content: space-between; align-items: center; } -.header-wrap__logo, .header-wrap__opening, .header-wrap__info { + +.header-wrap__logo, +.header-wrap__opening, +.header-wrap__info { width: 370px; } + .header-wrap__opening { width: 150px; } + .header-wrap__opening p { font-size: 13px; line-height: 23px; font-family: 'ProximaNovaBold'; text-align: center; } + .header-wrap__opening p span { font-family: 'ProximaNovaRegular'; font-size: 12px; } + .header-wrap__info { text-align: right; } + .header-wrap__info button { width: 170px; cursor: pointer; @@ -107,10 +126,12 @@ header { vertical-align: top; height: 50px; } + .header-wrap__info button:hover { background: none; border: 2px solid #1669b3; } + .header-wrap__info p { display: inline-block; text-align: right; @@ -119,12 +140,14 @@ header { position: relative; right: 28px; } + /* Section Maon-info */ #info { min-height: 860px; background: url(../img/main-info/main-info__background.jpg) no-repeat center center; background-size: cover; } + .info-wrap__card { background-color: #f7b516; color: #000000; @@ -132,28 +155,34 @@ header { padding-top: 100px; padding-left: 100px; } + .info-card__title h1 { text-transform: uppercase; font-family: 'ProximaNovaBlack'; font-size: 38px; } + .info-card__description p { font-family: 'ProximaNovaExtraBold'; margin-top: 47px; font-size: 24px; } + .info-card__advantages { margin-top: 100px; font-family: 'ProximaNovaRegular'; } + .info-advantages__item { margin-top: 45px; } + .info-advantages__item p { padding-left: 15px; display: inline-block; font-size: 18px; } + .info-advantages__item:nth-child(1)::before { content: ''; display: inline-block; @@ -163,6 +192,7 @@ header { bottom: 4px; background: url(../img/main-info/icon-1.png) no-repeat center center; } + .info-advantages__item:nth-child(2)::before { content: ''; display: inline-block; @@ -172,6 +202,7 @@ header { bottom: 4px; background: url(../img/main-info/icon-2.png) no-repeat center center; } + .info-advantages__item:nth-child(3)::before { content: ''; display: inline-block; @@ -181,6 +212,7 @@ header { bottom: 4px; background: url(../img/main-info/icon-3.png) no-repeat center center; } + .info-advantages__item:nth-child(4)::before { content: ''; display: inline-block; @@ -190,6 +222,7 @@ header { bottom: 4px; background: url(../img/main-info/icon-4.png) no-repeat center center; } + /* Section Main-price */ #price { min-height: 500px; @@ -198,19 +231,24 @@ header { padding-top: 100px; padding-bottom: 100px; } + #price h2 { text-align: right; } + .wrap-price { margin-top: 60px; } -.form-price__input{ + +.form-price__input { display: flex; justify-content: space-between; } + .form-price__input input:nth-child(1) { margin-left: 0px; } + .form-price__input input { width: 370px; margin-left: 30px; @@ -222,17 +260,20 @@ header { font-family: 'ProximaNovaRegular'; text-transform: uppercase; } + .form-price__submit { margin-top: 30px; display: flex; justify-content: space-between; } + .form-price__submit p { text-align: right; padding-top: 27px; display: inline-block; padding-right: 30px; } + .form-price__submit button { width: 360px; margin-left: 30px; @@ -245,15 +286,18 @@ header { cursor: pointer; transition: all .2s; } + .form-price__submit button:hover { background: none; border: 2px solid #1866af; color: #000; } + .form-submit__description { width: 360px; text-align: right; } + .form-submit__description::after { content: ''; display: inline-block; @@ -261,3 +305,32 @@ header { height: 30px; background: url(../img/main-price/clock-icon.png) no-repeat center center; } + +/* Section Advantages */ +#advantages { + background-color: #08243e; + padding-top: 100px; + padding-bottom: 100px; +} + +#advantages h2, +#advantages p { + color: #fff; +} + +.wrap-advantages { + margin-top: 100px; +} + +.wrap-advantages__card { + text-align: center; + margin-top: 25px; +} + +.advantages-card__description { + margin-top: 50px; +} + +.advantages-card__img { + height: 100px; +} \ No newline at end of file