diff --git a/index.html b/index.html index c73a8cf..878df38 100644 --- a/index.html +++ b/index.html @@ -35,9 +35,7 @@ +7 (818) 247-47-25
+7(818) 247-47-25

- - - + @@ -124,7 +122,7 @@

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

-
+

Любые запчасти для всех моделей Белаз
всегда в наличии! @@ -184,6 +182,120 @@

+
+

Ищете конкретную деталь?

+
+

+ Если у Вас есть артикул - введите его в поле ниже и получите цену
+ ПРЯМО СЕЙЧАС! +

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

Мы перезвоним вам в течение 3 минут и назовем цену детали!

+
+
+

+ Или Вы можете перезвонить нам сами:
+ +7 (818) 247-47-25 +

+
+
+
+
+
+
+
+

+ Мы гарантируем сохранность деталей
+ во время перевозки! +

+
+
+
+
+
+ # +
+
+

+ Гарантия на целостность поставки
+ прописана в договоре +

+
+
+ Подробнее +
+
+
+
+
+
+ # +
+
+

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

+
+
+ Подробнее +
+
+
+
+
+
+ # +
+
+

+ Дополнительный контроль качества
+ нашими специалистами +

+
+
+ Подробнее +
+
+
+
+
+
+
+

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

+
+
+ +
+
+
diff --git a/src/img/main-detail/main-detail__background.jpg b/src/img/main-detail/main-detail__background.jpg new file mode 100644 index 0000000..15cac1d Binary files /dev/null and b/src/img/main-detail/main-detail__background.jpg differ diff --git a/src/img/main-guarantees/guar-1.png b/src/img/main-guarantees/guar-1.png new file mode 100644 index 0000000..4feb89d Binary files /dev/null and b/src/img/main-guarantees/guar-1.png differ diff --git a/src/img/main-guarantees/guar-2.png b/src/img/main-guarantees/guar-2.png new file mode 100644 index 0000000..d9d637a Binary files /dev/null and b/src/img/main-guarantees/guar-2.png differ diff --git a/src/img/main-guarantees/guar-3.png b/src/img/main-guarantees/guar-3.png new file mode 100644 index 0000000..32cae23 Binary files /dev/null and b/src/img/main-guarantees/guar-3.png differ diff --git a/src/img/main-price/email-icon.png b/src/img/main-price/email-icon.png new file mode 100644 index 0000000..bb7fe66 Binary files /dev/null and b/src/img/main-price/email-icon.png differ diff --git a/src/img/main-price/phone-icon.png b/src/img/main-price/phone-icon.png new file mode 100644 index 0000000..461667b Binary files /dev/null and b/src/img/main-price/phone-icon.png differ diff --git a/src/styles/media.css b/src/styles/media.css index 931aa65..0231bf1 100644 --- a/src/styles/media.css +++ b/src/styles/media.css @@ -9,6 +9,9 @@ #price h2 { text-align: center; } + #guarantees .guarantees-card__desctiption p br { + display: none; + } } @media (max-width: 880px) { @@ -40,7 +43,14 @@ text-align: center; } } - +@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 2aef273..dc58215 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -60,15 +60,29 @@ body { margin: 0; } +a { + text-decoration: none; + color: #000; +} + button { outline: none; } +input { + height: 70px; + border: none; + background-color: #f2f2f2; + outline: none; + padding-left: 30px; + font-family: 'ProximaNovaRegular'; + text-transform: uppercase; +} .container { max-width: 1170px; } -.title-desctiprion { +.title-description { text-align: center; margin-top: 35px; } @@ -252,13 +266,16 @@ header { .form-price__input input { width: 370px; margin-left: 30px; - height: 70px; - border: none; - background-color: #f2f2f2; - outline: none; - padding-left: 30px; - font-family: 'ProximaNovaRegular'; - text-transform: uppercase; +} +.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; + background-position: center right 30px; } .form-price__submit { @@ -285,6 +302,7 @@ header { font-family: 'ProximaNovaBold'; cursor: pointer; transition: all .2s; + font-size: 18px; } .form-price__submit button:hover { @@ -333,4 +351,107 @@ header { .advantages-card__img { height: 100px; +} +/* Section Detail */ +#detail { + min-height: 580px; + padding-top: 100px; + background: url(../img/main-detail/main-detail__background.jpg) no-repeat center center; + background-size: cover; +} +#detail h2, .title-description p { + color: #fff; +} +#detail .title-description { + margin-top: 30px; +} +.wrap-detail { + margin-top: 60px; +} +.wrap-detail input, .wrap-detail button { + width: 100%; +} +.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; +} + +.wrap-detail__button button { + background-color: #f7b516; + border: none; + text-transform: uppercase; + color: #fff; + height: 70px; + font-family: 'ProximaNovaBold'; + cursor: pointer; + transition: all .2s; + font-size: 18px; +} + +.wrap-detail__button button:hover { + background: none; + 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 { + 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; + background-color: #08243e; +} +#discount h2 { + color: #fff; } \ No newline at end of file