micord/ervu-lkrp-landing
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix

Browse source
This commit is contained in:
m.epshtein 2024-07-16 17:12:48 +03:00
parent a81a78aba6
commit 917e8ce4af
32 changed files with 141 additions and 157 deletions
Download patch file Download diff file Expand all files Collapse all files

568
html/css/inbox.css Normal file
View file

@ -0,0 +1,568 @@
@font-face {
font-family: 'InterL';
src: url('../fonts/Inter-Light.otf');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Inter';
src: url('../fonts/Inter-Regular.otf');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'InterM';
src: url('../fonts/Inter-Medium.otf');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'InterSB';
src: url('../fonts/Inter-SemiBold.otf');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'InterB';
src: url('../fonts/Inter-Bold.otf');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Golos';
src: url('../fonts/GolosText-Regular.ttf');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'GolosM';
src: url('../fonts/GolosText-Medium.ttf');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'GolosDB';
src: url('../fonts/GolosText-DemiBold.ttf');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'GolosB';
src: url('../fonts/GolosText-Bold.ttf');
font-weight: 400;
font-style: normal;
}
:root {
--white: #ffffff;
--black: #000000;
--color-text-primary: #1d1e21;
--color-text-secondary: #acacac;
--color-link: #c64e1b;
--color-link-hover: #fa773f;
--color-form: #3f434b;
--color-bg-main: #223d36;
--color-light: #868b87;
--bg-light: #fafafa;
--bg-warn: #ffdcc6;
--bg-form: #eee;
--border-light: #d2d2d2;
--bg-shadow: 0 19px 19px 0 rgba(230, 230, 230, 0.19), 0 1px 4px 0 #f3f3f3;
--h-header: 64px;
--w-screen: 100px;
--size-text-maintitle: 54px;
--size-text-title: 40px;
--size-text-subtitle: 32px;
--size-text-primary: 20px;
--size-text-secondary: 16px;
--indent-huge: 72px;
--indent-big: 52px;
--indent-medium: 32px;
--indent-small: 24px;
--indent-mini: 16px;
}
body, html {
height: 100%
}
body {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
}
a {
color: var(--color-link);
text-decoration: none;
&:hover,
&:focus,
&:active {
color: var(--color-link-hover);
}
}
button, a.btn {
display: flex;
justify-content: center;
align-items: center;
color: var(--white);
font-family: 'InterL';
font-size: var(--size-text-secondary);
padding: 0 24px;
height: 50px;
border: 0;
border-radius: 4px;
background: var(--color-link);
&:hover,
&:focus,
&:active {
background: var(--color-link-hover);
cursor: pointer;
}
}
.header {
display: flex;
flex-direction: row;
align-items: center;
font-family: 'InterSB';
min-height: var(--h-header);
padding: 0 var(--w-screen);
border: 0;
background-color: var(--color-bg-main);
.header-logo {
width: 62px;
height: 40px;
background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;
}
.header-title {
color: var(--white);
font-size: var(--size-text-secondary);
margin-left: var(--indent-mini);
}
}
:is(.ul, .fl) .header {
background-color: var(--color-text-primary);
}
.container {
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding: var(--h-header) 0 0;
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
border: 0;
overflow: hidden;
}
.container-inside {
display: flex;
flex-direction: column;
height: 100%;
color: var(--color-text-primary);
font-family: 'Inter';
padding: 0 var(--w-screen);
background-color: var(--bg-light);
overflow: auto;
.short-text {
max-width: 60%;
}
.paragraph-left .short-text {
max-width: 80%;
}
.block-group {
display: flex;
flex-direction: row;
margin: auto;
}
.block {
font-family: 'Inter';
min-width: 355px;
padding: 40px;
border-radius: 12px;
background-color: var(--white);
box-shadow: var(--bg-shadow);
& > div {
max-width: 350px;
}
& + .block {
margin-left: 40px;
}
.block-img {
width: 100px;
height: 100px;
}
&.block-ul .block-img {
background-image: url(../img/svg/ul.svg);
}
&.block-fl .block-img {
background-image: url(../img/svg/fl.svg);
}
.block-title {
font-family: 'GolosB';
font-size: var(--size-text-subtitle);
margin-top: var(--indent-mini);
}
.block-description {
font-family: 'Golos';
font-size: var(--size-text-primary);
margin-top: var(--indent-mini);
}
.btn {
width: auto;
margin-top: var(--indent-medium);
}
}
}
:is(.ul, .fl) .container-inside {
padding: 0;
background-color: var(--white);
.list-group {
position: relative;
padding: 0 var(--w-screen);
.btn {
width: max-content;
}
.title {
font-size: var(--size-text-maintitle);
font-family: 'GolosB';
margin-bottom: var(--indent-huge);
}
.subtitle {
font-size: var(--size-text-title);
font-family: 'GolosDB';
margin-bottom: var(--indent-big);
}
.muted {
color: var(--color-light);
}
.paragraph {
display: flex;
flex-direction: row;
.paragraph-left {
width: 40%;
}
.paragraph-right {
width: 60%;
margin-left: 40px;
}
.text {
font-family: 'InterSB';
font-size: var(--size-text-primary);
margin-bottom: var(--indent-mini);
&.checklist, &.clock {
padding-top: 44px;
&::after {
content: "";
position: absolute;
}
&.checklist {
background: url(../img/svg/checklist-32x32.svg) no-repeat 0 0;
}
&.clock {
background: url(../img/svg/clock-32x32.svg) no-repeat 0 0;
}
}
}
}
.list {
margin-bottom: var(--indent-medium);
& > div {
position: relative;
padding-left: 36px;
& + div {
margin-top: var(--indent-mini);
}
&::after {
content: "";
position: absolute;
width: 24px;
height: 24px;
top: 0;
left: 0;
}
&.esia::after {
background: url(../img/svg/esia-24x24.svg) no-repeat 0 0;
}
&.case::after {
background: url(../img/svg/case-24x24.svg) no-repeat 0 0;
}
&.user::after {
background: url(../img/svg/user-24x24.svg) no-repeat 0 0;
}
}
}
.section-group > div {
display: flex;
flex-direction: column;
min-height: 48px;
position: relative;
padding: 16px 16px 16px 76px;
margin-bottom: 16px;
border-radius: 4px;
background-color: var(--bg-form);
&::before {
content: "";
position: absolute;
left: 16px;
width: 48px;
height: 48px;
border-radius: 50px;
background-color: var(--color-bg-main);
background-repeat: no-repeat;
background-position: 50% 50%;
}
&.icon-case::before {
background-image: url(../img/svg/case-wt.svg);
}
&.icon-shield::before {
background-image: url(../img/svg/shield-wt.svg);
}
&.icon-clip::before {
background-image: url(../img/svg/clip-wt.svg);
}
&.icon-pers::before {
background-image: url(../img/svg/pers-wt.svg);
}
&.icon-building::before {
background-image: url(../img/svg/building-wt.svg);
}
.muted {
margin-top: 12px;
}
.detailed {
color: var(--color-text-primary);
font-family: 'InterB';
}
}
.pass-list {
position: relative;
display: flex;
flex-direction: row;
padding-top: 60px;
&::before {
content: "";
position: absolute;
width: calc(80% + 40px);
height: 4px;
top: 18px;
left: 0;
background-color: var(--color-link-hover);
}
& > div {
position: relative;
width: 20%;
&::before {
content: "";
position: absolute;
width: 32px;
height: 32px;
top: -60px;
left: 0;
border-radius: 2px;
border: 4px solid var(--color-link-hover);
background-color: var(--bg-light);
transform: rotate(45deg);
}
&::after {
content: "";
position: absolute;
font-family: 'InterB';
top: -50px;
left: 15px;
}
&:nth-child(1)::after {
content: "1";
}
&:nth-child(2)::after {
content: "2";
}
&:nth-child(3)::after {
content: "3";
}
&:nth-child(4)::after {
content: "4";
}
&:nth-child(5)::after {
content: "5";
}
& + div {
margin-left: 40px;
}
}
}
.msg-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 8px;
span {
width: 32px;
height: 32px;
padding-right: 16px;
background: url(../img/svg/info-gr.svg) no-repeat 0 0;
}
}
.docs-list {
position: relative;
display: flex;
flex-direction: row;
& > div {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
width: 20%;
a {
width: 24px;
height: 24px;
padding-right: 8px;
background: url(../img/svg/download-24x24.svg) no-repeat 0 0;
}
& + div {
margin-left: 40px;
}
}
}
&.lk-what {
padding-top: var(--indent-huge);
padding-bottom: var(--indent-huge);
&::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.12;
background: url(../img/svg/bg-star.svg) no-repeat calc(100% + 200px) -180px transparent;
z-index: 0;
}
& > div {
position: relative;
z-index: 1;
}
}
&.lk-access {
color: var(--white);
padding-top: var(--indent-big);
padding-bottom: var(--indent-big);
background-color: var(--color-bg-main);
}
&.lk-info {
padding-top: var(--indent-big);
padding-bottom: var(--indent-big);
}
&.lk-pass {
padding-top: var(--indent-big);
padding-bottom: var(--indent-big);
background-color: var(--bg-light);
}
&.lk-msg {
background-color: var(--border-light);
}
&.lk-docs {
flex: 1;
color: var(--white);
padding-top: var(--indent-huge);
padding-bottom: var(--indent-huge);
background-color: var(--color-text-primary);
}
}
}
/*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/
@media (max-width: 1024px) {
body {
--w-screen: 32px;
--size-text-maintitle: 32px;
--size-text-title: 28px;
--size-text-subtitle: 24px;
--indent-huge: 32px;
--indent-big: 24px;
--indent-medium: 24px;
--indent-small: 16px;
}
.container-inside .short-text {
max-width: 100% !important;
}
.container-inside .block-group {
flex-direction: column;
margin: 0;
.block {
min-width: auto;
margin: var(--indent-huge) 0 0;
& > div {
max-width: inherit !important;
}
}
}
:is(.ul, .fl) .container-inside .list-group {
.paragraph {
flex-direction: column;
:is(.paragraph-left, .paragraph-right) {
width: auto;
margin: 0;
}
}
&.lk-what .paragraph-right {
margin-top: var(--indent-mini);
}
}
}
@media (max-width: 480px) {
body {
--w-screen: 16px;
--size-text-maintitle: 28px;
--size-text-title: 24px;
--size-text-subtitle: 20px;
--indent-huge: 24px;
--indent-big: 24px;
--indent-medium: 16px;
--indent-small: 16px;
}
:is(.ul, .fl) .container-inside .list-group {
.docs-list > div {
}
}
}

BIN
html/fonts/GolosText-Bold.ttf Normal file
View file

Binary file not shown.

BIN
html/fonts/GolosText-DemiBold.ttf Normal file
View file

Binary file not shown.

BIN
html/fonts/GolosText-Medium.ttf Normal file
View file

Binary file not shown.

BIN
html/fonts/GolosText-Regular.ttf Normal file
View file

Binary file not shown.

BIN
html/fonts/Inter-Bold.otf Normal file
View file

Binary file not shown.

BIN
html/fonts/Inter-Light.otf Normal file
View file

Binary file not shown.

BIN
html/fonts/Inter-Medium.otf Normal file
View file

Binary file not shown.

BIN
html/fonts/Inter-Regular.otf Normal file
View file

Binary file not shown.

BIN
html/fonts/Inter-SemiBold.otf Normal file
View file

Binary file not shown.

BIN
html/fonts/Inter-Thin.otf Normal file
View file

Binary file not shown.

12
html/img/svg/bg-star.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 2.8 MiB

8
html/img/svg/building-wt.svg Normal file
View file

@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.26814 12.0027H4.24414C3.41571 12.0027 2.74414 12.6743 2.74414 13.5027L2.74414 21.2559H8.26814" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
<path d="M8.26758 4.25158L8.26758 21.2549H21.2676V4.25158C21.2676 3.42315 20.596 2.75158 19.7676 2.75158H9.76758C8.93915 2.75158 8.26758 3.42315 8.26758 4.25158Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
<path d="M12.3672 9.55371V8.05371" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
<path d="M17.168 8.05371V9.55371" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
<path d="M12.3672 15.9541V14.4541" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
<path d="M17.168 14.4541V15.9541" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 867 B

3
html/img/svg/case-24x24.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7158 3C9.35852 3 8.20421 3.9903 7.99782 5.33184L7.89503 6H4C2.89543 6 2 6.89543 2 8V18C2 19.6569 3.34315 21 5 21H19C20.6569 21 22 19.6569 22 18V8C22 6.89543 21.1046 6 20 6H16.105L16.0022 5.33184C15.7958 3.99031 14.6415 3 13.2842 3H10.7158ZM14.5873 6L14.5196 5.55993C14.4258 4.95014 13.9011 4.5 13.2842 4.5H10.7158C10.0989 4.5 9.57419 4.95014 9.48038 5.55993L9.41268 6H14.5873ZM4 7.5H20C20.2761 7.5 20.5 7.72386 20.5 8V10.9297C18.8456 11.9818 16.9613 12.684 15 13.0362V13C15 11.8954 14.1046 11 13 11H11C9.89543 11 9 11.8954 9 13V13.0362C7.03871 12.684 5.1544 11.9818 3.5 10.9297V8C3.5 7.72386 3.72386 7.5 4 7.5ZM9 14.5582C7.06675 14.2404 5.19401 13.6122 3.5 12.6736V18C3.5 18.8284 4.17157 19.5 5 19.5H19C19.8284 19.5 20.5 18.8284 20.5 18V12.6736C18.806 13.6122 16.9332 14.2404 15 14.5582V15C15 16.1046 14.1046 17 13 17H11C9.89543 17 9 16.1046 9 15V14.5582ZM11 12.5H13C13.2761 12.5 13.5 12.7239 13.5 13V15C13.5 15.2761 13.2761 15.5 13 15.5H11C10.7239 15.5 10.5 15.2761 10.5 15V13C10.5 12.7239 10.7239 12.5 11 12.5Z" fill="#FA773F"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
html/img/svg/case-wt.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7158 3C9.35852 3 8.20421 3.9903 7.99782 5.33184L7.89503 6H4C2.89543 6 2 6.89543 2 8V18C2 19.6569 3.34315 21 5 21H19C20.6569 21 22 19.6569 22 18V8C22 6.89543 21.1046 6 20 6H16.105L16.0022 5.33184C15.7958 3.99031 14.6415 3 13.2842 3H10.7158ZM14.5873 6L14.5196 5.55993C14.4258 4.95014 13.9011 4.5 13.2842 4.5H10.7158C10.0989 4.5 9.57419 4.95014 9.48038 5.55993L9.41268 6H14.5873ZM4 7.5H20C20.2761 7.5 20.5 7.72386 20.5 8V10.9297C18.8456 11.9818 16.9613 12.684 15 13.0362V13C15 11.8954 14.1046 11 13 11H11C9.89543 11 9 11.8954 9 13V13.0362C7.03871 12.684 5.1544 11.9818 3.5 10.9297V8C3.5 7.72386 3.72386 7.5 4 7.5ZM9 14.5582C7.06675 14.2404 5.19401 13.6122 3.5 12.6736V18C3.5 18.8284 4.17157 19.5 5 19.5H19C19.8284 19.5 20.5 18.8284 20.5 18V12.6736C18.806 13.6122 16.9332 14.2404 15 14.5582V15C15 16.1046 14.1046 17 13 17H11C9.89543 17 9 16.1046 9 15V14.5582ZM11 12.5H13C13.2761 12.5 13.5 12.7239 13.5 13V15C13.5 15.2761 13.2761 15.5 13 15.5H11C10.7239 15.5 10.5 15.2761 10.5 15V13C10.5 12.7239 10.7239 12.5 11 12.5Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

4
html/img/svg/checklist-32x32.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 8C4 5.79086 5.79086 4 8 4H24C26.2091 4 28 5.79086 28 8V24C28 26.2091 26.2091 28 24 28H8C5.79086 28 4 26.2091 4 24V8Z" fill="#C64E1B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0103 17.6088L10.57 12.1602L9.50989 13.2213L15.4802 19.2008C15.6207 19.3416 15.8114 19.4207 16.0102 19.4207C16.209 19.4207 16.3996 19.3417 16.5402 19.2009L30.4835 5.24004L29.4235 4.17871L16.0103 17.6088Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 522 B

7
html/img/svg/clip-wt.svg Normal file
View file

@ -0,0 +1,7 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.4938 17.7404L18.4938 12.3538C18.4938 11.636 17.9119 11.0541 17.1941 11.0542C16.4783 11.0542 15.8973 11.633 15.8945 12.3488L15.8757 18.0897C15.8701 19.5264 17.0283 20.6967 18.465 20.706C19.911 20.7154 21.0882 19.5458 21.0882 18.0998L21.0882 13.935" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
<path d="M18.4766 7.7563V2.46671C18.4766 1.91442 18.0288 1.46671 17.4766 1.46671H5.35156C4.79928 1.46671 4.35156 1.91443 4.35156 2.46671V18.0459H11.4141" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.96094 11.335L8.96094 13.3369" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.8672 5.21777L13.8672 7.21973" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.96094 5.21777L8.96094 7.21973" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

4
html/img/svg/clock-32x32.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15.9993" cy="15.9993" r="13.3333" fill="#C64E1B"/>
<path d="M16 9.375V15.8319C16 16.3666 16.2141 16.879 16.5945 17.2548L19.3333 19.9601" stroke="white" stroke-width="1.5"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 288 B

3
html/img/svg/download-24x24.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5.5H11V4H7C5.34315 4 4 5.34315 4 7V17C4 18.6569 5.34315 20 7 20H17C18.6569 20 20 18.6569 20 17V13H18.5V17C18.5 17.8284 17.8284 18.5 17 18.5H7C6.17157 18.5 5.5 17.8284 5.5 17V7C5.5 6.17157 6.17157 5.5 7 5.5ZM15 5.5L17.4394 5.5L8.96967 13.9697L10.0303 15.0303L18.5001 6.56066V9.00001H20.0001V4.75C20.0001 4.33579 19.6643 4.00001 19.2501 4L15 4L15 5.5Z" fill="#FA773F"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 523 B

4
html/img/svg/esia-24x24.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.44531 9.5C3.0311 9.5 2.69531 9.83579 2.69531 10.25C2.69531 10.6642 3.0311 11 3.44531 11H9.83731C10.2515 11 10.5873 10.6642 10.5873 10.25C10.5873 9.83579 10.2515 9.5 9.83731 9.5H3.44531ZM3.44531 13C3.0311 13 2.69531 13.3358 2.69531 13.75C2.69531 14.1642 3.0311 14.5 3.44531 14.5H15.4853C15.8995 14.5 16.2353 14.1642 16.2353 13.75C16.2353 13.3358 15.8995 13 15.4853 13H3.44531Z" fill="#FA773F"/>
<path d="M3.72852 16.9899C4.03952 17.3879 4.42752 17.7289 4.87852 17.9889L9.99952 20.9489C11.2375 21.6639 12.7615 21.6639 13.9995 20.9489L18.7495 18.2069C19.9875 17.4919 20.7495 16.1719 20.7495 14.7429V9.25788C20.7495 7.82888 19.9875 6.50788 18.7495 5.79388L13.9995 3.05188C12.7615 2.33688 11.2375 2.33688 9.99952 3.05188L4.87852 6.01188C4.42752 6.27288 4.03952 6.61387 3.72852 7.01088" stroke="#FA773F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1,021 B

26
html/img/svg/fl.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 3.6 MiB

4
html/img/svg/info-gr.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="16.5" cy="16.9495" r="12.8333" fill="black" stroke="black" stroke-linejoin="round"/>
<path d="M15.212 13.0138H17.788V10.5498H15.212V13.0138ZM15.324 14.9498V23.6165H17.676V14.9498H15.324Z" fill="black"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 332 B

28
html/img/svg/mil-logo.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 464 KiB

3
html/img/svg/pers-wt.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3627 3.88944C16.6803 3.88466 18.0641 4.55448 18.894 5.83335C19.7349 7.12922 19.9475 8.94322 19.152 11.1454C19.4509 11.3622 19.6741 11.6343 19.8331 11.9118C20.0961 12.3708 20.2005 12.87 20.2005 13.2484C20.2005 14.3912 19.466 15.705 18.2185 16.2708C16.4506 22.592 7.17108 22.7528 5.53967 16.1546C4.44756 15.5333 3.81445 14.3157 3.81445 13.2494C3.81445 12.7381 4.02849 11.8265 4.74947 11.237C4.48716 10.4063 4.35645 9.60421 4.35645 8.84336C4.35645 5.52209 6.47963 3.54106 8.89442 2.80599C11.1168 2.12949 13.7657 2.45649 15.3627 3.88944ZM16.8357 15.6264C16.8452 15.5408 16.8693 15.4581 16.9063 15.3818C17.0148 15.14 17.2437 14.975 17.5029 14.9445C18.2327 14.6655 18.7005 13.8776 18.7005 13.2484C18.7005 13.1137 18.6558 12.8744 18.5315 12.6574C18.4159 12.4555 18.2495 12.3002 17.9999 12.2313C17.7901 12.1734 17.6158 12.0272 17.5222 11.8307C17.4287 11.6341 17.4252 11.4066 17.5125 11.2073C18.4656 9.03295 18.2139 7.54095 17.6357 6.64987C17.04 5.73184 16.0199 5.31359 15.149 5.40064C14.9183 5.42371 14.6898 5.33872 14.5303 5.17045C13.4808 4.06385 11.3178 3.63628 9.33123 4.24098C7.41377 4.82466 5.85645 6.31263 5.85645 8.84336C5.85645 9.57304 6.01197 10.3955 6.35928 11.2966C6.50813 11.6829 6.31595 12.1167 5.92987 12.2659C5.71638 12.3484 5.56663 12.5029 5.46252 12.6997C5.35272 12.9073 5.31445 13.1263 5.31445 13.2494C5.31445 13.8568 5.74932 14.6306 6.44148 14.9307C6.6208 14.9938 6.77268 15.1238 6.86109 15.2967C6.89847 15.3693 6.92397 15.4477 6.93624 15.5289C8.01723 20.8672 15.5973 20.9003 16.8357 15.6264ZM16.0663 9.13749C16.3009 8.79606 16.2142 8.32916 15.8728 8.09464C15.5314 7.86011 15.0645 7.94677 14.8299 8.28819C13.4432 10.307 10.6719 11.1742 8.36184 10.3842C7.96991 10.2502 7.54353 10.4592 7.40949 10.8511C7.27546 11.2431 7.48452 11.6694 7.87645 11.8035C10.8004 12.8035 14.285 11.7307 16.0663 9.13749Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

3
html/img/svg/shield-wt.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 8.83007H18.5L18.5 8.83999L18.5003 8.92876C18.5003 9.96687 18.3814 10.964 18.1609 11.9049L5.5 7.38315V4.75529C7.4809 5.16366 9.6853 5.38884 11.9996 5.38884C14.3142 5.38884 16.5189 5.16359 18.5 4.75511V8.83007ZM5.50008 8.97597C5.50178 9.46487 5.52987 9.9446 5.58252 10.4136L17.1884 14.5917C17.39 14.1925 17.5713 13.776 17.7301 13.3439L5.50008 8.97597ZM16.4097 15.9056L5.89162 12.1191C6.79191 15.6777 9.15187 18.4007 12.0002 19.4431C13.719 18.814 15.26 17.573 16.4097 15.9056ZM4.64183 3.01773C4.31938 2.93469 4 3.17475 4 3.50772V8.92791V8.92876C4 14.6869 7.32873 19.5349 11.8562 20.9789C11.9498 21.0088 12.0505 21.0088 12.1441 20.9789C16.6716 19.5349 20.0003 14.6869 20.0003 8.92876C20.0003 8.89583 20.0002 8.86294 20 8.83007V3.5075C20 3.17452 19.6806 2.93446 19.3581 3.01752C17.2113 3.57052 14.6929 3.88884 11.9996 3.88884C9.30662 3.88884 6.78849 3.5706 4.64183 3.01773Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

17
html/img/svg/ul.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 3.6 MiB

4
html/img/svg/user-24x24.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.76172 20.9419C4.76172 18.9559 5.58268 17.1559 6.90161 15.8529C7.56958 15.1929 8.36654 14.6609 9.24849 14.2969L11.9974 16.4647L14.7462 14.2969C15.6292 14.6609 16.4251 15.1929 17.0931 15.8529C18.412 17.1559 19.233 18.9559 19.233 20.9419" stroke="#FA773F" stroke-width="1.49996" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.2375 6.87359C15.2375 9.33359 13.6176 10.5636 11.9976 10.5636C10.3777 10.5636 8.75781 9.33359 8.75781 6.87359C8.75781 4.41359 10.3777 3.18359 11.9976 3.18359C13.6176 3.18359 15.2375 4.42359 15.2375 6.87359Z" stroke="#FA773F" stroke-width="1.49996" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 749 B

43
html/index.html
View file

@ -1,10 +1,35 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<html>
<body>
<a href="./ul/index.html">Юридическое лицо</a>
</br>
<a href="./fl/index.html">Физическое лицо</a>
</body>
</html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/inbox.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="header">
<div class="header-logo"></div>
<div class="header-title">Портал «Реестр повесток» лицам</div>
</div>
<div class="container">
<div class="container-inside">
<div class="block-group">
<div class="block block-ul">
<div class="block-img"></div>
<div class="block-title">Ведение воинского учета в организациях</div>
<div class="block-description">Направление сведений через <a href="https://lkrp.micord.ru/ul">Личный кабинет</a></div>
<a href="ul/index.html" class="btn">Подробнее</a>
</div>
<div class="block block-fl">
<div class="block-img"></div>
<div class="block-title">Реестр повесток для физических лиц</div>
<div class="block-description">Проверить повестки на Ваше имя можно в <a href="#">Личном кабинете</a></div>
<a href="#" class="btn">Подробнее</a>
</div>
</div>
</div>
</div>
</body>
</html>

113
html/ul/index.html
View file

@ -1,8 +1,109 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<html>
<body>
<a href="https://lkrp.micord.ru/ul/app/">Приложение для Юр. лиц</a>
</body>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../css/inbox.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="ul">
<div class="header">
<div class="header-logo"></div>
<div class="header-title">Официальный сайт Минобороны России <a href="https://mil.ru/">mil.ru</a></div>
</div>
<div class="container">
<div class="container-inside">
<div class="list-group lk-what">
<div>
<div class="title short-text"><a href="https://lkrp.micord.ru/ul">Личный кабинет</a> для ведения воинского учета в организациях</div>
<div class="paragraph">
<div class="paragraph-left">
<div class="text checklist">Кому доступен личный кабинет?</div>
<div class="short-text">Организациям, за ĸоторыми заĸреплена обязанность по осуществлению воинсĸого учета в соответствии с <a href="https://www.consultant.ru/document/cons_doc_LAW_18260/">ФЗ от 28.03.1998 No 53-ФЗ</a></div>
</div>
<div class="paragraph-right">
<div class="text clock">Для чего нужен личный кабинет?</div>
<div class="short-text">Для своевременной и оперативной передачи сведений в военĸоматы в элеĸтронном виде</div>
</div>
</div>
</div>
</div>
<div class="list-group lk-access">
<div class="paragraph">
<div class="paragraph-left">
<div class="subtitle short-text">Как получить доступ к Личному кабинету?</div>
</div>
<div class="paragraph-right">
<div class="list">
<div class="esia short-text">Необходимо авторизоваться</div>
<div class="case short-text">Потребуется подтвержденная учетная запись организации</div>
<div class="user short-text">Доступ предоставляется тольĸо сотрудниĸу, наделенному соответствующими полномочиями (ролью) на ведения воинсĸого учета внутри организации</div>
</div>
<a href="https://lkrp.micord.ru/ul" class="btn">Войти в Личный кабинет</a>
</div>
</div>
</div>
<div class="list-group lk-info">
<div class="subtitle">Какие виды сведений доступны для отправки?</div>
<div class="paragraph">
<div class="paragraph-left">
<div class="section-group">
<div class="icon-case">
Сведения о приеме на работу (увольнении), зачислении в образовательную организацию (отчислении)
<div class="muted">Срок передачи сведений: <span class="detailed">до 5 дней</span></div>
</div>
<div class="icon-shield">
Изменения сведений сотрудников, необходимых для ведения воинского учета
<div class="muted">Срок передачи сведений: <span class="detailed">до 5 дней</span></div>
</div>
<div class="icon-clip">
Сообщение о гражданах, не состоящих, но обязанных состоять на воинском учете
<div class="muted">Срок передачи сведений: <span class="detailed">до 3 дней</span></div>
</div>
</div>
</div>
<div class="paragraph-right">
<div class="section-group">
<div class="icon-pers">
Ежегодное предоставление списка граждан мужского пола, подлежащих первоначальной постановке на воинский учет в год достижения ими возраста 17 лет
<div class="muted">Срок передачи сведений: <span class="detailed">ежегодно, в срок до 1 ноября</span></div>
</div>
<div class="icon-building">
Ежегодное предоставление списка сотрудников/обучающихся в организации, подлежащих воинскому учету
<div class="muted">Срок передачи сведений: <span class="detailed">ежегодно, по согласованию с военкоматом</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="list-group lk-pass">
<div class="subtitle">Как передавать сведения?</div>
<div class="pass-list">
<div>Подготовьте файл-excel с данными в соответствии с форматом</div>
<div>Убедитесь, что все данные в файле введены ĸорреĸтно</div>
<div>Войдите в личный ĸабинет организации через Госуслуги</div>
<div>Выберите необходимый вид сведения и загрузите файл</div>
<div>Следите за статусом приема</div>
</div>
</div>
<div class="list-group lk-msg">
<div class="msg-list">
<span class="info"></span>Если в файле будут ошибĸи, данные не будут приняты Реестром и выгрузĸу сведений придется повторить
</div>
</div>
<div class="list-group lk-docs">
<div class="subtitle">Формы документов для заполнения</div>
<div class="docs-list">
<div><a href="#"></a>Приложение №2</div>
<div><a href="#"></a>Приложение №9</div>
<div><a href="#"></a>Приложение №10</div>
<div><a href="#"></a>Приложение №11</div>
<div><a href="#"></a>Приложение №12</div>
</div>
</div>
</div>
</div>
</body>
</html>