diff --git a/index.html b/index.html index aeb88e7..93a6fac 100644 --- a/index.html +++ b/index.html @@ -1,23 +1,28 @@ + Belazi Landing - + +

@@ -39,10 +44,61 @@

- +
+
+
+
+
+
+

Оригинальные
+ запчасти
+ для Белаз +

+
+
+

+ с бесплатной доставкой
в Ваш город! +

+
+
+
+

+ Дилерские цены - ниже на 20%,
работаем без посредников! +

+
+
+

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

+
+
+

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

+
+
+

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

+
+
+
+
+
+
+
+
+
+
+ +
+ \ No newline at end of file diff --git a/src/fonts/ProximaNova-Extrabld.eot b/src/fonts/ProximaNova-Extrabld.eot new file mode 100644 index 0000000..f4ec7d7 Binary files /dev/null and b/src/fonts/ProximaNova-Extrabld.eot differ diff --git a/src/fonts/ProximaNova-Extrabld.ttf b/src/fonts/ProximaNova-Extrabld.ttf new file mode 100644 index 0000000..bdd8859 Binary files /dev/null and b/src/fonts/ProximaNova-Extrabld.ttf differ diff --git a/src/fonts/ProximaNova-Extrabld.woff b/src/fonts/ProximaNova-Extrabld.woff new file mode 100644 index 0000000..b0517a3 Binary files /dev/null and b/src/fonts/ProximaNova-Extrabld.woff differ diff --git a/src/img/main-info/icon-1.png b/src/img/main-info/icon-1.png new file mode 100644 index 0000000..62d9f3f Binary files /dev/null and b/src/img/main-info/icon-1.png differ diff --git a/src/img/main-info/icon-2.png b/src/img/main-info/icon-2.png new file mode 100644 index 0000000..b5b41de Binary files /dev/null and b/src/img/main-info/icon-2.png differ diff --git a/src/img/main-info/icon-3.png b/src/img/main-info/icon-3.png new file mode 100644 index 0000000..3939b19 Binary files /dev/null and b/src/img/main-info/icon-3.png differ diff --git a/src/img/main-info/icon-4.png b/src/img/main-info/icon-4.png new file mode 100644 index 0000000..9de7a33 Binary files /dev/null and b/src/img/main-info/icon-4.png differ diff --git a/src/img/main-info/main-info__background.jpg b/src/img/main-info/main-info__background.jpg new file mode 100644 index 0000000..fef2e2a Binary files /dev/null and b/src/img/main-info/main-info__background.jpg differ diff --git a/src/img/main-price/main-price__background.png b/src/img/main-price/main-price__background.png new file mode 100644 index 0000000..40644e9 Binary files /dev/null and b/src/img/main-price/main-price__background.png differ diff --git a/src/styles/media.css b/src/styles/media.css index 1e4e2ae..dbc5e52 100644 --- a/src/styles/media.css +++ b/src/styles/media.css @@ -22,4 +22,32 @@ header .header-wrap__logo { text-align: center; } +} +@media (max-width: 576px) { + #info .info-wrap__card { + padding-left: 50px; + } + #info .info-card__title h1 { + font-size: 32px; + } + #info .info-card__description p { + font-size: 18px; + } + #info .info-advantages__item p { + font-size: 16px; + } + .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; + } } \ No newline at end of file diff --git a/src/styles/style.css b/src/styles/style.css index f720efd..1f6d582 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -26,6 +26,15 @@ 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'); + font-weight: normal; + font-style: normal; + } h1, h2, @@ -49,8 +58,6 @@ button { .container { max-width: 1170px; - padding-left: 10px; - padding-right: 10px; } /* Section Header */ header { @@ -108,6 +115,82 @@ header { position: relative; right: 28px; } -.flex { - text-align: center; +/* 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; + height: 860px; + 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; + width: 30px; + height: 30px; + position: relative; + 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; + width: 30px; + height: 30px; + position: relative; + 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; + width: 30px; + height: 30px; + position: relative; + 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; + width: 30px; + height: 30px; + position: relative; + bottom: 4px; + background: url(../img/main-info/icon-4.png) no-repeat center center; +} +/* Section Main-price */ +#price { + min-height: 500px; + background: url(../img/main-price/main-price__background.png) no-repeat center center; + background-size: cover; + padding-top: 100px; + padding-bottom: 100px; +} \ No newline at end of file