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 @@
-
+
Получите прайс прямо сейчас
+ на электронную почту!
+
+
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;
+}