diff --git a/src/app/_modules/layout/footer/footer.component.html b/src/app/_modules/layout/footer/footer.component.html index a590c4c..b5501a9 100644 --- a/src/app/_modules/layout/footer/footer.component.html +++ b/src/app/_modules/layout/footer/footer.component.html @@ -1,28 +1,63 @@
-
-
- - + +
+ -
- + +
+ + + + + + + + + +
+
+
+ + + +
-
-
Контакты ФАУ «ФЦС»
-
(495) 133-01-57
- -
101000, Россия, Москва, Фуркасовский переулок, дом 6, этаж 4
- +
+
+
+ © 1998–2023 ЧУ СЦ ВНИИГАЗ-Сертификат +
+
+ Разработка сайта — ООО НИР +
+
diff --git a/src/app/_modules/layout/footer/footer.component.scss b/src/app/_modules/layout/footer/footer.component.scss index 774aba2..c3ea9fe 100644 --- a/src/app/_modules/layout/footer/footer.component.scss +++ b/src/app/_modules/layout/footer/footer.component.scss @@ -1,110 +1,41 @@ .footer { width: 100%; - padding: 32px 40px 48px; - margin-top: 40px; - border-top: 1px solid; - background-color: var(--grey-5); - border-top-color: var(--grey-5); - .block { - max-width: 1240px; - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: wrap; - gap: 40px; + padding: 40px 100px; + background-color: var(--blue-3); + color: white; + display: flex; + flex-direction: column; + .block{ + display: flex; + div{ + display: block; + flex-grow: 1; + flex-basis: 25%; + margin-bottom: -16px; + div { + margin-bottom: 16px; + } + } + .icons a{ + margin-right: 16px; + } + .menu{ + display: block; + } + } + + .line{ width: 100%; - margin: 0 auto; - padding: 0 40px; - .left { - flex-grow: 1; - display: flex; - flex-direction: column; - row-gap: 24px; - .logos { - display: flex; - column-gap: 40px; - flex-direction: row; - row-gap: 32px; - flex-wrap: wrap; - .fcs { - width: 218px; - height: 72px; - background: url('~src/assets/images/logo_fcs_white_218x60.svg') no-repeat center; - } - .minstroy { - width: 179px; - height: 72px; - background: url('~src/assets/images/logo_minstroy_white_179x72.svg') no-repeat center; - } - } - .links { - ul { - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - row-gap: 16px; - li { - list-style-type: none; - a { - font-size: 14px; - color: var(--white); - } - } - } - } - } - .right { - flex-grow: 1; - display: flex; - row-gap: 24px; - flex-direction: column; - .title { - font-weight: 700; - line-height: 24px; - color: var(--white); - } - .phone, - .email, - .location { - position: relative; - margin-left: 39px; - color: var(--white); - &::after { - content: ""; - position: absolute; - width: 28px; - height: 28px; - left: -39px; - top: 0; - background-size: 28px 28px; - background-position: center; - background-repeat: no-repeat; - } - } - .phone {&::after {background-image: url("~src/assets/images/icons/phone_white_24dp.svg");} } - .email {&::after {background-image: url("~src/assets/images/icons/email_white_24dp.svg");}} - .location {&::after {background-image: url("~src/assets/images/icons/location_white_24dp.svg");} } - .social-media { - display: flex; - column-gap: 16px; - a { - width: 28px; - height: 28px; - background-size: 28px 28px; - background-position: center; - background-repeat: no-repeat; - } - .vk {background-image: url("~src/assets/images/icons/vk_black_24dp.svg");} - .ok {background-image: url("~src/assets/images/icons/ok_black_24dp.svg");} - .telegram {background-image: url("~src/assets/images/icons/telegram_black_24dp.svg");} - } - } - } -} -@media screen and (max-width: 526px) { - .footer { - padding-left: 0; - padding-right: 0; + height: 1px; + background-color: var(--blue-1); + margin: 40px 0; + } + + .copyright{ + display: flex; + justify-content: space-between; + font-size: 16px; + font-style: normal; + font-weight: 400; } } diff --git a/src/app/_modules/layout/header/header.component.html b/src/app/_modules/layout/header/header.component.html index b4dbbcd..25d5b9e 100644 --- a/src/app/_modules/layout/header/header.component.html +++ b/src/app/_modules/layout/header/header.component.html @@ -18,7 +18,8 @@
-->
- +
diff --git a/src/app/_modules/layout/header/header.component.scss b/src/app/_modules/layout/header/header.component.scss index 39d08c2..399993a 100644 --- a/src/app/_modules/layout/header/header.component.scss +++ b/src/app/_modules/layout/header/header.component.scss @@ -83,7 +83,7 @@ width:114px; height: 80px; margin: 12px 24px 12px 40px; - background-image: url('~src/assets/images/logo_vniigaz_114x80.svg'); + background-image: url('~src/assets/images/logo_vniigaz_1163x816.svg'); background-size: contain; ; } diff --git a/src/assets/css/basics.scss b/src/assets/css/basics.scss index 94e3fa2..876e010 100644 --- a/src/assets/css/basics.scss +++ b/src/assets/css/basics.scss @@ -21,7 +21,7 @@ html { height: 100%; - font-family: "Open Sans"; + font-family: "PT Sans"; font-size: 16px; -webkit-font-smoothing:antialiased; } @@ -30,7 +30,7 @@ body { height: 100%; padding: 0; margin: 0; - color: var(--grey-7); + color: var(--blue-1); } .limiter { @@ -89,6 +89,10 @@ span.link { } } +.op-63{ + opacity: 0.63; +} + @media screen and (min-width: 1240px) { .fullwidth { diff --git a/src/assets/css/buttons.scss b/src/assets/css/buttons.scss index 485aaeb..27604db 100644 --- a/src/assets/css/buttons.scss +++ b/src/assets/css/buttons.scss @@ -32,24 +32,24 @@ button { } } -.inline-menu.default { - display: inline-flex; - align-items: center; - gap: 24px; - padding: 8px 24px; - background-color: #F5F4F4; - border: #E8E8E8 solid 1px; - border-radius: 4px; - button { - width: 20px; - height: 20px; - background: transparent none 50% 50% no-repeat; - &.add {background-image: url('~src/assets/images/icons/note_add_20.svg');} - &.edit {background-image: url('~src/assets/images/icons/edit_20.svg');} - &.delete {background-image: url('~src/assets/images/icons/trash_20.svg');} - &.move {background-image: url('~src/assets/images/icons/drag-n-drop_24.svg');} - } -} +// .inline-menu.default { +// display: inline-flex; +// align-items: center; +// gap: 24px; +// padding: 8px 24px; +// background-color: #F5F4F4; +// border: #E8E8E8 solid 1px; +// border-radius: 4px; +// button { +// width: 20px; +// height: 20px; +// background: transparent none 50% 50% no-repeat; +// &.add {background-image: url('~src/assets/images/icons/note_add_20.svg');} +// &.edit {background-image: url('~src/assets/images/icons/edit_20.svg');} +// &.delete {background-image: url('~src/assets/images/icons/trash_20.svg');} +// &.move {background-image: url('~src/assets/images/icons/drag-n-drop_24.svg');} +// } +// } .btn { color: #ffffff; diff --git a/src/assets/css/fonts.scss b/src/assets/css/fonts.scss index f4a2e87..dd1e80a 100644 --- a/src/assets/css/fonts.scss +++ b/src/assets/css/fonts.scss @@ -1,125 +1,125 @@ -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-Italic.eot'); - src: local('Open Sans Italic'), local('OpenSans-Italic'), - url('../fonts/sans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-Italic.woff2') format('woff2'), - url('../fonts/sans/OpenSans-Italic.woff') format('woff'), - url('../fonts/sans/OpenSans-Italic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; -} +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-Italic.eot'); +// src: local('Open Sans Italic'), local('OpenSans-Italic'), +// url('../fonts/sans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-Italic.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-Italic.woff') format('woff'), +// url('../fonts/sans/OpenSans-Italic.ttf') format('truetype'); +// font-weight: normal; +// font-style: italic; +// } + +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-Regular.eot'); +// src: local('Open Sans Regular'), local('OpenSans-Regular'), +// url('../fonts/sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-Regular.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-Regular.woff') format('woff'), +// url('../fonts/sans/OpenSans-Regular.ttf') format('truetype'); +// font-weight: normal; +// font-style: normal; +// } + +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-BoldItalic.eot'); +// src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), +// url('../fonts/sans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-BoldItalic.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-BoldItalic.woff') format('woff'), +// url('../fonts/sans/OpenSans-BoldItalic.ttf') format('truetype'); +// font-weight: bold; +// font-style: italic; +// } + +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-SemiBold.eot'); +// src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), +// url('../fonts/sans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-SemiBold.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-SemiBold.woff') format('woff'), +// url('../fonts/sans/OpenSans-SemiBold.ttf') format('truetype'); +// font-weight: 600; +// font-style: normal; +// } + +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-ExtraBoldItalic.eot'); +// src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), +// url('../fonts/sans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-ExtraBoldItalic.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-ExtraBoldItalic.woff') format('woff'), +// url('../fonts/sans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); +// font-weight: 800; +// font-style: italic; +// } + +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-LightItalic.eot'); +// src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), +// url('../fonts/sans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-LightItalic.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-LightItalic.woff') format('woff'), +// url('../fonts/sans/OpenSans-LightItalic.ttf') format('truetype'); +// font-weight: 300; +// font-style: italic; +// } + +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-Bold.eot'); +// src: local('Open Sans Bold'), local('OpenSans-Bold'), +// url('../fonts/sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-Bold.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-Bold.woff') format('woff'), +// url('../fonts/sans/OpenSans-Bold.ttf') format('truetype'); +// font-weight: bold; +// font-style: normal; +// } + +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-SemiBoldItalic.eot'); +// src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), +// url('../fonts/sans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-SemiBoldItalic.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-SemiBoldItalic.woff') format('woff'), +// url('../fonts/sans/OpenSans-SemiBoldItalic.ttf') format('truetype'); +// font-weight: 600; +// font-style: italic; +// } + +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-ExtraBold.eot'); +// src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), +// url('../fonts/sans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-ExtraBold.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-ExtraBold.woff') format('woff'), +// url('../fonts/sans/OpenSans-ExtraBold.ttf') format('truetype'); +// font-weight: 800; +// font-style: normal; +// } + +// @font-face { +// font-family: 'Open Sans'; +// src: url('../fonts/sans/OpenSans-Light.eot'); +// src: local('Open Sans Light'), local('OpenSans-Light'), +// url('../fonts/sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), +// url('../fonts/sans/OpenSans-Light.woff2') format('woff2'), +// url('../fonts/sans/OpenSans-Light.woff') format('woff'), +// url('../fonts/sans/OpenSans-Light.ttf') format('truetype'); +// font-weight: 300; +// font-style: normal; +// } @font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-Regular.eot'); - src: local('Open Sans Regular'), local('OpenSans-Regular'), - url('../fonts/sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-Regular.woff2') format('woff2'), - url('../fonts/sans/OpenSans-Regular.woff') format('woff'), - url('../fonts/sans/OpenSans-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-BoldItalic.eot'); - src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), - url('../fonts/sans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-BoldItalic.woff2') format('woff2'), - url('../fonts/sans/OpenSans-BoldItalic.woff') format('woff'), - url('../fonts/sans/OpenSans-BoldItalic.ttf') format('truetype'); - font-weight: bold; - font-style: italic; -} - -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-SemiBold.eot'); - src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), - url('../fonts/sans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-SemiBold.woff2') format('woff2'), - url('../fonts/sans/OpenSans-SemiBold.woff') format('woff'), - url('../fonts/sans/OpenSans-SemiBold.ttf') format('truetype'); - font-weight: 600; - font-style: normal; -} - -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-ExtraBoldItalic.eot'); - src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), - url('../fonts/sans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-ExtraBoldItalic.woff2') format('woff2'), - url('../fonts/sans/OpenSans-ExtraBoldItalic.woff') format('woff'), - url('../fonts/sans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); - font-weight: 800; - font-style: italic; -} - -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-LightItalic.eot'); - src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), - url('../fonts/sans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-LightItalic.woff2') format('woff2'), - url('../fonts/sans/OpenSans-LightItalic.woff') format('woff'), - url('../fonts/sans/OpenSans-LightItalic.ttf') format('truetype'); - font-weight: 300; - font-style: italic; -} - -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-Bold.eot'); - src: local('Open Sans Bold'), local('OpenSans-Bold'), - url('../fonts/sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-Bold.woff2') format('woff2'), - url('../fonts/sans/OpenSans-Bold.woff') format('woff'), - url('../fonts/sans/OpenSans-Bold.ttf') format('truetype'); - font-weight: bold; - font-style: normal; -} - -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-SemiBoldItalic.eot'); - src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), - url('../fonts/sans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-SemiBoldItalic.woff2') format('woff2'), - url('../fonts/sans/OpenSans-SemiBoldItalic.woff') format('woff'), - url('../fonts/sans/OpenSans-SemiBoldItalic.ttf') format('truetype'); - font-weight: 600; - font-style: italic; -} - -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-ExtraBold.eot'); - src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), - url('../fonts/sans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-ExtraBold.woff2') format('woff2'), - url('../fonts/sans/OpenSans-ExtraBold.woff') format('woff'), - url('../fonts/sans/OpenSans-ExtraBold.ttf') format('truetype'); - font-weight: 800; - font-style: normal; -} - -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/sans/OpenSans-Light.eot'); - src: local('Open Sans Light'), local('OpenSans-Light'), - url('../fonts/sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), - url('../fonts/sans/OpenSans-Light.woff2') format('woff2'), - url('../fonts/sans/OpenSans-Light.woff') format('woff'), - url('../fonts/sans/OpenSans-Light.ttf') format('truetype'); - font-weight: 300; - font-style: normal; -} - -@font-face { - font-family: 'PT Sans Narrow'; + font-family: 'PT Sans'; src: url('../fonts/ptsans/PT_Sans-Web-Regular.ttf'); font-style: normal; font-weight: 400; @@ -127,9 +127,40 @@ } @font-face { - font-family: 'PT Sans Narrow'; + font-family: 'PT Sans'; src: url('../fonts/ptsans/PT_Sans-Web-Bold.ttf'); font-style: normal; font-weight: 700; font-display: swap; } + +@font-face { + font-family: 'PT Sans'; + src: url('../fonts/ptsans/PT_Sans-Web-Italic.ttf'); + font-style: italic; + font-weight: 400; + font-display: swap; +} + +@font-face { + font-family: 'PT Sans'; + src: url('../fonts/ptsans/PT_Sans-Web-Bolditalic.ttf'); + font-style: italic; + font-weight: 700; + font-display: swap; +} + +@font-face { + font-family: 'PT Sans Narrow'; + src: url('../fonts/ptsans/PTSansNarrow-Regular.ttf'); + font-style: itnormalalic; + font-weight: 400; + font-display: swap; +} +@font-face { + font-family: 'PT Sans Narrow'; + src: url('../fonts/ptsans/PTSansNarrow-Bold.ttf'); + font-style: normal; + font-weight: 700; + font-display: swap; +} \ No newline at end of file diff --git a/src/assets/css/main-menu.scss b/src/assets/css/main-menu.scss index 61ca5dc..8e2dae3 100644 --- a/src/assets/css/main-menu.scss +++ b/src/assets/css/main-menu.scss @@ -7,7 +7,7 @@ // level 1 &>pages-menu{ - display: block; + display: block; pages-menu-item { display: flex; @@ -16,7 +16,7 @@ justify-content: flex-start; align-items: stretch; align-content: flex-start; - font-family: Open Sans; + font-size: 16px; font-style: normal; font-weight: 700; @@ -88,153 +88,139 @@ @media screen and (min-width: 961px){ - pages-menu { - animation: slide-from-top-and-fade-in 0.2s; - pages-menu-item { - a { - transition: all 0.3s; - } - &:hover { - &>pages-menu { - display: flex; - } + pages-menu { + animation: slide-from-top-and-fade-in 0.2s; + pages-menu-item { + a { + transition: all 0.3s; + } + &:hover { + &>pages-menu { + display: flex; } } } - - // level 1 - pages-menu { - width: 100%; + } + + // level 1 + pages-menu { + width: 100%; + display: flex; + align-items: stretch; + overflow: hidden; + margin: 0 4px; + + &>pages-menu-item { display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-start; align-items: stretch; - overflow: hidden; - margin: 0 4px; - + flex-grow: 0; + flex-shrink: 0; + text-align: center; + padding: 0 20px; + margin: 0 -4px; + &:hover { + background-color: #004077; + a{ + color: #FFF; + } + } - &>pages-menu-item { + + &>a { display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: flex-start; - align-items: stretch; - - flex-grow: 0; - flex-shrink: 0; - text-align: center; - padding: 0 20px; - margin: 0 -4px; + flex-direction: column; + justify-content: center; + color: #0070BA; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 32px; + &:hover { - background-color: #004077; - a{ - color: #FFF; - } + text-decoration: none; + color: white; + background: #004077; } + } + &>:hover { + & > pages-menu { + display: flex; + } + } + &>pages-menu:first-child { + &>pages-menu { + display: flex; + } + } - - - &>a { + // level 2 + &>pages-menu { + display: none; + justify-content: center; + align-items: stretch; + position: absolute; + top: 100%; + left: 0; + max-width: 100%; + background-color: #004077; + z-index: 1000; + padding: 24px calc( (100% - 1400px) / 2);; + margin: 0; + &>pages-menu-item { display: flex; flex-direction: column; - justify-content: center; - color: #0070BA; - - font-family: PT Sans; - font-size: 20px; - font-style: normal; - font-weight: 400; - line-height: 32px; - - - &:hover { - text-decoration: none; - color: white; - background: #004077; - - } - } - - &>:hover { - & > pages-menu { - display: flex; - } - } - - &>pages-menu:first-child { - &>pages-menu { - display: flex; - } - } - - // level 2 - &>pages-menu { - display: none; - justify-content: center; align-items: stretch; - position: absolute; - top: 100%; - left: 0; - max-width: 100%; - background-color: #004077; - z-index: 1000; - padding: 24px calc( (100% - 1400px) / 2);; - margin: 0; + flex-grow: 0; + flex-shrink: 1; + text-align: left; - - &>pages-menu-item { - display: flex; - flex-direction: column; - align-items: stretch; - flex-grow: 0; - flex-shrink: 1; - text-align: left; - - // &.hidden {display: none;} - - &>a { - font-family: PT Sans; - font-size: 20px; - font-style: normal; - font-weight: 400; - line-height: 32px; /* 160% */ - color: white; - - &>span { - display: block; - overflow: hidden; - } - + // &.hidden {display: none;} - &:hover, &.active { - &:after { - opacity: 1; - } + &>a { + font-family: PT Sans; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 32px; /* 160% */ + color: white; + + &>span { + display: block; + overflow: hidden; + } + + &:hover, &.active { + &:after { + opacity: 1; } } - - // level 3 - &>pages-menu { - position: relative; - padding: 0; - top: 0; - display: flex; - flex-direction: column; - justify-content: center; - align-items: left; - &>pages-menu-item { - position: relative; - display: block; - padding: 0; - margin:0; - opacity: 0.63; - } - } - } + + // level 3 + &>pages-menu { + position: relative; + padding: 20px 0 0 0; + top: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: left; + &>pages-menu-item { + position: relative; + display: block; + padding: 0; + margin: 20px 0 0 0; + opacity: 0.63; + } + } } } } - + } } \ No newline at end of file diff --git a/src/assets/fonts/ptsans/PTSansNarrow-Bold.ttf b/src/assets/fonts/ptsans/PTSansNarrow-Bold.ttf new file mode 100644 index 0000000..960a20a Binary files /dev/null and b/src/assets/fonts/ptsans/PTSansNarrow-Bold.ttf differ diff --git a/src/assets/fonts/ptsans/PTSansNarrow-Regular.ttf b/src/assets/fonts/ptsans/PTSansNarrow-Regular.ttf new file mode 100644 index 0000000..5e83fc8 Binary files /dev/null and b/src/assets/fonts/ptsans/PTSansNarrow-Regular.ttf differ diff --git a/src/assets/images/icons/ok_orange_28x28.svg b/src/assets/images/icons/ok_orange_28x28.svg new file mode 100644 index 0000000..fef4ce4 --- /dev/null +++ b/src/assets/images/icons/ok_orange_28x28.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/vk_white_29x28.svg b/src/assets/images/icons/vk_white_29x28.svg new file mode 100644 index 0000000..4bd40a1 --- /dev/null +++ b/src/assets/images/icons/vk_white_29x28.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/zen_black_28x28.svg b/src/assets/images/icons/zen_black_28x28.svg new file mode 100644 index 0000000..761904b --- /dev/null +++ b/src/assets/images/icons/zen_black_28x28.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/images/logo_vniigaz_114x80.svg b/src/assets/images/logo_vniigaz_1163x816.svg similarity index 100% rename from src/assets/images/logo_vniigaz_114x80.svg rename to src/assets/images/logo_vniigaz_1163x816.svg diff --git a/src/assets/images/logo_vniigaz_wt_280x110.svg b/src/assets/images/logo_vniigaz_wt_280x110.svg new file mode 100644 index 0000000..dff9775 --- /dev/null +++ b/src/assets/images/logo_vniigaz_wt_280x110.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles.scss b/src/styles.scss index 51101fc..869972c 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -2,21 +2,15 @@ --radius-1: 12px; --radius-2: 20px; --white: #ffffff; - --grey-1: #f5f4f4; - --grey-2: #e8e8e8; - --grey-3: #bfbfbf; - --grey-4: #86898e; - --grey-5: #696a6d; - --grey-6: #3e3d40; - --grey-7: #252e34; - --black: #000000; - --orange-1: #fcc620; - --orange-2: #f9b417; - --orange-3: #f49b1b; + + --blue-1: #0070BA; + --blue-2: #005799; + --blue-3: #004077; + --blue-4: #A1CAE5; } * { - font-family: "Open Sans"; + font-family: "PT Sans"; } li { @@ -28,11 +22,6 @@ a { } .btn { - color: var(--white); - padding: 10px 24px; - background: var(--orange-2); - border: 1px solid var(--orange-2); - border-radius: var(--radius-2); font-weight: 500; font-size: 0.875rem; line-height: 1.125rem;