diff --git a/index.html b/index.html index 93a6fac..438032a 100644 --- a/index.html +++ b/index.html @@ -68,20 +68,20 @@

- Срочная бесплатная доставка
- за 7 дней + Срочная бесплатная доставка
+ за 7 дней

- Даем рассрочку
- 6 месяцев + Даем рассрочку
+ 6 месяцев

- Даем гарантию
- от 12 месяцев + Даем гарантию
+ от 12 месяцев

@@ -93,7 +93,32 @@
- +

Получите прайс прямо сейчас
+ на электронную почту! +

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

+ Прайс придет к Вам на почту
+ в течение 5 минут! +

+
+ +
+
+
+
+
+
diff --git a/src/img/main-price/clock-icon.png b/src/img/main-price/clock-icon.png new file mode 100644 index 0000000..f02e557 Binary files /dev/null and b/src/img/main-price/clock-icon.png differ diff --git a/src/styles/media.css b/src/styles/media.css index dbc5e52..7dbf674 100644 --- a/src/styles/media.css +++ b/src/styles/media.css @@ -1,3 +1,11 @@ +@media (max-width: 991px) { + #price .form-price__input input, #price .form-price__submit button, #price .form-submit__description { + width: 440px; + } + #price h2 { + text-align: center; + } +} @media (max-width: 880px) { header .header-wrap { flex-direction: column; @@ -23,6 +31,28 @@ text-align: center; } } +@media (max-width: 630px) { + #price .form-price__input { + flex-direction: column; + } + #price .form-price__input input { + margin-left: 0px; + margin-top: 15px; + width: 100%; + } + #price .form-price__submit { + flex-direction: column; + } + #price .form-submit__description { + width: 100%; + text-align: center; + } + #price .form-price__submit button { + width: 100%; + margin: 0; + margin-top: 30px; + } +} @media (max-width: 576px) { #info .info-wrap__card { padding-left: 50px; diff --git a/src/styles/style.css b/src/styles/style.css index 1f6d582..1575123 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -46,7 +46,11 @@ p { margin: 0; padding: 0; } - +h2 { + font-family: 'ProximaNovaBlack'; + text-align: center; + font-size: 26px; +} body { font-family: 'ProximaNovaRegular'; margin: 0; @@ -193,4 +197,67 @@ header { background-size: cover; padding-top: 100px; padding-bottom: 100px; -} \ No newline at end of file +} +#price h2 { + text-align: right; +} +.wrap-price { + margin-top: 60px; +} +.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; + height: 70px; + border: none; + background-color: #f2f2f2; + outline: none; + padding-left: 30px; + 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; + background-color: #1866af; + border: none; + text-transform: uppercase; + color: #fff; + height: 80px; + font-family: 'ProximaNovaBold'; + 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; + width: 30px; + height: 30px; + background: url(../img/main-price/clock-icon.png) no-repeat center center; +}