Andrey
/
object-type-constructor-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer

master
Boris Voropaev 2023-08-28 12:25:51 +03:00
parent 2e34ce4bc5
commit 9de45fd2d1
16 changed files with 486 additions and 411 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/app/_modules/layout/footer/footer.component.html
View File

@ -1,28 +1,63 @@
<div class="footer">
<div class="block">
<div class="left">
<div class="logos">
<a class="fcs" href="/"></a>
<a class="minstroy" href="https://www.minstroyrf.gov.ru/" target="_blank"></a>
<div class="logo">
<img src="assets/images/logo_vniigaz_wt_280x110.svg" alt="">
</div>
<div class="contact">
<div>
<a href="#">+7 (498) 657-45-18</a>
</div>
<div class="links">
<ul>
<li><a href="/o-tsentre/protivodeistvie-korruptsii">Противодействие коррупции</a></li>
<li><a href="/o-tsentre/zashchita-personalnykh-dannykh">Защита персональных данных</a></li>
<li><a href="/o-tsentre/okhrana-truda">Охрана труда</a></li>
</ul>
<div>
<a href="#">info@vniigaz-cert.ru</a>
</div>
<div class="icons">
<a href="#">
<img src="assets/images/icons/vk_white_29x28.svg" alt="">
</a>
<a href="#">
<img src="assets/images/icons/ok_orange_28x28.svg" alt="">
</a>
<a href="#">
<img src="assets/images/icons/zen_black_28x28.svg" alt="">
</a>
</div>
</div>
<div class="menu">
<div>
<a href="#">О компании</a>
</div>
<div>
<a href="#">Добровольная сертификация</a>
</div>
<div>
<a href="#">Обязательная сертификация</a>
</div>
<div>
<a href="#">Испытания</a>
</div>
</div>
<div class="right">
<div class="title">Контакты ФАУ «ФЦС»</div>
<div class="phone">(495) 133-01-57</div>
<div class="email">info@faufcc.ru</div>
<div class="location">101000, Россия, Москва, Фуркасовский переулок, дом 6, этаж 4</div>
<div class="social-media">
<a class="vk" href="https://vk.com/faufcc" target="_blank"></a>
<a class="ok" href="https://ok.ru/group/61086535516301" target="_blank"></a>
<a class="telegram" href="https://t.me/faufccru" target="_blank"></a>
<div class="menu">
<div>
<a href="#">Валидация и верификация</a>
</div>
<div>
<a href="#">Стандартизация</a>
</div>
<div>
<a href="#">Новости</a>
</div>
<div>
<a href="#">Вход для зарегистрированных пользователей</a>
</div>
</div>
</div>
<div class="line"></div>
<div class="copyright">
<div>
© 1998–2023 ЧУ СЦ ВНИИГАЗ-Сертификат
</div>
<div class="op-63">
Разработка сайта — ООО НИР
</div>
</div>
</div>

141
src/app/_modules/layout/footer/footer.component.scss
View File

@ -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;
}
}

3
src/app/_modules/layout/header/header.component.html
View File

@ -18,7 +18,8 @@
</div>
</div> -->
<div class="bottom" [ngClass]="{hidemobile:!showBottom,showmobile:showBottom}">
<div class="logo"></div>
<div class="logo">
</div>
<div class="grid-menu">
<button class="close" (click)="showBottom=false"></button>
<pages-menu [items]="menuItems" (onSelected)="itemSelect($event)"></pages-menu>

2
src/app/_modules/layout/header/header.component.scss
View File

@ -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;
;
}

8
src/assets/css/basics.scss
View File

@ -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 {

36
src/assets/css/buttons.scss
View File

@ -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;

273
src/assets/css/fonts.scss
View File

@ -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;
}

240
src/assets/css/main-menu.scss
View File

@ -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;
}
}
}
}
}
}
}

BIN
src/assets/fonts/ptsans/PTSansNarrow-Bold.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/ptsans/PTSansNarrow-Regular.ttf Normal file
View File

Binary file not shown.

22
src/assets/images/icons/ok_orange_28x28.svg Normal file
View File

@ -0,0 +1,22 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_17_2311)">
<mask id="mask0_17_2311" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="28">
<path d="M28 0H0V28H28V0Z" fill="white"/>
</mask>
<g mask="url(#mask0_17_2311)">
<mask id="mask1_17_2311" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="28">
<path d="M28 0H0V28H28V0Z" fill="white"/>
</mask>
<g mask="url(#mask1_17_2311)">
<path d="M0.0839844 13.3983C0.0839844 7.09832 0.0839844 3.93432 2.02999 1.97432C4.00399 0.0283204 7.15399 0.0283203 13.468 0.0283203H14.588C20.888 0.0283203 24.052 0.0283204 26.012 1.97432C27.958 3.92032 27.958 7.09832 27.958 13.3983V14.5183C27.958 20.8183 27.958 23.9823 26.012 25.9423C24.066 27.8883 20.888 27.8883 14.588 27.8883H13.468C7.16799 27.8883 4.00399 27.8883 2.04399 25.9423C0.0839845 23.9823 0.0839844 20.8323 0.0839844 14.5183V13.3983Z" fill="#FF7700"/>
<path d="M14.014 13.8885C15.372 13.8885 16.604 13.3285 17.486 12.4465C18.368 11.5645 18.928 10.3325 18.928 8.97455C18.928 7.61655 18.368 6.38455 17.486 5.50255C16.604 4.62055 15.372 4.06055 14.014 4.06055C12.656 4.06055 11.424 4.62055 10.542 5.50255C9.65997 6.37055 9.09998 7.60255 9.09998 8.97455C9.09998 10.3465 9.65997 11.5645 10.542 12.4465C11.424 13.3285 12.67 13.8885 14.014 13.8885ZM12.446 7.37855C12.852 6.97255 13.412 6.72055 14.028 6.72055C14.658 6.72055 15.204 6.97255 15.61 7.37855C16.016 7.78455 16.268 8.34455 16.268 8.96055C16.268 9.59055 16.016 10.1365 15.61 10.5425C15.204 10.9485 14.644 11.2005 14.028 11.2005C13.398 11.2005 12.852 10.9485 12.446 10.5425C12.04 10.1365 11.788 9.57655 11.788 8.96055C11.788 8.34455 12.054 7.78455 12.446 7.37855Z" fill="white"/>
<path d="M20.65 15.8761L19.208 13.9021C19.124 13.7901 18.956 13.7761 18.858 13.8741C17.5 15.0361 15.82 15.7921 14.014 15.7921C12.208 15.7921 10.542 15.0361 9.17001 13.8741C9.07201 13.7901 8.90401 13.8041 8.82001 13.9021L7.37801 15.8761C7.30801 15.9741 7.32201 16.1001 7.40601 16.1841C8.62401 17.1641 10.038 17.8361 11.508 18.1861L8.45601 23.5621C8.37201 23.7161 8.48401 23.9121 8.65201 23.9121H11.634C11.732 23.9121 11.816 23.8561 11.844 23.7581L13.972 18.9981L16.1 23.7581C16.128 23.8421 16.212 23.9121 16.31 23.9121H19.292C19.474 23.9121 19.572 23.7301 19.488 23.5621L16.436 18.1861C17.906 17.8361 19.32 17.1921 20.538 16.1841C20.72 16.1001 20.734 15.9741 20.65 15.8761Z" fill="white"/>
</g>
</g>
</g>
<defs>
<clipPath id="clip0_17_2311">
<rect width="28" height="28" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

15
src/assets/images/icons/vk_white_29x28.svg Normal file
View File

@ -0,0 +1,15 @@
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_17_2305)">
<mask id="mask0_17_2305" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="29" height="28">
<path d="M28.14 0H0.140015V28H28.14V0Z" fill="white"/>
</mask>
<g mask="url(#mask0_17_2305)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.10826 1.96824C0.140015 3.93649 0.140015 7.10433 0.140015 13.44V14.56C0.140015 20.8957 0.140015 24.0635 2.10826 26.0318C4.07651 28 7.24434 28 13.58 28H14.7C21.0357 28 24.2035 28 26.1718 26.0318C28.14 24.0635 28.14 20.8957 28.14 14.56V13.44C28.14 7.10433 28.14 3.93649 26.1718 1.96824C24.2035 0 21.0357 0 14.7 0H13.58C7.24434 0 4.07651 0 2.10826 1.96824ZM4.86507 8.51673C5.01672 15.7967 8.65669 20.1717 15.0384 20.1717H15.4001V16.0067C17.7451 16.24 19.5183 17.9551 20.23 20.1717H23.5434C22.6334 16.8584 20.2416 15.0267 18.7483 14.3267C20.2416 13.4634 22.3416 11.3634 22.8433 8.51673H19.8332C19.1799 10.8267 17.2434 12.9267 15.4001 13.125V8.51673H12.39V16.59C10.5233 16.1234 8.16672 13.8601 8.06172 8.51673H4.86507Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_17_2305">
<rect width="29" height="28" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

11
src/assets/images/icons/zen_black_28x28.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_17_2323)">
<path d="M0 14C0 6.268 6.268 0 14 0C21.732 0 28 6.268 28 14C28 21.732 21.732 28 14 28C6.268 28 0 21.732 0 14Z" fill="#2D2D2D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7167 0C13.6505 5.7597 13.2739 8.9831 11.1285 11.1285C8.9831 13.2739 5.7597 13.6505 0 13.7167V14.5526C5.7597 14.6187 8.9831 14.9953 11.1285 17.1407C13.2402 19.2524 13.6383 22.4086 13.7134 28H14.5559C14.6309 22.4086 15.0289 19.2524 17.1407 17.1407C19.2524 15.0289 22.4086 14.6309 28 14.5559V13.7133C22.4086 13.6383 19.2524 13.2402 17.1407 11.1285C14.9953 8.9831 14.6187 5.7597 14.5526 0H13.7167Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_17_2323">
<rect width="28" height="28" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 836 B

0
src/assets/images/logo_vniigaz_114x80.svg → src/assets/images/logo_vniigaz_1163x816.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 141 KiB

50
src/assets/images/logo_vniigaz_wt_280x110.svg Normal file
View File

@ -0,0 +1,50 @@
<svg width="280" height="110" viewBox="0 0 280 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_17_2259)">
<path d="M156.755 83.3672H71.5645V85.1412H156.755V83.3672Z" fill="white"/>
<path d="M71.6735 75.9175V71.7605C71.6072 70.7023 71.9175 69.6548 72.5495 68.8035C73.2341 68.1797 74.1214 67.8248 75.0473 67.8046C75.9733 67.7844 76.8753 68.1001 77.5865 68.6935C78.181 69.3973 78.4935 70.2966 78.4635 71.2175V71.7655H76.3825V71.5465C76.4316 71.014 76.3172 70.4792 76.0545 70.0135C75.9416 69.8619 75.7916 69.742 75.6188 69.6653C75.4461 69.5885 75.2566 69.5576 75.0685 69.5755C74.8969 69.5657 74.7258 69.601 74.5722 69.6779C74.4185 69.7547 74.2876 69.8704 74.1925 70.0135C73.9294 70.4791 73.8146 71.0139 73.8635 71.5465V76.0365C73.857 76.5557 73.9309 77.0728 74.0825 77.5695C74.2058 77.7093 74.3574 77.8213 74.5273 77.898C74.6972 77.9747 74.8815 78.0143 75.068 78.0143C75.2544 78.0143 75.4387 77.9747 75.6086 77.898C75.7785 77.8213 75.9302 77.7093 76.0535 77.5695C76.3041 77.0992 76.4177 76.5681 76.3815 76.0365V75.3795H78.4635V75.9175C78.4635 78.4365 77.3635 79.6405 75.0685 79.6405H73.7545L72.7735 79.0975C72.4954 78.8548 72.2716 78.5563 72.1165 78.2214L71.7885 77.2354C71.7835 76.6884 71.6735 76.3595 71.6735 75.9175Z" fill="white"/>
<path d="M80.2155 79.4251V68.0371H86.0154V69.7891H82.2964V72.4171H85.6915V74.1691H82.2964V77.6691H86.0154V79.4211L80.2155 79.4251Z" fill="white"/>
<path d="M87.6614 79.4251V68.0371H91.6034C92.1407 68.0672 92.6644 68.2168 93.1364 68.4751C93.5533 68.7937 93.8908 69.2044 94.1224 69.6751C94.3478 70.2313 94.4593 70.8271 94.4504 71.4271C94.4478 71.9908 94.3365 72.5486 94.1224 73.0701C93.9207 73.6232 93.5315 74.0882 93.0224 74.3841C92.557 74.6581 92.0294 74.8088 91.4894 74.8221H89.7414V79.4221L87.6614 79.4251ZM89.7414 73.0741H90.7274C90.9482 73.1092 91.1743 73.0874 91.3842 73.0107C91.5942 72.9341 91.7812 72.8052 91.9274 72.6361C92.213 72.2997 92.3698 71.8729 92.3698 71.4316C92.3698 70.9904 92.213 70.5635 91.9274 70.2271C91.7812 70.0581 91.5942 69.9291 91.3842 69.8525C91.1743 69.7758 90.9482 69.754 90.7274 69.7891H89.7414V73.0741Z" fill="white"/>
<path d="M95.6545 69.7891V68.0371H102.991V69.7891H100.363V79.4251H98.2825V69.7891H95.6545Z" fill="white"/>
<path d="M104.305 79.4251V68.0371H106.276V72.3071C106.321 73.6659 106.21 75.0253 105.947 76.3591L109.013 68.0371H111.203V79.4251H109.341V75.1551C109.326 73.8377 109.399 72.5207 109.56 71.2131L106.495 79.4251H104.305Z" fill="white"/>
<path d="M112.736 73.7311C112.719 73.0592 112.83 72.3901 113.064 71.7601C113.265 71.2675 113.563 70.8205 113.94 70.4461C114.256 70.0953 114.628 69.7993 115.04 69.5701L116.354 69.3511H117.011V68.0371H119.092V69.3511H119.64L120.954 69.5701L122.154 70.4461C122.495 70.8284 122.756 71.2752 122.921 71.7601C123.355 73.0383 123.355 74.4239 122.921 75.7021C122.756 76.187 122.495 76.6338 122.154 77.0161C121.798 77.334 121.393 77.5929 120.954 77.7831L119.64 78.0021H119.092V79.4261H117.011V78.0021H116.354L115.04 77.7831L113.94 77.0171C113.563 76.6427 113.265 76.1957 113.064 75.7031C112.83 75.0728 112.719 74.4034 112.736 73.7311ZM114.926 73.7311C114.876 74.4169 115.028 75.1024 115.364 75.7021C115.467 75.9044 115.625 76.0734 115.819 76.1897C116.014 76.306 116.238 76.3647 116.464 76.3591H117.012V70.9931H116.464C116.229 71.0104 116.003 71.0908 115.809 71.2257C115.616 71.3607 115.462 71.5453 115.364 71.7601C115.04 72.3642 114.888 73.0463 114.926 73.7311ZM119.087 76.3591H119.525C119.765 76.3591 120 76.299 120.21 76.1842C120.419 76.0693 120.597 75.9036 120.725 75.7021C121.009 75.0834 121.158 74.4117 121.163 73.7311C121.146 73.052 120.997 72.3826 120.725 71.7601C120.602 71.5447 120.429 71.3624 120.22 71.2288C120.011 71.0952 119.773 71.0143 119.525 70.9931H119.087V76.3591Z" fill="white"/>
<path d="M124.781 79.4251V68.0371H126.752V72.3071C126.763 73.661 126.69 75.0143 126.533 76.3591L129.599 68.0371H131.789V79.4251H129.818V75.1551C129.767 73.8326 129.877 72.5087 130.147 71.2131L127.081 79.4251H124.781Z" fill="white"/>
<path d="M133.651 79.4251V68.0371H135.732V72.9651L138.251 68.0371H140.551L137.813 72.9651L140.66 79.4261H138.36L136.498 74.9361L135.731 76.0311V79.4261L133.651 79.4251Z" fill="white"/>
<path d="M141.425 79.4251L144.162 68.0371H147.009L149.418 79.4251H147.118L146.68 76.4681H144.271L143.614 79.4251H141.425ZM144.491 74.8251H146.353L145.587 69.4591L144.491 74.8251Z" fill="white"/>
<path d="M149.529 69.7891V68.0371H156.756V69.7891H154.129V79.4251H152.048V69.7891H149.529Z" fill="white"/>
<path d="M71.6744 92.7856V90.3766C71.6941 89.9863 71.8654 89.6191 72.1517 89.3531C72.438 89.0872 72.8168 88.9435 73.2074 88.9526H73.6454L74.0834 89.1716L74.4124 89.6096C74.5167 89.7719 74.556 89.9676 74.5224 90.1576V90.8146H73.5364V90.1526C73.5416 90.0932 73.5346 90.0334 73.5159 89.9768C73.4971 89.9202 73.467 89.8681 73.4274 89.8236H73.2084C72.9894 89.8236 72.9894 89.9336 72.8794 90.0426C72.7694 90.1516 72.7694 90.1516 72.7694 90.3716V92.7806C72.7644 92.84 72.7716 92.8998 72.7905 92.9564C72.8094 93.013 72.8397 93.0651 72.8794 93.1096H73.4274C73.5364 93.1096 73.5364 92.9996 73.5364 92.7806V92.1236H74.5224V92.8896C74.5394 93.079 74.5012 93.2693 74.4124 93.4376L74.0834 93.8756L73.6454 94.0946H73.2074C72.8361 94.1013 72.4752 93.9719 72.1927 93.7307C71.9103 93.4896 71.7259 93.1534 71.6744 92.7856Z" fill="white"/>
<path d="M75.3965 92.5653V90.4853C75.3734 90.0604 75.4884 89.6394 75.7245 89.2853C76.0473 89.0625 76.4323 88.9474 76.8245 88.9563C77.0206 88.9318 77.2197 88.9484 77.4091 89.005C77.5985 89.0617 77.774 89.1571 77.9245 89.2853C78.0795 89.4421 78.1988 89.6304 78.2744 89.8375C78.35 90.0446 78.38 90.2656 78.3625 90.4853V91.6853H76.3825V92.7853C76.3774 92.8447 76.3846 92.9046 76.4035 92.9612C76.4224 93.0177 76.4527 93.0698 76.4925 93.1143L76.8215 93.3333C76.9064 93.3333 76.9903 93.3135 77.0663 93.2754C77.1423 93.2374 77.2084 93.1823 77.2595 93.1143C77.2992 93.0698 77.3295 93.0177 77.3484 92.9612C77.3673 92.9046 77.3745 92.8447 77.3695 92.7853V92.4513H78.3555C78.3905 92.6721 78.3687 92.8981 78.2921 93.1081C78.2154 93.3181 78.0865 93.5051 77.9175 93.6513C77.7762 93.7989 77.6049 93.9145 77.4151 93.99C77.2253 94.0656 77.0215 94.0995 76.8175 94.0893C76.4146 94.0595 76.0306 93.9066 75.7175 93.6513C75.4932 93.3348 75.3803 92.9529 75.3965 92.5653ZM76.3815 90.8133H77.3675V90.3753C77.3675 90.1563 77.3675 90.0473 77.2585 89.9373H76.4965C76.3875 90.0473 76.3875 90.1563 76.3875 90.3753L76.3815 90.8133Z" fill="white"/>
<path d="M79.2294 95.6316V89.0616H80.2154V89.6096L80.6534 89.0616H81.0914C81.252 89.0548 81.4122 89.0804 81.5627 89.1367C81.7132 89.1931 81.8508 89.2791 81.9674 89.3896C82.1163 89.6967 82.1913 90.0344 82.1864 90.3756V92.8936C82.2017 93.0716 82.1804 93.2509 82.124 93.4204C82.0676 93.5899 81.9773 93.7462 81.8584 93.8796C81.7678 94.0017 81.6528 94.1036 81.5208 94.179C81.3888 94.2544 81.2426 94.3016 81.0914 94.3176L80.6534 94.0986C80.4515 93.9686 80.2977 93.7762 80.2154 93.5506V95.7406L79.2294 95.6316ZM80.2154 92.6746C80.2155 92.7596 80.2353 92.8434 80.2733 92.9194C80.3113 92.9955 80.3665 93.0616 80.4344 93.1126L80.7634 93.3316L81.0914 93.1126C81.2014 93.0026 81.2014 92.8936 81.2014 92.6746V90.3746C81.2014 90.2646 81.2014 90.0456 81.0914 90.0456L80.7634 89.8266L80.4344 90.0456C80.3665 90.0966 80.3113 90.1628 80.2733 90.2388C80.2353 90.3148 80.2155 90.3986 80.2154 90.4836V92.6746Z" fill="white"/>
<path d="M82.8434 89.9375V89.0615H85.8004V89.9375H84.8144V93.9895H83.8294V89.9375H82.8434Z" fill="white"/>
<path d="M86.4564 93.9885V89.0615H87.4424V92.0175L88.5364 89.0615H89.4124V93.9895H88.5364V91.1415L87.4414 93.9885H86.4564Z" fill="white"/>
<path d="M90.3985 92.7846V90.2666C90.3832 90.0886 90.4045 89.9093 90.4609 89.7398C90.5173 89.5702 90.6076 89.414 90.7265 89.2806C90.8226 89.1732 90.941 89.0881 91.0736 89.0315C91.2061 88.9748 91.3494 88.9479 91.4935 88.9526H92.0415L92.3695 89.5006V87.3096H93.3555V89.4996C93.3555 89.2806 93.4645 89.1706 93.6845 88.9516H94.1225C94.283 88.9448 94.4433 88.9704 94.5937 89.0267C94.7442 89.083 94.8818 89.169 94.9985 89.2796C95.1175 89.4129 95.208 89.5691 95.2646 89.7387C95.3212 89.9082 95.3426 90.0875 95.3275 90.2656V92.7846C95.3425 92.9569 95.3234 93.1306 95.2712 93.2955C95.219 93.4605 95.1348 93.6135 95.0233 93.7458C94.9118 93.8782 94.7752 93.9871 94.6215 94.0665C94.4678 94.146 94.2999 94.1942 94.1275 94.2086L93.6895 93.9896C93.5842 93.9441 93.4958 93.8668 93.4368 93.7685C93.3778 93.6702 93.3511 93.5559 93.3605 93.4416V95.6316H92.3755V93.4416L92.0465 93.9896L91.4985 94.2096C91.3473 94.1935 91.2011 94.1463 91.0691 94.0709C90.9371 93.9955 90.8221 93.8936 90.7315 93.7716C90.6116 93.6384 90.5202 93.4822 90.463 93.3125C90.4057 93.1427 90.3838 92.9631 90.3985 92.7846ZM91.3835 92.6756C91.3835 92.8946 91.3835 93.0036 91.4925 93.1136L91.8215 93.3326C92.0405 93.3326 92.1495 93.2226 92.1495 93.1136C92.2175 93.0626 92.2727 92.9965 92.3107 92.9204C92.3487 92.8444 92.3685 92.7606 92.3685 92.6756V90.3756C92.3685 90.2656 92.2595 90.0466 92.1495 90.0466C92.0395 90.0466 92.0405 89.8276 91.8215 89.8276L91.4925 90.0466C91.3835 90.1566 91.3835 90.2656 91.3835 90.4846V92.6756ZM93.3545 92.6756C93.3545 92.8946 93.3545 93.0036 93.4635 93.1136L93.7915 93.3326L94.1205 93.1136C94.2305 93.0036 94.2305 92.8946 94.2305 92.6756V90.3756C94.2305 90.2656 94.2305 90.0466 94.1205 90.0466L93.7915 89.8276L93.4635 90.0466C93.3545 90.1566 93.3545 90.2656 93.3545 90.4846V92.6756Z" fill="white"/>
<path d="M96.2025 93.9885V89.0615H97.1885V92.0175L98.1735 89.0615H99.1595V93.9895H98.1735V91.1415L97.1885 93.9885H96.2025Z" fill="white"/>
<path d="M100.144 93.9885V89.0615H101.13V90.9225L102.006 89.0615H102.991L102.006 91.0325L102.991 93.9895H101.891L101.344 92.1275L101.125 92.5655V93.9895L100.144 93.9885Z" fill="white"/>
<path d="M103.645 92.7851C103.641 92.4442 103.716 92.1069 103.864 91.8001L104.74 91.1431H105.069C105.069 91.0331 105.179 91.0331 105.288 91.0331C105.397 91.0331 105.398 90.8141 105.507 90.8141V90.3761C105.507 90.2599 105.461 90.1485 105.379 90.0664C105.297 89.9842 105.186 89.9381 105.069 89.9381L104.745 90.1521C104.677 90.2031 104.622 90.2692 104.584 90.3452C104.546 90.4213 104.527 90.5051 104.526 90.5901H103.645V90.3711C103.63 90.193 103.652 90.0137 103.708 89.8442C103.765 89.6746 103.855 89.5184 103.974 89.3851C104.116 89.2387 104.287 89.1243 104.476 89.0496C104.665 88.9749 104.868 88.9416 105.071 88.9521H105.838C106.064 89.0343 106.256 89.1882 106.386 89.3901C106.509 89.5895 106.584 89.8142 106.605 90.0471V93.8801H105.505V93.4421C105.418 93.6365 105.262 93.7923 105.067 93.8801L104.52 94.0991C104.365 94.1006 104.212 94.0608 104.078 93.9838C103.943 93.9069 103.831 93.7955 103.753 93.6611C103.618 93.3903 103.579 93.0808 103.645 92.7851ZM104.631 92.6761V93.1141L104.959 93.3331L105.397 93.1141C105.506 93.0041 105.506 92.8951 105.506 92.6761V91.4761L104.849 91.9141L104.63 92.2431C104.745 92.3471 104.633 92.4521 104.633 92.6751L104.631 92.6761Z" fill="white"/>
<path d="M107.59 93.9885V89.0615H108.575V93.1135H109.561V89.0615H110.547V93.1135H110.876V95.1945H110V93.9945L107.59 93.9885Z" fill="white"/>
<path d="M111.641 93.9885V89.0615H112.627V92.0175L113.613 89.0615H114.598V93.9895H113.613V91.1415L112.627 93.9885H111.641Z" fill="white"/>
<path d="M115.474 92.5615V90.5945C115.474 90.3755 115.584 90.1565 115.584 89.9375L115.803 89.3905L116.351 89.0615H117.774L118.212 89.3905C118.362 89.5456 118.475 89.7326 118.541 89.9375C118.541 90.1565 118.65 90.3755 118.65 90.5945V92.5615C118.625 92.7462 118.589 92.9292 118.541 93.1095C118.432 93.3285 118.432 93.5475 118.212 93.6575C117.992 93.7675 117.993 93.9865 117.774 93.9865L117.117 94.2055L116.35 93.9865C116.236 93.9959 116.122 93.9692 116.024 93.9102C115.925 93.8512 115.848 93.7628 115.802 93.6575C115.692 93.5485 115.692 93.3285 115.583 93.1095C115.536 92.9292 115.5 92.7462 115.474 92.5615ZM116.574 92.6705C116.574 93.1085 116.683 93.3275 117.122 93.3275L117.451 93.1085C117.56 93.1085 117.56 92.8895 117.56 92.6705V90.3705C117.56 90.1515 117.56 90.0415 117.451 89.9325H117.122C116.684 89.9325 116.574 90.1515 116.574 90.4805V92.6705Z" fill="white"/>
<path d="M119.525 93.9885V89.0615H120.511V90.9225H121.387V89.0615H122.373V93.9895H121.387V91.7995H120.511V93.9895L119.525 93.9885Z" fill="white"/>
<path d="M123.358 93.9885V89.0615H124.343V90.9225H125.329V89.0615H126.315V93.9895H125.329V91.7995H124.343V93.9895L123.358 93.9885Z" fill="white"/>
<path d="M127.19 93.9885V89.0615H128.176V90.9225H129.276L129.714 91.2515L130.043 91.6895C130.131 91.8968 130.169 92.122 130.152 92.3465C130.152 92.5655 130.152 92.8945 130.043 93.0035L129.714 93.5515L129.276 93.7705H127.19V93.9885ZM128.176 93.1125H128.943C129.078 92.9607 129.155 92.767 129.162 92.5645C129.162 92.4795 129.143 92.3957 129.105 92.3196C129.067 92.2436 129.011 92.1775 128.943 92.1265L128.505 91.9075H128.176V93.1125ZM130.804 93.9885V89.0615H131.79V93.9895L130.804 93.9885Z" fill="white"/>
<path d="M132.775 93.9886V89.0616H133.651V92.0186L134.751 89.0616H135.736V93.9896H134.751V91.1416L133.651 93.9886H132.775ZM133.213 87.4186H133.651C133.646 87.4779 133.653 87.5377 133.672 87.5943C133.691 87.6509 133.721 87.703 133.76 87.7476H134.636C134.636 87.6376 134.745 87.5286 134.745 87.3096H135.292C135.306 87.4622 135.288 87.6161 135.239 87.7613C135.19 87.9065 135.111 88.0399 135.008 88.1529C134.904 88.2659 134.778 88.356 134.638 88.4174C134.497 88.4788 134.346 88.5102 134.192 88.5096C134.048 88.514 133.905 88.4868 133.773 88.43C133.641 88.3732 133.522 88.288 133.426 88.1806C133.268 87.9576 133.191 87.6874 133.207 87.4146L133.213 87.4186Z" fill="white"/>
<path d="M138.688 93.9885V89.0615H139.674V93.1135H140.659V89.0615H141.645V93.1135H141.973V95.1945H140.988V93.9945L138.688 93.9885Z" fill="white"/>
<path d="M142.739 92.5657V90.4847C142.717 90.0596 142.832 89.6386 143.068 89.2847C143.389 89.0614 143.773 88.9449 144.163 88.9517C144.556 88.9263 144.945 89.0427 145.258 89.2797C145.413 89.4364 145.533 89.6248 145.608 89.8319C145.684 90.0389 145.714 90.2599 145.696 90.4797V91.6797H143.616V92.7797L143.835 93.1077L144.163 93.3267C144.248 93.3266 144.332 93.3068 144.408 93.2688C144.484 93.2308 144.55 93.1756 144.601 93.1077C144.641 93.0633 144.671 93.0114 144.69 92.955C144.709 92.8986 144.716 92.8389 144.711 92.7797V92.4517H145.696C145.732 92.6724 145.71 92.8985 145.633 93.1085C145.556 93.3184 145.428 93.5054 145.258 93.6517C144.96 93.9282 144.57 94.0843 144.163 94.0897C143.762 94.0588 143.38 93.906 143.068 93.6517C142.841 93.3362 142.726 92.9541 142.739 92.5657ZM143.615 90.8137H144.715V90.3757C144.715 90.1567 144.715 90.0467 144.605 89.9377H143.839C143.771 89.9886 143.716 90.0547 143.678 90.1308C143.64 90.2068 143.62 90.2907 143.62 90.3757L143.615 90.8137Z" fill="white"/>
<path d="M146.572 93.9885V89.0615H147.558V90.9225H148.543V89.0615H149.528V93.9895H148.543V91.7995H147.558V93.9895L146.572 93.9885Z" fill="white"/>
<path d="M150.185 89.9375V89.0615H153.142V89.9375H152.157V93.9895H151.171V89.9375H150.185Z" fill="white"/>
<path d="M153.799 95.631V89.061H154.785V89.609L155.113 89.061H155.661C155.805 89.0565 155.949 89.0837 156.081 89.1405C156.213 89.1973 156.332 89.2825 156.427 89.39C156.546 89.5234 156.637 89.6796 156.694 89.8491C156.75 90.0187 156.772 90.1979 156.756 90.376V92.895C156.772 93.0731 156.75 93.2524 156.694 93.4219C156.637 93.5915 156.546 93.7477 156.427 93.881C156.225 94.1045 155.957 94.2579 155.661 94.319L155.113 94.1L154.785 93.552V95.742L153.799 95.631ZM154.785 92.674C154.785 92.893 154.785 93.003 154.894 93.112L155.223 93.331C155.442 93.331 155.552 93.222 155.552 93.112C155.62 93.061 155.676 92.9949 155.714 92.9189C155.752 92.8428 155.771 92.759 155.771 92.674V90.374C155.771 90.264 155.661 90.045 155.552 90.045C155.443 90.045 155.442 89.826 155.223 89.826L154.894 90.045C154.785 90.154 154.785 90.264 154.785 90.483V92.674Z" fill="white"/>
<path d="M79.9964 56.211H78.4634V59.934H79.9964C80.1846 59.9519 80.3741 59.9209 80.5468 59.8442C80.7195 59.7675 80.8696 59.6476 80.9824 59.496C81.2301 59.0642 81.3442 58.5687 81.3104 58.072C81.3322 57.5764 81.2188 57.0842 80.9824 56.648C80.8694 56.4967 80.7194 56.3769 80.5467 56.3004C80.374 56.2239 80.1845 56.1931 79.9964 56.211Z" fill="white"/>
<path d="M136.936 56.6504H139.017L138.036 51.0654L136.936 56.6504Z" fill="white"/>
<path d="M81.2014 52.8168C81.2276 52.4225 81.1108 52.032 80.8724 51.7168C80.7426 51.5549 80.573 51.4295 80.3802 51.3527C80.1874 51.2759 79.978 51.2505 79.7724 51.2788H78.4634V54.4548H79.6634C80.7634 54.4588 81.2014 53.9118 81.2014 52.8168Z" fill="white"/>
<path d="M71.6744 47.4512V63.7672H156.756V47.4512H71.6744ZM83.0624 60.2632C82.802 60.5897 82.4675 60.8495 82.0867 61.021C81.7058 61.1925 81.2896 61.2707 80.8724 61.2492H76.0544V49.2032H80.5444L81.9684 49.4222L82.9534 50.0792C83.1634 50.3755 83.3123 50.7107 83.3914 51.0652C83.583 51.3979 83.6599 51.7844 83.6104 52.1652C83.6217 52.741 83.4706 53.3083 83.1744 53.8022C82.9168 54.2735 82.4867 54.6268 81.9744 54.7882C82.2562 54.8738 82.5177 55.0153 82.7435 55.2043C82.9693 55.3933 83.1546 55.6259 83.2884 55.8882C83.6669 56.3918 83.8601 57.0106 83.8354 57.6402C83.8457 58.5728 83.5787 59.4875 83.0684 60.2682L83.0624 60.2632ZM95.8744 61.2512H93.5744V55.6642H90.3994V61.2512H87.9904V49.2032H90.3994V53.8032H93.5744V49.2032H95.8744V61.2512ZM108.357 61.2512H106.167V56.6512C106.157 55.261 106.23 53.8716 106.386 52.4902L102.886 61.2502H100.254V49.2032H102.554V53.6932C102.601 55.1245 102.491 56.5568 102.226 57.9642L105.726 49.2042H108.354L108.357 61.2512ZM120.84 61.2512H118.54V56.6512C118.497 55.2563 118.608 53.8609 118.869 52.4902L115.369 61.2502H112.741V49.2032H115.041V53.6932C115.088 55.1245 114.978 56.5568 114.713 57.9642L118.213 49.2042H120.841L120.84 61.2512ZM131.9 51.0672H127.629V61.2512H125.22V49.2032H131.9V51.0672ZM139.893 61.2512L139.345 58.0752H136.607L135.841 61.2512H133.322L136.497 49.2062H139.674L142.521 61.2512H139.893ZM151.938 60.5942C151.157 61.2868 150.134 61.6414 149.091 61.5802L147.558 61.3612L146.244 60.8132C145.894 60.4974 145.598 60.1257 145.368 59.7132C145.155 59.192 145.043 58.6345 145.04 58.0712H147.34C147.331 58.4945 147.445 58.9113 147.668 59.2712C148.009 59.5463 148.431 59.7004 148.868 59.7092C149.099 59.7318 149.331 59.6932 149.542 59.5971C149.753 59.5011 149.934 59.351 150.068 59.1622C150.236 58.9678 150.361 58.7409 150.436 58.4959C150.511 58.2509 150.535 57.9929 150.506 57.7382C150.53 57.4584 150.493 57.177 150.399 56.9126C150.304 56.6482 150.155 56.407 149.959 56.2052C149.813 56.0361 149.626 55.9072 149.416 55.8305C149.206 55.7539 148.98 55.7321 148.759 55.7672H148.211V54.0212H148.759C149.152 54.0462 149.541 53.9295 149.854 53.6922C150.009 53.5354 150.129 53.3471 150.204 53.14C150.28 52.9329 150.31 52.7119 150.292 52.4922V51.9412C150.182 51.7222 150.182 51.5032 150.073 51.3932L149.635 50.9552H148.978C148.775 50.9457 148.572 50.9798 148.383 51.0554C148.195 51.131 148.024 51.2461 147.883 51.3932C147.635 51.8249 147.521 52.3204 147.554 52.8172H145.254C145.233 51.8139 145.584 50.8382 146.24 50.0792C146.604 49.734 147.034 49.4681 147.506 49.2984C147.977 49.1287 148.479 49.0588 148.978 49.0932H150.292L151.492 49.6412C151.889 49.8595 152.198 50.2077 152.368 50.6272C152.677 51.0773 152.83 51.6152 152.806 52.1602C152.794 52.7844 152.604 53.3921 152.258 53.9122C151.882 54.3399 151.387 54.6451 150.835 54.7882C151.435 54.9538 151.969 55.2977 152.368 55.7742C152.744 56.4419 152.933 57.1983 152.915 57.9642C152.949 58.4464 152.879 58.9302 152.711 59.3832C152.542 59.8363 152.279 60.2481 151.938 60.5912V60.5942Z" fill="white"/>
<path d="M24.322 24.8698C24.3577 23.5106 24.6565 22.1712 25.202 20.9258L23.559 22.4598C21.259 25.0888 17.971 28.2668 17.424 31.8818C16.877 35.4968 17.205 39.3318 21.149 43.9338L43.386 66.7258L44.81 68.1498L45.686 67.3828C46.8005 66.175 47.5917 64.7052 47.986 63.1098C48.3764 61.2676 48.3764 59.364 47.986 57.5218C47.6286 55.7031 46.8811 53.9836 45.795 52.4818C44.6554 51.0398 43.4107 49.6841 42.071 48.4258C37.031 43.1668 30.896 36.2648 30.896 36.2648C27.719 32.6488 24.322 29.9098 24.322 24.8698Z" fill="white"/>
<path d="M35.06 13.8053C34.9807 12.4471 35.2445 11.0908 35.827 9.86133C35.279 10.1903 33.964 11.7243 33.417 12.1613C30.24 15.3383 27.939 17.8613 27.501 21.2553C27.063 24.6493 27.391 28.1553 31.445 32.6493L46.236 47.7693C48.1945 49.7169 49.6268 52.1295 50.399 54.7813C51.0348 57.0997 51.1839 59.5245 50.837 61.9033C50.837 61.9033 53.137 59.7123 55.11 57.5213C56.991 55.5557 58.2491 53.0779 58.726 50.3993C58.9747 48.3935 58.769 46.3575 58.1242 44.4419C57.4794 42.5264 56.412 40.7804 55.001 39.3333L40.976 24.8713H40.866C37.687 21.3613 35.06 18.1883 35.06 13.9153V13.8053Z" fill="white"/>
<path d="M45.249 3.177L46.016 0L44.482 1.534C40.867 5.478 37.799 7.888 37.799 12.161C37.799 16.434 38.899 18.078 42.839 22.57L57.299 37.58C59.3711 39.4022 60.7619 41.8749 61.243 44.592C61.5227 46.9366 61.3743 49.3125 60.805 51.604C62.4594 50.1967 63.9977 48.6584 65.405 47.004C67.2483 45.0696 68.4695 42.6272 68.911 39.992C69.1818 38.0111 68.9972 35.9945 68.3713 34.0956C67.7454 32.1967 66.6947 30.4656 65.299 29.034L51.599 14.572C48.536 10.956 44.811 8.108 45.249 3.177Z" fill="white"/>
<path d="M63.765 52.8077H63.546L45.578 71.1077C45.3525 71.3797 45.0453 71.5719 44.702 71.6557C44.373 71.6557 44.154 71.4367 43.716 71.1077L25.857 52.6987H25.747L19.612 46.4537C18.406 45.1387 17.092 45.1387 14.791 45.1387H0V58.2857H1.205C4.711 58.1757 8.546 58.2857 11.175 58.2857C12.2899 58.2875 13.392 58.5223 14.4108 58.975C15.4296 59.4278 16.3425 60.0884 17.091 60.9147L44.7 88.9637L69.132 63.8737V47.4387C67.381 49.1927 65.518 50.9457 63.765 52.8077Z" fill="white"/>
<path d="M44.7 93.2357L16.871 64.6357C16.1052 63.6002 15.1178 62.7486 13.9811 62.1431C12.8443 61.5376 11.5867 61.1934 10.3 61.1357H0V73.7357H4.93C6.03481 73.6575 7.14283 73.8342 8.16856 74.252C9.19429 74.6699 10.1103 75.3178 10.846 76.1457L33.635 98.9357L43.605 109.454C43.7407 109.616 43.9084 109.748 44.0977 109.843C44.287 109.937 44.4938 109.991 44.705 110.002C45.1258 109.958 45.5165 109.763 45.805 109.454C49.311 105.729 52.05 102.661 55.666 98.9357L69.134 85.4587V67.8187L44.7 93.2357Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_17_2259">
<rect width="280" height="110" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

23
src/styles.scss
View File

@ -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;