diff --git a/local/_front/assets/banner.png b/local/_front/assets/banner.png new file mode 100644 index 0000000..b49ca92 Binary files /dev/null and b/local/_front/assets/banner.png differ diff --git a/local/_front/assets/logo.svg b/local/_front/assets/logo.svg new file mode 100644 index 0000000..1b1f8e8 --- /dev/null +++ b/local/_front/assets/logo.svg @@ -0,0 +1,279 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/local/_front/css/banner.scss b/local/_front/css/banner.scss new file mode 100644 index 0000000..45bd088 --- /dev/null +++ b/local/_front/css/banner.scss @@ -0,0 +1,13 @@ +.block-banner { + text-align: center; + background-image: url('../assets/banner.png'); + height: 822px; + h1 { + font-family: "Mulish", sans-serif; + width: 1051px; + margin: 5em auto; + } + button { + margin: 0 auto; + } +} diff --git a/local/_front/css/style.css b/local/_front/css/style.css index 8c171f7..bcdb5ec 100644 --- a/local/_front/css/style.css +++ b/local/_front/css/style.css @@ -1,12 +1,25 @@ -top-menu { - display: flex; - flex-direction: row; +.top-menu { + position: fixed; + top: 0px; } -top-menu_item { - text-align: center; +.top-menu_logo { padding: 5px; } +.block-banner { + text-align: center; + background-image: url("../assets/banner.png"); + height: 822px; +} +.block-banner h1 { + font-family: "Mulish", sans-serif; + width: 1051px; + margin: 5em auto; +} +.block-banner button { + margin: 0 auto; +} + * { box-sizing: border-box; } diff --git a/local/_front/css/style.scss b/local/_front/css/style.scss index c6f4b39..aecf9b4 100644 --- a/local/_front/css/style.scss +++ b/local/_front/css/style.scss @@ -1,4 +1,5 @@ @use './top-menu.scss'; +@use './banner.scss'; * { box-sizing: border-box; diff --git a/local/_front/css/top-menu.scss b/local/_front/css/top-menu.scss index d636799..482e931 100644 --- a/local/_front/css/top-menu.scss +++ b/local/_front/css/top-menu.scss @@ -1,7 +1,7 @@ -top-menu { +.top-menu { + position: fixed; + top:0px; &_logo{ - width: 200px; - height: 200px; padding: 5px; } } \ No newline at end of file diff --git a/local/_front/index.html b/local/_front/index.html index 537459b..0e472d7 100644 --- a/local/_front/index.html +++ b/local/_front/index.html @@ -5,19 +5,20 @@ Document - + +
- +
+7 (928) 882-48-85
Почта
Меню
-
+

С ключевым сообщением и призывом к действию