From 6cf567fcc8c513547a73c660e197c9236907a85f Mon Sep 17 00:00:00 2001 From: Sergey Yarkov Date: Sat, 31 Aug 2019 19:50:32 +0300 Subject: [PATCH] Added section discount --- index.html | 81 +++++++++++++++++- src/img/main-discount/delivery-truck.png | Bin 0 -> 1086 bytes src/img/main-discount/telemarketer.png | Bin 0 -> 1103 bytes src/styles/media.css | 9 +- src/styles/style.css | 100 +++++++++++++++++++++-- 5 files changed, 177 insertions(+), 13 deletions(-) create mode 100644 src/img/main-discount/delivery-truck.png create mode 100644 src/img/main-discount/telemarketer.png diff --git a/index.html b/index.html index 878df38..f5c7b46 100644 --- a/index.html +++ b/index.html @@ -258,7 +258,7 @@

Каждая запчасть доставляется с завода
- в жесткой упаковке + в жесткой упаковке

@@ -287,15 +287,88 @@

- У нас разработаны бонусные системы
+ У нас разработаны бонусные системы
и скидки для наших клиентов

-
- +
+
+
+
+
+ 10% +
+
+
+

+ Дополнительная скидка 10%
+ на вторую запчасть
+ и любые последующие
+

+
+
+
+
+
+
+
+ 20% +
+
+
+

+ Скидка 20% при заключении
+ договора на годовое
+ сервисное обслуживание
+

+
+
+
+
+
+
+
+ # +
+
+
+

+ Бесплатная доставка
+ по всей России
+ для всех клиентов
+

+
+
+
+
+
+
+
+ # +
+
+
+

+ Бесплатная круглосуточная
+ техническая поддержка
+

+
+
+
+
+

С нами удобно работать!

+
+

+ Более 70% клиентов приходят к нам по рекомендации! +

+
+
+ +
+
diff --git a/src/img/main-discount/delivery-truck.png b/src/img/main-discount/delivery-truck.png new file mode 100644 index 0000000000000000000000000000000000000000..0b795dbf0ec187a828ffcb2a95279e26509ca557 GIT binary patch literal 1086 zcmV-E1i|}>P)tnt`>zr@)AsF1Kem4Lk@e1f~Kj z3f58b^Cz$a*jG4%q;~y_OM@}%_&l%b@KVv5g9S4eodkS7@W%TOW863l{1UBeByh3Y zdmN_$V}T28`EkHqNv@KPTW>ej*@7Fqj#qO1<0HF{%h4Wk)6=A)m<`qINk) zdk*;4?WHNcgHgb|5X}|Z8MeAHE5&Ru3fNn0^Z2V%`}lAW@Jqi(1M~94;UM6C;AgiN z0Zj$Lp55U}iM}EP-gBKGs=-lz6Ozkqz)asAo63<(J`C)tqa{L! zJk!mXGl32(J;oV+U+e6dU7kkQ+8RX`&UDs|rg zmjFwArz^6gT#rd%l!agDqgbfLeBxyCuE+lx$q@7DEV|LR6;w!mlr%Xver-hG?Y^(8 zsIqK|cutYDzhLYO9yd}_i=?|H-65&f^p0{)iy2l$d(WG|YxeW`z|*dUgbLjGu883= z6YTPv-M6|I7Q7Oe7WFl{YBte1;3;6I>o4~@DTZ}^53J8lF2-oPdt+QxyDZY&Y4^RF zsB_Gcbi(vyHLS_B=B#qRf1i>xBQgGU)7ulYvrX#^h2N9bR*0=1fD0UZN35+B+HBzi zz&p;orD)5^ek-zY5yE%Zxq24%;*WtA;9OuG@JQm@;3-F(V1o62v!`T-@0Nd(QGtJd zQK0RmRm4`cSX{7BsPTDTp!!5Z%b&hyQ9a)HJ#_xm95evSXv$gIBD9u#8py~MaM z-z2xU+JgC0*v?9t$*?{_n;ymO@_ww7uJ#-u-lrz$8%^&h;!}yRCK58F?FEwNNm>yJ z_q(KqeiX1t(m~Jlhm|>3()E(IMC*H?8UbSsrEoyfw0;yWduCdZm5}nV9t#+rTP1Cm zbTnjJNqZ%&lQd=kgv*{#u76R|cV0tS%QkQ9#otQ&4fbImv-Q(iO8@`>07*qoM6N<$ Eg8Y09{Qv*} literal 0 HcmV?d00001 diff --git a/src/img/main-discount/telemarketer.png b/src/img/main-discount/telemarketer.png new file mode 100644 index 0000000000000000000000000000000000000000..21e14ed27f75d532c7141406498e69d9bcf27c91 GIT binary patch literal 1103 zcmV-V1hD&wP)rv5`iCrqBkq4 zAPVip2uaG9G6_p4Ey|50d@WQeY<7?lll%qaieii*yfIJx>>;aYo*8%N8 zW)koa@O6+~0}LNbFmD9qj}-KeDB#@<9Pu$bfR4ccv%(b~2YQ@m)_4rqmTlONz)E0( z%bf#!>wTMB1v4#7G|74Q0sR?>L%^ww_e{{Uw~kdygXwi83;p}~Fxgw~(C2$!Colzg zI>>DCz6pWX)eM;FK6rQLz$bxQ8Z2TW@V(1#bl!`NtW!_n%RYE!SlIw@bxEfm2K?aT z?g!euy{{QCzX7L#%YmO=(XAzcq|zO>XFRag+vAGlht)X`yCv);v(VdZs6eUi?TG)B@TlJ-;tljsjgU6OYD!XB5jT~fcKO=qNn znI5J#ZLPRHd3mai?ltaTXTY?(a~iD$KFkI@&?1;wnZ7T8_kg4R-4nrd2EoJ|2)wy1 zg0ZvcSkRXua+810iVkd!b1Lld@NCcfn)H=KN8Mi%b$i|E^-24w6;09Gk4ZY*A{e7X z1^U~fK)ujTG~lIGYN#WDY0I|ecxYQ_UoZ$@xwd5QwN!_HoDPD^oS#f+^@Wo5 zwE(2U&zD5Y-4Czw@Bge8JbqQd8IU5%Lh;%bqN&IAma9g4?FX%Ba%ji{)3WsO8V9N z-jwuR4LugtS4f)Xiz=oPCVt7y`7AIMcpEraVD42l#?STs-bQnk$(t^gv{%vzN#_Rs zICskN&i_Et{(|ubB#o6cui>p<(gBwRXRG44@A$aS%g9$zoE}Es0AotXzv}XT)qD3g z3q~P1`x{scj4Y733)ty$e*$C6>Msl824Ix8Ukgra>B)LvHSm7s*p?ZL_AxgP2AJD` zPs0RLoIeLxR}fJ~+kpixXIbQ7=kM~It7c|d#5CbW;bou9ZJFZaOxCtw1~3n}5x6Yt zH{V(s9`tz1`-DH%Yl5*Od5LF-iEQr|)$om~C>zTkFBAkdkl!(eP)@7{>Pv^L$IgdP*}-!#1=o&zZazav;SGr-80l=f4M9K^bb+4 Vn(izorRM+u002ovPDHLkV1lQF8_xg$ literal 0 HcmV?d00001 diff --git a/src/styles/media.css b/src/styles/media.css index 0231bf1..759943e 100644 --- a/src/styles/media.css +++ b/src/styles/media.css @@ -9,7 +9,9 @@ #price h2 { text-align: center; } - #guarantees .guarantees-card__desctiption p br { + + #guarantees .guarantees-card__desctiption p br, + #discount .discount-item__description p br { display: none; } } @@ -43,14 +45,17 @@ text-align: center; } } -@media (max-width: 768px){ + +@media (max-width: 768px) { #guarantees .wrap-guarantees__card { margin-top: 25px; } + #guarantees .guarantees-card__desctiption { margin-top: 20px; } } + @media (max-width: 630px) { #price .form-price__input { flex-direction: column; diff --git a/src/styles/style.css b/src/styles/style.css index dc58215..df895c7 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -68,6 +68,7 @@ a { button { outline: none; } + input { height: 70px; border: none; @@ -267,11 +268,13 @@ header { width: 370px; margin-left: 30px; } + .form-price__input input:nth-child(1) { background-image: url(../img/main-price/email-icon.png); background-repeat: no-repeat; background-position: center right 30px; } + .form-price__input input:nth-child(2) { background-image: url(../img/main-price/phone-icon.png); background-repeat: no-repeat; @@ -352,6 +355,7 @@ header { .advantages-card__img { height: 100px; } + /* Section Detail */ #detail { min-height: 580px; @@ -359,19 +363,26 @@ header { background: url(../img/main-detail/main-detail__background.jpg) no-repeat center center; background-size: cover; } -#detail h2, .title-description p { + +#detail h2, +.title-description p { color: #fff; } + #detail .title-description { margin-top: 30px; } + .wrap-detail { margin-top: 60px; } -.wrap-detail input, .wrap-detail button { + +.wrap-detail input, +.wrap-detail button { width: 100%; } -.wrap-detail .col-lg-4:nth-child(2) .wrap-detail__input input{ + +.wrap-detail .col-lg-4:nth-child(2) .wrap-detail__input input { background-image: url(../img/main-price/phone-icon.png); background-repeat: no-repeat; background-position: center right 30px; @@ -394,64 +405,139 @@ header { border: 2px solid #f7b516; color: #fff; } + .detail-description { text-align: center; color: #fff; margin-top: 57px; } + .detail-desciption__number { margin-top: 30px; } + .detail-desciption__number p span { font-family: 'ProximaNovaExtraBold'; font-size: 32px; display: block; margin-top: 10px; } -.wrap-detail__input, .wrap-detail__button { + +.wrap-detail__input, +.wrap-detail__button { margin-top: 15px; } + /* Section Guarantees */ #guarantees { padding-top: 100px; padding-bottom: 100px; background-color: #fff; } + .wrap-guarantees { margin-top: 100px; } + .wrap-guarantees__card { text-align: center; } + .guarantees-card__img { height: 300px; } + .wrap-guarantees .col-md-4:nth-child(1) .wrap-guarantees__card .guarantees-card__img img { background-color: #e1e1e1; padding: 15px; height: 300px; width: 230px; } + .guarantees-card__desctiption { margin-top: 35px; font-family: 'ProximaNovaRegular'; } + .guarantees-card__link { text-transform: uppercase; margin-top: 25px; } + .guarantees-card__link a { border-bottom: 1px solid #000; font-family: 'ProximaNovaBold'; } -/* #info, #price, #advantages, #detail, #guarantees { - display: none; -} */ + /* Section Discount */ #discount { padding-top: 100px; + padding-bottom: 100px; background-color: #08243e; } + #discount h2 { color: #fff; +} + +.wrap-discount { + margin-top: 100px; +} + +.wrap-discount__item { + text-align: center; + margin-top: 25px; +} + +.discount-item__img { + display: flex; + justify-content: center; +} + +.discount-img { + height: 100px; + width: 100px; + border: 2px solid #fff; + border-radius: 50%; + display: flex; + justify-content: center; +} + +.discount-img span { + align-self: center; + color: #fff; + font-family: 'ProximaNovaExtraBold'; + font-size: 24px; +} + +.discount-img img { + align-self: center; +} + +.discount-item__description { + color: #fff; + margin-top: 35px; +} + +#info, +#price, +#advantages, +#detail, +#guarantees, +#discount { + display: none; +} + +/* Section Working */ +#working { + padding-top: 100px; + padding-bottom: 100px; +} + +#working .title-description p { + color: #000; +} + +#working .title-description { + margin-top: 25px; } \ No newline at end of file