diff --git a/index.html b/index.html index e69de29..aeb88e7 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,48 @@ + + + + + + + Belazi Landing + + + + + + + + +
+
+
+ +
+

+ c 9:00 до 21:00
+ без выходных +

+
+
+

+ +7 (818) 247-47-25
+ +7(818) 247-47-25 +

+ + + +
+
+
+
+
+
+ +
+
+ + + + \ No newline at end of file diff --git a/src/fonts/ProximaNova-Black.eot b/src/fonts/ProximaNova-Black.eot new file mode 100644 index 0000000..420d2f9 Binary files /dev/null and b/src/fonts/ProximaNova-Black.eot differ diff --git a/src/fonts/ProximaNova-Black.ttf b/src/fonts/ProximaNova-Black.ttf new file mode 100644 index 0000000..ff2d6e6 Binary files /dev/null and b/src/fonts/ProximaNova-Black.ttf differ diff --git a/src/fonts/ProximaNova-Black.woff b/src/fonts/ProximaNova-Black.woff new file mode 100644 index 0000000..59fb1e2 Binary files /dev/null and b/src/fonts/ProximaNova-Black.woff differ diff --git a/src/fonts/ProximaNova-Bold.eot b/src/fonts/ProximaNova-Bold.eot new file mode 100644 index 0000000..2384480 Binary files /dev/null and b/src/fonts/ProximaNova-Bold.eot differ diff --git a/src/fonts/ProximaNova-Bold.ttf b/src/fonts/ProximaNova-Bold.ttf new file mode 100644 index 0000000..817188e Binary files /dev/null and b/src/fonts/ProximaNova-Bold.ttf differ diff --git a/src/fonts/ProximaNova-Bold.woff b/src/fonts/ProximaNova-Bold.woff new file mode 100644 index 0000000..80279d4 Binary files /dev/null and b/src/fonts/ProximaNova-Bold.woff differ diff --git a/src/fonts/ProximaNova-Regular.eot b/src/fonts/ProximaNova-Regular.eot new file mode 100644 index 0000000..2ce0bb2 Binary files /dev/null and b/src/fonts/ProximaNova-Regular.eot differ diff --git a/src/fonts/ProximaNova-Regular.ttf b/src/fonts/ProximaNova-Regular.ttf new file mode 100644 index 0000000..47dad9d Binary files /dev/null and b/src/fonts/ProximaNova-Regular.ttf differ diff --git a/src/fonts/ProximaNova-Regular.woff b/src/fonts/ProximaNova-Regular.woff new file mode 100644 index 0000000..8893e14 Binary files /dev/null and b/src/fonts/ProximaNova-Regular.woff differ diff --git a/src/img/header/header-logo.png b/src/img/header/header-logo.png new file mode 100644 index 0000000..26e17ac Binary files /dev/null and b/src/img/header/header-logo.png differ diff --git a/src/styles/media.css b/src/styles/media.css index e69de29..1e4e2ae 100644 --- a/src/styles/media.css +++ b/src/styles/media.css @@ -0,0 +1,25 @@ +@media (max-width: 880px) { + header .header-wrap { + flex-direction: column; + } + header .header-wrap__info p { + display: block; + text-align: center; + right: 0; + margin-bottom: 15px; + margin-top: 15px; + } + header .header-wrap__info { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + } + header .header-wrap__opening { + order: 1; + margin-top: 15px; + } + header .header-wrap__logo { + text-align: center; + } +} \ No newline at end of file diff --git a/src/styles/style.css b/src/styles/style.css index e69de29..f720efd 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -0,0 +1,113 @@ +@font-face { + font-family: 'ProximaNovaRegular'; + src: url('../fonts/ProximaNova-Regular.eot'); + src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), + url('../fonts/ProximaNova-Regular.woff') format('woff'), + url('../fonts/ProximaNova-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'ProximaNovaBold'; + src: url('../fonts/ProximaNova-Bold.eot'); + src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), + url('../fonts/ProximaNova-Bold.woff') format('woff'), + url('../fonts/ProximaNova-Bold.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + } + +@font-face { + font-family: 'ProximaNovaBlack'; + src: url('../fonts/ProximaNova-Black.eot'); + src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), + url('../fonts/ProximaNova-Black.woff') format('woff'), + url('../fonts/ProximaNova-Black.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +h1, +h2, +h3, +h4, +h5, +h6, +p { + margin: 0; + padding: 0; +} + +body { + font-family: 'ProximaNovaRegular'; + margin: 0; +} + +button { + outline: none; +} + +.container { + max-width: 1170px; + padding-left: 10px; + padding-right: 10px; +} +/* Section Header */ +header { + padding-top: 25px; + padding-bottom: 25px; + background-color: #191919; + color: #fff; +} +.header-wrap { + display: flex; + justify-content: space-between; + align-items: center; +} +.header-wrap__logo, .header-wrap__opening, .header-wrap__info { + width: 370px; +} +.header-wrap__opening { + width: 150px; +} +.header-wrap__opening p { + font-size: 13px; + line-height: 23px; + font-family: 'ProximaNovaBold'; + text-align: center; +} +.header-wrap__opening p span { + font-family: 'ProximaNovaRegular'; + font-size: 12px; +} +.header-wrap__info { + text-align: right; +} +.header-wrap__info button { + width: 170px; + cursor: pointer; + border: none; + background-color: #1669b3; + color: #fff; + font-family: 'ProximaNovaBold'; + text-transform: uppercase; + text-align: center; + transition: all .1s; + vertical-align: top; + height: 50px; +} +.header-wrap__info button:hover { + background: none; + border: 2px solid #1669b3; +} +.header-wrap__info p { + display: inline-block; + text-align: right; + font-family: 'ProximaNovaBlack'; + padding-top: 6px; + position: relative; + right: 28px; +} +.flex { + text-align: center; +}