evo/evoleasing-account
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

resize

Browse Source
This commit is contained in:
Denis 2021-10-28 11:18:32 +03:00
parent 1305e6d9c4
commit c42fc609c7
81 changed files with 10166 additions and 2441 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

318
css/components/style.css
View File

File diff suppressed because one or more lines are too long

2
css/components/style.css.map
View File

@ -1 +1 @@
{"version":3,"sources":["style.less"],"names":[],"mappings":"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"}
{"version":3,"sources":["style.less"],"names":[],"mappings":"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"}

132
css/components/style.less
View File

@ -1,3 +1,62 @@
// Breadcrumbs
.bx-breadcrumb {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1310px;
margin: 25px auto -40px auto;
position: relative;
z-index: 2;
.bx-breadcrumb-item {
color: rgba(0, 0, 0, 0.5);
a {
text-decoration: none;
color: rgba(0, 0, 0, 0.5);
&:hover {
color: #000;
}
}
span {
}
&:before {
content: "<";
display: inline-block;
margin: 0 4px;
}
}
@media all and (max-width: 1420px) {
width: calc(100% - 160px);
margin: 25px 80px -40px 80px;
}
@media all and (max-width: 960px) {
margin: 25px 80px -25px 80px;
}
@media all and (max-width: 768px) {
margin: 12px 16px -25px 16px;
width: calc(100% - 32px);
}
}
// Line
hr {
display: block;
width: 100%;
height: 1px;
background: #EDEFF5;
border: 0;
margin: 20px 0;
}
// Buttons
button,
.button {
@ -15,6 +74,10 @@ button,
font-weight: 600;
font-size: 15px;
line-height: 20px;
@media all and (max-width: 1280px) {
font-size: 13px;
}
}
.button {
@ -42,7 +105,7 @@ button,
color: #fff;
&.icon:before {
background: url("/images/icons/btn_icon_white.svg") no-repeat center;
background: url("/assets/images/icons/btn_icon_white.svg") no-repeat center;
}
&.transparent {
@ -50,7 +113,7 @@ button,
background: transparent;
&.icon:before {
background: url("/images/icons/btn_icon_blue.svg") no-repeat center;
background: url("/assets/images/icons/btn_icon_blue.svg") no-repeat center;
}
}
}
@ -65,7 +128,7 @@ button,
}
&.icon:before {
background: url("/images/icons/btn_icon_gray.svg") no-repeat center;
background: url("/assets/images/icons/btn_icon_gray.svg") no-repeat center;
}
}
@ -107,13 +170,13 @@ input[type="checkbox"] {
&:checked + label {
&:before {
background: url("/images/icons/checkbox_white.svg") no-repeat center var(--primary);
background: url("/assets/images/icons/checkbox_white.svg") no-repeat center var(--primary);
border-color: var(--primary);
}
}
&:disabled + label {
&:before {
background: url("/images/icons/checkbox_gray.svg") no-repeat center var(--gray-light);
background: url("/assets/images/icons/checkbox_gray.svg") no-repeat center var(--gray-light);
cursor: none;
}
}
@ -171,7 +234,7 @@ input[type="radio"] {
margin-left: 8px;
width: 28px;
height: 28px;
background: url("/images/icons/delete_gray.svg") no-repeat center;
background: url("/assets/images/icons/delete_gray.svg") no-repeat center;
}
}
@ -179,7 +242,7 @@ input[type="radio"] {
.list-column {
column-gap: 20px;
list-style: disc;
margin: 15px 0 15px 15px;
margin: 15px 0 15px 20px;
li {
line-height: 25px;
@ -187,10 +250,18 @@ input[type="radio"] {
&[data-column="2"] {
column-count: 2;
@media all and (max-width: 768px) {
column-count: 1;
}
}
&[data-column="3"] {
column-count: 3;
@media all and (max-width: 768px) {
column-count: 1;
}
}
}
@ -204,7 +275,7 @@ input[type="radio"] {
right: 0;
width: 40px;
height: 40px;
background: url("/images/icons/delete_black.svg") no-repeat center;
background: url("/assets/images/icons/delete_black.svg") no-repeat center;
z-index: 2;
}
@ -232,7 +303,7 @@ input[type="radio"] {
&[type="search"] {
padding-left: 32px;
background-image: url("/images/icons/icon-search.svg");
background-image: url("/assets/images/icons/icon-search.svg");
background-repeat: no-repeat;
background-position: 8px 50%;
}
@ -240,7 +311,7 @@ input[type="radio"] {
&[type="date"],
&.date_input {
padding-left: 32px;
background-image: url("/images/icons/icon-date.svg");
background-image: url("/assets/images/icons/icon-date.svg");
background-repeat: no-repeat;
background-position: 8px 50%;
@ -250,10 +321,14 @@ input[type="radio"] {
-webkit-appearance: none;
}
}
@media all and (max-width: 960px) {
font-size: 13px;
}
}
select {
background-image: url("/images/icons/icon-select.svg");
background-image: url("/assets/images/icons/icon-select.svg");
background-repeat: no-repeat;
background-position: calc(100% - 16px) 50%;
-webkit-appearance: none;
@ -288,6 +363,10 @@ input[type="radio"] {
&:not(:last-child) {
margin-right: 22px;
@media all and (max-width: 1280px) {
margin-right: 6px;
}
}
}
}
@ -308,6 +387,20 @@ input[type="radio"] {
font-weight: 700;
cursor: default;
}
@media all and (max-width: 960px) {
font-size: 10px;
line-height: 35px;
&.active {
font-weight: 400;
}
}
@media all and (max-width: 768px) {
margin-right: 0;
padding: 0 16px;
}
}
}
@ -331,6 +424,23 @@ input[type="radio"] {
}
}
}
@media all and (max-width: 1280px) {
ul {
justify-content: center;
li {
font-size: 13px;
line-height: 28px;
min-width: 30px;
a {
text-align: center;
font-weight: 600;
}
}
}
}
}
// Превью изображения

49
css/footer/style.css
View File

@ -1,48 +1 @@
footer {
background: #EDEFF5;
padding: 45px 0;
box-sizing: border-box;
}
footer .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
background: transparent;
}
footer .column {
width: 270px;
}
footer .column li:not(:last-child) {
margin-bottom: 13px;
}
footer .column li a {
color: #000;
}
footer .column p {
color: #8E94A7;
line-height: 32px;
}
footer .column a[href^="tel"] {
display: inline-block;
font-size: 16px;
line-height: 32px;
color: #000;
padding-left: 40px;
background: url("/images/icons/icon-phone.svg") no-repeat left center;
}
footer .column a[href^="mailto"] {
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #000;
padding-left: 40px;
background: url("/images/icons/icon-mail.svg") no-repeat left center;
}
footer .column div:nth-child(1),
footer .column div:nth-child(2),
footer .column div.socials {
margin-bottom: 40px;
}
footer .column div a {
line-height: 32px;
}
footer{background:#EDEFF5;padding:45px 0;box-sizing:border-box}@media all and (max-width:768px){footer{margin-top:40px;pading:25px 0}}footer .container{display:flex;justify-content:space-between;align-items:flex-start;background:transparent}@media all and (max-width:1280px){footer .container{padding:0;flex-wrap:wrap}}footer .column{width:270px;box-sizing:border-box}@media all and (max-width:1280px){footer .column{width:33.333%}footer .column:last-child{width:100%;display:flex;flex-wrap:wrap}footer .column:last-child>div,footer .column:last-child>p{width:33.333%;margin-top:35px;padding-right:30px;box-sizing:border-box;margin-bottom:0 !important}}@media all and (max-width:768px){footer .column{width:100%;margin-bottom:16px}footer .column:last-child>div,footer .column:last-child>p{width:100%;margin-top:15px;padding-right:0}}footer .column:not(:last-child){padding-right:15px}footer .column li:not(:last-child){margin-bottom:13px}@media all and (max-width:768px){footer .column li:not(:last-child){margin-bottom:8px}}footer .column li a{color:#000}footer .column p{color:#8E94A7;line-height:32px}footer .column a[href^="tel"]{display:inline-block;font-size:16px;line-height:32px;color:#000;padding-left:40px;background:url("/assets/images/icons/icon-phone.svg") no-repeat left center}@media all and (max-width:1280px){footer .column a[href^="tel"]{font-size:13px;background-size:24px;padding-left:37px}}footer .column a[href^="mailto"]{display:inline-block;font-size:16px;line-height:24px;color:#000;padding-left:40px;background:url("/assets/images/icons/icon-mail.svg") no-repeat left center}@media all and (max-width:1280px){footer .column a[href^="mailto"]{font-size:13px;background-size:24px;padding-left:37px}}footer .column div:nth-child(1),footer .column div:nth-child(2),footer .column div.socials{margin-bottom:40px}footer .column div a{line-height:32px}@media all and (max-width:1280px){footer .column div a{line-height:1.45}}/*# sourceMappingURL=./style.css.map */

2
css/footer/style.css.map
View File

@ -1 +1 @@
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACI,kBAAA,CACA,cAAA,CACA,sBAHJ,MAKI,YACI,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,uBATR,MAYI,SACI,YAGQ,MAJZ,QAGQ,GACK,IAAI,cACD,mBAjBpB,MAYI,QAGQ,GAKI,GACI,WArBpB,MAYI,QAcQ,GACI,aAAA,CACA,iBAIA,MApBZ,QAmBQ,EACK,cACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,2DAGpB,MA7BZ,QAmBQ,EAUK,iBACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,0DAKpB,MAxCZ,QAuCQ,IACK,UAAU,IACX,MAzCZ,QAuCQ,IAEK,UAAU,IACX,MA1CZ,QAuCQ,IAGK,SAAU,mBAtD3B,MAYI,QAuCQ,IAKI,GACI"}
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACI,kBAAA,CACA,cAAA,CACA,sBAEA,gBAAkC,iBAAlC,OACI,eAAA,CACA,eAPR,MAUI,YACI,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,uBAEA,gBAAmC,kBAAnC,MANJ,YAOQ,SAAA,CACA,gBAlBZ,MAsBI,SACI,WAAA,CACA,sBAEA,gBAAmC,kBAAnC,MAJJ,SAKQ,cAEA,MAPR,QAOS,YACG,UAAA,CACA,YAAA,CACA,eAHJ,MAPR,QAOS,WAKG,KALJ,MAPR,QAOS,WAKU,GACH,aAAA,CACA,eAAA,CACA,kBAAA,CACA,qBAAA,CACA,4BAKZ,gBAAkC,iBAAlC,MAtBJ,SAuBQ,UAAA,CACA,mBAEA,MA1BR,QA0BS,WACG,KADJ,MA1BR,QA0BS,WACU,GACH,UAAA,CACA,eAAA,CACA,iBAKZ,MAnCJ,QAmCK,IAAI,cACD,mBAII,MAxCZ,QAuCQ,GACK,IAAI,cACD,mBAEA,gBAAkC,iBAAlC,MA3ChB,QAuCQ,GACK,IAAI,cAIG,mBAlExB,MAsBI,QAuCQ,GASI,GACI,WAvEpB,MAsBI,QAsDQ,GACI,aAAA,CACA,iBAIA,MA5DZ,QA2DQ,EACK,cACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,6DAEhB,gBAAmC,kBAAnC,MApEhB,QA2DQ,EACK,cASO,cAAA,CACA,oBAAA,CACA,mBAIR,MA3EZ,QA2DQ,EAgBK,iBACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,4DAEhB,gBAAmC,kBAAnC,MAnFhB,QA2DQ,EAgBK,iBASO,cAAA,CACA,oBAAA,CACA,mBAMR,MA5FZ,QA2FQ,IACK,UAAU,IACX,MA7FZ,QA2FQ,IAEK,UAAU,IACX,MA9FZ,QA2FQ,IAGK,SAAU,mBApH3B,MAsBI,QA2FQ,IAKI,GACI,iBAEA,gBAAmC,kBAAnC,MAnGhB,QA2FQ,IAKI,GAIQ"}

70
css/footer/style.less
View File

@ -3,19 +3,69 @@ footer {
padding: 45px 0;
box-sizing: border-box;
@media all and (max-width: 768px) {
margin-top: 40px;
pading: 25px 0;
}
.container {
display: flex;
justify-content: space-between;
align-items: flex-start;
background: transparent;
@media all and (max-width: 1280px) {
padding: 0;
flex-wrap: wrap;
}
}
.column {
width: 270px;
box-sizing: border-box;
@media all and (max-width: 1280px) {
width: 33.333%;
&:last-child {
width: 100%;
display: flex;
flex-wrap: wrap;
> div, > p {
width: 33.333%;
margin-top: 35px;
padding-right: 30px;
box-sizing: border-box;
margin-bottom: 0 !important;
}
}
}
@media all and (max-width: 768px) {
width: 100%;
margin-bottom: 16px;
&:last-child {
> div, > p {
width: 100%;
margin-top: 15px;
padding-right: 0;
}
}
}
&:not(:last-child) {
padding-right: 15px;
}
li{
&:not(:last-child) {
margin-bottom: 13px;
@media all and (max-width: 768px) {
margin-bottom: 8px;
}
}
a {
@ -36,7 +86,13 @@ footer {
line-height: 32px;
color: #000;
padding-left: 40px;
background: url("/images/icons/icon-phone.svg") no-repeat left center;
background: url("/assets/images/icons/icon-phone.svg") no-repeat left center;
@media all and (max-width: 1280px) {
font-size: 13px;
background-size: 24px;
padding-left: 37px;
}
}
&[href^="mailto"] {
@ -45,7 +101,13 @@ footer {
line-height: 24px;
color: #000;
padding-left: 40px;
background: url("/images/icons/icon-mail.svg") no-repeat left center;
background: url("/assets/images/icons/icon-mail.svg") no-repeat left center;
@media all and (max-width: 1280px) {
font-size: 13px;
background-size: 24px;
padding-left: 37px;
}
}
}
@ -56,6 +118,10 @@ footer {
a {
line-height: 32px;
@media all and (max-width: 1280px) {
line-height: 1.45;
}
}
}
}

153
css/forms/style.css
View File

File diff suppressed because one or more lines are too long

2
css/forms/style.css.map
View File

@ -1 +1 @@
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAGQ,OAAC,kBAAkB,IAAI,WACnB,aAGJ,OAAC,kBACG,YACI,aAAA,CACA,gBAAA,CACA,mBAVZ,OAcI,gBACI,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,mBAlBR,OAcI,eAMI,SACI,MAAO,qBArBnB,OAyBI,cACI,YAAA,CACA,cAAA,CACA,8BA5BR,OAyBI,aAKI,aACI,MAAO,oBAAP,CACA,mBAhCZ,OAyBI,aAUI,aACI,MAAO,qBApCnB,OAyBI,aAUI,YAGI,aACI,MAAO,iBAO3B,sBACI,mBAEA,qBAAC,QACG,aAJR,qBAOI,cACI,YAAA,CACA,yBATR,qBAOI,aAII,QACI,iBAAA,CACA,YAbZ,qBAOI,aASI,QACI,YAMZ,MAEI,aACI,iBAAA,CACA,eAJR,MAEI,YAII,cACI,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,SAAA,CACA,kBAAA,CACA,YAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,YAjBZ,MAEI,YAII,aAaI,GACI,WAAA,CACA,cAAA,CACA,gBAAA,CACA,eAvBhB,MAEI,YAyBI,MACI,WAAA,CACA,WAAY,WAAZ,CACA,qBAAA,CACA,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAnCZ,MAEI,YAyBI,KAUI,OACI,kBAAA,CACA,gCAAA,CACA,WAEA,MAxCZ,YAyBI,KAUI,MAKK,cACG,WA3CpB,MAEI,YAyBI,KAoBI,SACI,iBAAA,CACA,SAAA,CACA,4BAlDhB,MAEI,YAyBI,KAoBI,QAKI,OACI,UAAA,CACA,gBAEA,MAtDhB,YAyBI,KAoBI,QAKI,MAIK,QACG,eAAA,CACA,gBA1DxB,MAEI,YAyBI,KAoBI,QAeI,MAAK,QAAS,MAAO,QACjB,iBAAA,CACA,eAAgB,8DAhEpC,MAEI,YAyBI,KAyCI,SACI,eAAA,CACA,iBAOhB,OACI,gBADJ,MAGI,aACI,mBAJR,MAOI,MAAK,eACD,iBAAA,CACA,eAAgB,uDATxB,MAYI,MAAK,cACD,iBAAA,CACA,eAAgB,sDAdxB,MAiBI,SACI,UAAA,CACA,aAAA,CACA,iBAMR,iBACI,mBADJ,gBAEI,MACI,YAAA,CACA,kBAAA,CACA,8BAGI,gBANR,KAKI,YACK,aACG,MAAO,gBAAP,CACA,UAAW,gBAAX,CACA,kBAGJ,gBAZR,KAKI,YAOK,UAAU,IACX,gBAbR,KAKI,YAQK,UAAU,IACP,UAAA,CACA,kBAjBhB,gBAEI,KAKI,YAaI,SACI,WAAA,CACA"}
{"version":3,"sources":["style.less"],"names":[],"mappings":"AACA,QACI,kBADJ,OAGI,YACI,kBAGJ,OAAC,kBAAkB,IAAI,WACnB,aAGJ,OAAC,kBACG,YACI,aAAA,CACA,gBAAA,CACA,mBAEA,gBAAmC,kBAAnC,OANP,kBACG,YAMQ,aAAA,CACA,cAAA,CACA,WAHJ,OANP,kBACG,WAUQ,eAAe,SACX,aAIR,gBAAkC,iBAAlC,OAhBP,kBACG,YAgBQ,aA5BhB,OAiCI,gBACI,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,mBArCR,OAiCI,eAMI,SACI,MAAO,qBAEP,gBAAmC,kBAAnC,OATR,eAMI,SAIQ,MAAO,gBAAP,CACA,iBAAA,CACA,OAAA,CACA,aAGJ,gBAAmC,kBAAnC,OAhBR,eAMI,SAWQ,aAGJ,gBAAkC,iBAAlC,OApBR,eAMI,SAeQ,UAAA,CACA,aAvDhB,OA4DI,cACI,YAAA,CACA,cAAA,CACA,8BA/DR,OA4DI,aAKI,gBACI,MAAO,qBAEP,gBAAmC,kBAAnC,OARR,aAKI,gBAIQ,MAAO,gBAAP,CACA,mBAEA,OAZZ,aAKI,eAOS,UAAU,IACP,iBAIR,gBAAkC,iBAAlC,OAjBR,aAKI,gBAaQ,UAAA,CACA,mBAEA,OArBZ,aAKI,eAgBS,YACG,qBAlFpB,OA4DI,aA2BI,aACI,UAAA,CACA,mBAzFZ,OA4DI,aAkCI,aACI,WA/FZ,OA4DI,aAkCI,YAGI,aACI,MAAO,iBAEP,gBAAkC,iBAAlC,OAxCZ,aAkCI,YAGI,aAIQ,MAAO,iBAQ3B,sBACI,mBAEA,qBAAC,QACG,aAJR,qBAOI,cACI,YAAA,CACA,yBATR,qBAOI,aAII,QACI,iBAAA,CACA,YAbZ,qBAOI,aASI,QACI,YAGJ,gBAAmC,kBAAnC,qBAbJ,cAcQ,8BADJ,qBAbJ,aAgBQ,aACI,MAAO,qBAJf,qBAbJ,aAgBQ,YAGI,QACI,WAPZ,qBAbJ,aAwBQ,QACI,gBAIR,gBAAkC,iBAAlC,qBA7BJ,cA8BQ,cADJ,qBA7BJ,aAgCQ,aAHJ,qBA7BJ,aAiCQ,QACI,UAAA,CACA,mBAOhB,MAEI,aACI,iBAAA,CACA,eAEA,gBAAkC,iBAAlC,MAJJ,aAKQ,kBAGJ,gBAAkC,iBAAlC,MARJ,aASQ,UAXZ,MAEI,YAYI,cACI,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,SAAA,CACA,kBAAA,CACA,YAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,YAzBZ,MAEI,YAYI,aAaI,GACI,WAAA,CACA,cAAA,CACA,gBAAA,CACA,eAEA,gBAAmC,kBAAnC,MA/BZ,YAYI,aAaI,GAOQ,WAAA,CACA,cAAA,CACA,kBAIR,gBAAkC,iBAAlC,MAtCR,YAYI,cA2BQ,iBAAA,CACA,WAAA,CACA,mBAHJ,MAtCR,YAYI,aA+BQ,GACI,WA9CpB,MAEI,YAiDI,MACI,WAAA,CACA,WAAY,WAAZ,CACA,qBAAA,CACA,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAEA,gBAAmC,kBAAnC,MA3DR,YAiDI,MAWQ,WAAA,CACA,mBAGJ,gBAAkC,iBAAlC,MAhER,YAiDI,MAgBQ,SAAA,CACA,iBAAA,CACA,mBAGJ,gBAAkC,iBAAlC,MAtER,YAiDI,MAsBQ,UAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBA5EhB,MAEI,YAiDI,KA4BI,OACI,kBAAA,CACA,gCAAA,CACA,WAEA,MAlFZ,YAiDI,KA4BI,MAKK,cACG,WAGJ,gBAAmC,kBAAnC,MAtFZ,YAiDI,KA4BI,OAUQ,oBAzFpB,MAEI,YAiDI,KA0CI,SACI,iBAAA,CACA,SAAA,CACA,4BAEA,gBAAmC,kBAAnC,MAhGZ,YAiDI,KA0CI,SAMQ,eAAA,CACA,kBAAA,CACA,aAAA,CACA,gBAtGpB,MAEI,YAiDI,KA0CI,QAYI,OACI,UAAA,CACA,gBAEA,MA3GhB,YAiDI,KA0CI,QAYI,MAIK,QACG,eAAA,CACA,gBA/GxB,MAEI,YAiDI,KA0CI,QAsBI,MAAK,QAAQ,MAAM,QACf,iBAAA,CACA,eAAgB,gEArHpC,MAEI,YAiDI,KAsEI,SACI,eAAA,CACA,iBAOhB,OACI,gBADJ,MAGI,aACI,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,2BAPR,MAGI,YAMI,GACI,kBAVZ,MAGI,YAUI,MACI,MACI,eACA,MAbZ,YAUI,MACI,KAEK,IAAI,UACD,iBAAkB,gBAjBtC,MAuBI,eACI,YAAA,CACA,kBAAA,CACA,yBA1BR,MAuBI,cAKI,SACI,gBAAA,CACA,aAEA,MATR,cAKI,QAIK,aACG,WAjChB,MAsCI,aACI,mBAvCR,MA0CI,MAAK,eACD,iBAAA,CACA,eAAgB,yDA5CxB,MA+CI,MAAK,cACD,iBAAA,CACA,eAAgB,wDAjDxB,MAoDI,SACI,UAAA,CACA,aAAA,CACA,iBAGJ,gBAAkC,iBAAlC,OACI,gBADJ,MAEI,MACI,iBAIR,gBAAkC,iBAAlC,MACI,aACI,aAAA,CACA,mBAHR,MACI,YAII,GACI,mBANZ,MACI,YAQI,OACI,WAVZ,MACI,YAQI,MAEI,MACI,SAAA,CACA,kBAbhB,MAkBI,eACI,cAAA,CACA,uBApBR,MAkBI,cAII,SACI,cAvBZ,MAkBI,cAQI,QACI,OAAA,CACA,WA5BZ,MAkBI,cAaI,GACI,OAAA,CACA,qBAKZ,MAAC,UACG,gBADJ,MAAC,SAGG,UACI,mBAJR,MAAC,SAOG,MACI,YAAA,CACA,8BATR,MAAC,SAOG,KAII,aACI,MAAO,mBAZnB,MAAC,SAOG,KAQI,SACI,YAhBZ,MAAC,SAoBG,SACI,YAAA,CACA,kBAAA,CACA,2BAvBR,MAAC,SAoBG,QAKI,GACI,kBA1BZ,MAAC,SAoBG,QASI,SACI,aAAA,CACA,WAIR,gBAAkC,iBAAlC,MAnCH,SAoCO,MACI,gBAIR,gBAAkC,iBAAlC,MAzCH,SA0CO,MACI,cAFR,MAzCH,SA0CO,KAGI,aAJR,MAzCH,SA0CO,KAGiB,SACT,WALZ,MAzCH,SAkDO,SACI,aAAA,CACA,iBAAA,CACA,gBAZR,MAzCH,SAkDO,QAKI,GACI,eAfZ,MAzCH,SAkDO,QASI,SACI,gBAAA,CACA,mBASpB,iBACI,mBADJ,gBAGI,MACI,YAAA,CACA,kBAAA,CACA,8BAGI,gBANR,KAKI,YACK,aACG,MAAO,gBAAP,CACA,UAAW,gBAAX,CACA,kBAGJ,gBAZR,KAKI,YAOK,UAAU,IACX,gBAbR,KAKI,YAQK,UAAU,IACP,UAAA,CACA,kBAGJ,gBAlBR,KAKI,YAaK,QACG,UAAA,CACA,kBAvBhB,gBAGI,KAKI,YAkBI,SACI,WAAA,CACA,gBAKZ,gBAAkC,iBAAlC,iBACI,mBADJ,gBAEI,MACI,cAAA,CACA,2BAGI,gBALR,KAII,YACK,aACG,kBAAA,CACA,WAEA,gBATZ,KAII,YACK,YAII,QACG,MAAO,kBAAP,CACA,iBAAA,CACA,gBAIR,gBAhBR,KAII,YAYK,UAAU,IACX,gBAjBR,KAII,YAaK,UAAU,IACP,SAAA,CACA,kBArBhB,gBAEI,KAuBI,SACI,kBAKZ,gBAAkC,iBAAlC,gBACI,MACI,8BAFR,gBACI,KAGI,aACI,eAEA,gBANR,KAGI,YAGK,aACG,cAAA,CACA,kBAAA,CACA,WAEA,gBAXZ,KAGI,YAGK,YAKI,QACG,UAAA,CACA,iBAIR,gBAjBR,KAGI,YAcK,UAAU,IACX,gBAlBR,KAGI,YAeK,UAAU,IACP,MAAO,eAAP,CACA,iBArBhB,gBACI,KA2BI,SACI,gBAAA,CACA,UAAA,CACA,eAAA,CACA,WAAY,WAAZ,CACA,WAEA,gBAlCR,KA2BI,QAOK,UACG,aAUhB,oBAAC,OACG,YAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAEA,gBAAkC,iBAAlC,oBANH,OAOO,gBAPR,oBAAC,MAUG,aACI,sBAEA,gBAAkC,iBAAlC,oBAbP,MAUG,aAIQ,MAAO,iBAdnB,oBAAC,MAkBG,QACI,eAAA,CACA,sBAEA,oBAtBP,MAkBG,OAIK,YACG,sBAGJ,gBAAkC,iBAAlC,oBA1BP,MAkBG,QASQ,MAAO,eAAP,YACA,iBAUhB,MACI,cAAA,CACA,aAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CACA,0BAAA,CACA,cAEA,KAAC,IAAI,UACD,aAZR,KAeI,QACI,eAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,kBApBR,KAeI,OAOI,eACI,gBAAA,CACA,gBAxBZ,KAeI,OAOI,cAII,SACI,iBAKZ,gBAAkC,iBAAlC,KAEI,QACI,iBAAA,CACA"}

518
css/forms/style.less
View File

@ -1,48 +1,111 @@
// Filter {
#filter {
#filter {
position: relative;
&.filter_in_catalog:not(.visible) {
display: none;
}
.container {
position: relative;
}
&.filter_in_catalog {
.container {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 40px;
}
}
&.filter_in_catalog:not(.visible) {
display: none;
}
.filter_header {
display: flex;
align-items: center;
justify-content: space-between;
&.filter_in_catalog {
.container {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 40px;
.button {
width: calc(33.333% - 21px);
@media all and (max-width: 1420px) {
margin-left: 0;
margin-right: 0;
width: 100%;
.filter_header .button {
bottom: 10px;
}
}
@media all and (max-width: 768px) {
bottom: 40px;
}
}
}
.filter_header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
.button {
width: calc(33.333% - 21px);
@media all and (max-width: 1279px) {
width: calc(50% - 15px);
position: absolute;
right: 0;
bottom: 90px;
}
@media all and (max-width: 1280px) {
bottom: 50px;
}
@media all and (max-width: 768px) {
width: 100%;
bottom: 60px;
}
}
}
.filter_body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.filter_column {
width: calc(33.333% - 21px);
@media all and (max-width: 1279px) {
width: calc(50% - 15px);
margin-bottom: 35px;
&:nth-child(3) {
margin-bottom: 0;
}
}
@media all and (max-width: 768px) {
width: 100%;
margin-bottom: 24px;
&:last-child {
margin-bottom: 100px;
}
}
}
.filter_body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.form_field {
width: 100%;
margin-bottom: 10px;
}
.fieldgroup {
width: 100%;
.form_field {
width: calc(33.333% - 21px);
margin-bottom: 10px;
}
width: calc(50% - 20px);
.fieldgroup {
width: calc(33.333% - 21px);
.form_field {
width: calc(50% - 20px);
@media all and (max-width: 768px) {
width: calc(50% - 4px);
}
}
}
}
}
// Catalog smamm filter
#catalog_small_filter {
@ -64,6 +127,32 @@
button {
width: 220px;
}
@media all and (max-width: 1280px) {
justify-content: space-between;
.form_field {
width: calc(33.333% - 30px);
select {
width: 100%;
}
}
button {
width: 33.3333%;
}
}
@media all and (max-width: 768px) {
display: block;
.form_field,
button {
width: 100%;
margin-bottom: 8px;
}
}
}
}
@ -74,6 +163,14 @@
position: relative;
margin: 0 -25px;
@media all and (max-width: 960px) {
margin-top: -60px;
}
@media all and (max-width: 768px) {
margin: 0;
}
.order_email {
display: flex;
align-items: center;
@ -92,6 +189,22 @@
font-size: 24px;
line-height: 45px;
padding: 0 20px;
@media all and (max-width: 1280px) {
width: 220px;
font-size: 13px;
line-height: 20px;
}
}
@media all and (max-width: 768px) {
position: relative;
height: auto;
margin-bottom: 25px;
p {
padding: 0;
}
}
}
@ -105,6 +218,24 @@
position: relative;
z-index: 2;
@media all and (max-width: 1420px) {
width: 550px;
margin-left: 320px;
}
@media all and (max-width: 960px) {
width: 50%;
padding: 15px 25px;
margin-left: 285px;
}
@media all and (max-width: 768px) {
width: auto;
margin-left: -16px;
margin-right: -16px;
padding: 25px 16px;
}
input {
margin-bottom: 32px;
background: rgba(255, 255, 255, 0.2);
@ -113,6 +244,10 @@
&::placeholder {
color: #fff;
}
@media all and (max-width: 1280px) {
margin-bottom: 15px;
}
}
.policy {
@ -120,6 +255,13 @@
z-index: 2;
margin: -16px 25px 45px 25px;
@media all and (max-width: 1280px) {
margin-top: -5px;
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
}
label {
color: #fff;
font-weight: 300;
@ -130,9 +272,9 @@
}
}
input:checked + label:before {
input:checked+label:before {
border-color: #fff;
background: url("/images/icons/checkbox_blue.svg") no-repeat center #fff;
background: url("/assets/images/icons/checkbox_blue.svg") no-repeat center #fff;
}
}
@ -146,7 +288,42 @@
// Login
.login {
max-width: 410px;
max-width: 610px;
.login_with {
display: flex;
align-items: center;
margin-bottom: 50px;
justify-content: flex-start;
p {
margin-right: 20px;
}
.tabs {
.tab {
margin-right: 0;
&:not(.active) {
background-color: var(--inactive);
}
}
}
}
.button-group {
display: flex;
align-items: center;
justify-content: flex-end;
.button {
margin-left: 30px;
display: flex;
&:first-child {
width: auto;
}
}
}
.form_field {
margin-bottom: 15px;
@ -154,12 +331,12 @@
input[name="login"] {
padding-left: 32px;
background: url("/images/icons/icon-login.svg") no-repeat 8px 50%;
background: url("/assets/images/icons/icon-login.svg") no-repeat 8px 50%;
}
input[name="pass"] {
padding-left: 32px;
background: url("/images/icons/icon-pass.svg") no-repeat 8px 50%;
background: url("/assets/images/icons/icon-pass.svg") no-repeat 8px 50%;
}
.button {
@ -167,12 +344,125 @@
display: block;
margin-left: auto;
}
@media all and (max-width: 960px) {
max-width: 440px;
form {
max-width: 400px;
}
}
@media all and (max-width: 768px) {
.login_with {
display: block;
margin-bottom: 30px;
p {
margin-bottom: 10px;
}
.tabs {
width: 100%;
.tab {
width: 50%;
text-align: center;
}
}
}
.button-group {
flex-wrap: wrap;
justify-content: center;
.button {
margin-left: 0;
}
button {
order: 1;
width: 100%;
}
a {
order: 2;
display: inline-flex;
}
}
}
&.recovery {
max-width: 815px;
.message {
margin-bottom: 15px;
}
form {
display: flex;
justify-content: space-between;
.form_field {
width: calc(100% - 205px);
}
.button {
width: 175px
}
}
.resend {
display: flex;
align-items: center;
justify-content: flex-start;
p {
margin-right: 30px;
}
.button {
margin-left: 0;
width: auto;
}
}
@media all and (max-width: 960px) {
form {
max-width: 100%;
}
}
@media all and (max-width: 768px) {
form {
display: block;
.form_field, .button {
width: 100%;
}
}
.resend {
display: block;
text-align: center;
margin-top: 15px;
p {
margin-right: 0;
}
.button {
margin-left: auto;
margin-right: auto;
}
}
}
}
}
// Поиск договора в лк
.contract_search {
margin-bottom: 55px;
form {
display: flex;
align-items: center;
@ -191,10 +481,170 @@
margin-right: 15px;
}
&.single {
width: 100%;
margin-right: 80px;
}
.button {
width: 158px;
min-width: 158px;
}
}
}
@media all and (max-width: 960px) {
margin-bottom: 40px;
form {
flex-wrap: wrap;
justify-content: flex-start;
.form_field {
&:first-child {
margin-bottom: 15px;
width: 100%;
&.single {
width: calc(100% - 105px);
margin-right: 30px;
margin-bottom: 0;
}
}
&:nth-child(2),
&:nth-child(3) {
width: 25%;
margin-right: 30px;
}
}
.button {
margin-left: auto;
}
}
}
@media all and (max-width: 768px) {
form {
justify-content: space-between;
.form_field {
margin-right: 0;
&:first-child {
margin-right: 0;
margin-bottom: 15px;
width: 100%;
&.single {
width: 100%;
margin-right: 0px;
}
}
&:nth-child(2),
&:nth-child(3) {
width: calc(50% - 4px);
margin-right: 0px;
input {
}
}
}
.button {
margin-left: auto;
width: 100%;
margin-top: 15px;
background: var(--blue);
color: #fff;
&:disabled {
opacity: 0.48;
}
}
}
}
}
// Акты сверок
.reconciliation_form {
&.small {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 420px;
@media all and (max-width: 768px) {
max-width: 100%;
}
.form_field {
width: ~"calc(50% - 8px)";
@media all and (max-width: 768px) {
width: calc(50% - 4px);
}
}
button {
margin-top: 35px;
width: ~"calc(45% - 8px)";
&:last-child {
width: ~"calc(55% - 8px)";
}
@media all and (max-width: 768px) {
width: calc(50% - 4px) !important;
margin-top: 15px;
}
}
}
}
// Модаль
.fade {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
background: rgba(0, 0, 0, 0.5);
display: block;
&:not(.opened) {
display: none;
}
.modal {
max-width: 640px;
width: 100%;
background: #fff;
margin: 100px auto;
padding: 45px 80px;
.modal_footer {
text-align: right;
margin-top: 30px;
.button {
margin-left: auto;
}
}
}
@media all and (max-width: 768px) {
.modal {
padding: 25px 20px;
margin: 0;
}
}
}

62
css/header/style.css
View File

@ -1,61 +1 @@
header {
background: #fff;
position: fixed;
z-index: 99;
left: 0;
right: 0;
height: 112px;
font-size: 16px;
line-height: 24px;
box-shadow: 8px 8px 16px 4px rgba(133, 139, 146, 0.06);
}
header .container {
height: inherit;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
background: #fff;
}
header .container:after {
display: none;
}
header a {
text-decoration: none;
color: #000;
}
header a.logo {
transform: translateY(4px);
}
header .header_menu {
margin: 0 32px;
padding: 0 32px;
border-left: 1px solid #E7E9F0;
border-right: 1px solid #E7E9F0;
display: flex;
align-items: center;
justify-content: space-between;
height: 32px;
width: 100%;
}
header .header_menu nav ul {
display: flex;
}
header .header_menu nav ul li:not(:last-child) {
margin-right: 24px;
}
header .header_menu nav ul li:last-child {
margin-right: 63px;
}
header .header_menu nav ul li a.active {
color: var(--blue);
font-weight: 700;
}
header .lk {
display: block;
text-decoration: none;
min-width: 32px;
width: 32px;
height: 32px;
background: url("/images/icons/icon-lk.svg") no-repeat center;
}
header{background:#fff;position:fixed;z-index:99;left:0;right:0;height:112px;font-size:16px;line-height:24px;box-shadow:8px 8px 16px 4px rgba(133,139,146,0.06)}header .container{height:inherit;display:flex;align-items:center;justify-content:space-between;padding:0;background:#fff}header .container:after{display:none}header a{text-decoration:none;color:#000}header a.logo{transform:translateY(4px)}header .header_menu{margin:0 32px;padding:0 32px;border-left:1px solid #e7e9f0;border-right:1px solid #e7e9f0;display:flex;align-items:center;justify-content:space-between;height:32px;width:100%}header .header_menu:last-child{border-right:0;padding-right:0;margin-right:0}header .header_menu nav .nav_toggle{display:none}header .header_menu nav ul{display:flex}header .header_menu nav ul li:not(:last-child){margin-right:24px}header .header_menu nav ul li:last-child{margin-right:63px}header .header_menu nav ul li a.active{color:var(--blue);font-weight:700}header .header_menu nav ul li.active a{color:var(--blue);font-weight:700}header .lk{display:block;text-decoration:none;min-width:32px;width:32px;height:32px;background:url("/assets/images/icons/icon-lk.svg") no-repeat center}@media all and (max-width:1420px){header{font-size:15px;line-height:24px}header a.logo img{width:180px;height:26px;object-fit:contain}header .header_menu{padding:0 16px;margin:0 16px}header .header_menu nav ul li:not(:last-child){margin-right:15px}header .header_menu nav ul li:last-child{margin-right:30px}}@media all and (max-width:1279px){header{font-size:15px;line-height:24px;height:86px}header a.logo img{width:130px;height:20px}header .header_menu{padding:0 16px 0 32px;margin:0 16px 0 32px}header .header_menu nav{height:23px;position:relative}header .header_menu nav .nav_toggle{display:block;height:23px;z-index:3;background-image:url("/assets/images/icons/icon-select.svg");background-repeat:no-repeat;background-position:100% 50%;font-size:15px;color:var(--blue);font-weight:700;padding-right:24px;padding-left:0;cursor:pointer}header .header_menu nav ul{display:block;position:absolute;background:#fff;padding:15px 20px;top:25px;left:-20px;width:320px}header .header_menu nav ul:not(.open){display:none}header .header_menu nav ul li:not(:last-child){margin-bottom:6px}header .header_menu nav ul li a{font-size:15px}header .header_menu a[href^="tel:"]{width:32px;height:32px;background:url("/assets/images/icons/icon-header-phone.svg") no-repeat center;text-indent:-9999px;overflow:hidden;margin-left:auto}}@media all and (max-width:768px){header{height:84px}header .container{padding-bottom:35px}header .header_menu{border-left:0;padding-left:0;margin-left:0;height:24px}header .header_menu nav{position:absolute;left:0;bottom:9px}header .header_menu a[href^="tel:"]{width:24px;height:24px;background-size:contain}header .lk{width:24px;height:24px;min-width:24px;background-size:contain}}/*# sourceMappingURL=./style.css.map */

2
css/header/style.css.map
View File

@ -1 +1 @@
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACI,eAAA,CACA,cAAA,CACA,UAAA,CACA,MAAA,CACA,OAAA,CAEA,YAAA,CACA,cAAA,CACA,gBAAA,CACA,mDAVJ,MAYI,YACI,cAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,SAAA,CACA,gBAEA,MARJ,WAQK,OACG,aArBZ,MAyBI,GACI,oBAAA,CACA,WAEA,MAJJ,EAIK,MACG,UAAW,gBA9BvB,MAkCI,cACI,aAAA,CACA,cAAA,CACA,6BAAA,CACA,8BAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,WA3CR,MAkCI,aAWI,IACI,IACI,aAGI,MAhBhB,aAWI,IACI,GAGI,GACK,IAAI,cACD,kBAGJ,MApBhB,aAWI,IACI,GAGI,GAKK,YACG,kBAIA,MAzBpB,aAWI,IACI,GAGI,GASI,EACK,QACG,MAAO,WAAP,CACA,gBA7D5B,MAqEI,KACI,aAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,eAAgB"}
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACE,eAAA,CACA,cAAA,CACA,UAAA,CACA,MAAA,CACA,OAAA,CAEA,YAAA,CACA,cAAA,CACA,gBAAA,CACA,mDAVF,MAYE,YACE,cAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,SAAA,CACA,gBAEA,MARF,WAQG,OACC,aArBN,MAyBE,GACE,oBAAA,CACA,WAEA,MAJF,EAIG,MACC,UAAW,gBA9BjB,MAkCE,cACE,aAAA,CACA,cAAA,CACA,6BAAA,CACA,8BAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,WAEA,MAXF,aAWG,YACC,cAAA,CACA,eAAA,CACA,eAhDN,MAkCE,aAiBE,IACE,aACE,aArDR,MAkCE,aAiBE,IAKE,IACE,aAGE,MA1BR,aAiBE,IAKE,GAGE,GACG,IAAI,cACH,kBAGF,MA9BR,aAiBE,IAKE,GAGE,GAKG,YACC,kBAjEZ,MAkCE,aAiBE,IAKE,GAGE,GASE,EAAC,QACC,MAAO,WAAP,CACA,gBAGF,MAvCR,aAiBE,IAKE,GAGE,GAcG,OACC,GACE,MAAO,WAAP,CACA,gBA5Ed,MAoFE,KACE,aAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,eAAgB,qDAGlB,gBAAmC,kBAAnC,OACE,cAAA,CACA,iBAGI,MADJ,EACK,KACG,KACI,WAAA,CACA,WAAA,CACA,mBATd,MAcE,cACI,cAAA,CACA,cAKE,MAPN,aAIE,IAEE,GAAG,GACA,IAAI,cACH,kBAGF,MAXN,aAIE,IAEE,GAAG,GAKA,YACC,mBAOV,gBAAmC,kBAAnC,OACE,cAAA,CACA,gBAAA,CACA,YAGI,MADJ,EACK,KACG,KACI,WAAA,CACA,YATd,MAcE,cACI,qBAAA,CACA,qBAhBN,MAcE,aAME,KACE,WAAA,CACA,kBAtBN,MAcE,aAME,IAKE,aACE,aAAA,CACA,WAAA,CACA,SAAA,CACA,qBAAsB,uCAAtB,CACA,2BAAA,CACA,4BAAA,CACA,cAAA,CACA,MAAO,WAAP,CACA,eAAA,CACA,kBAAA,CACA,cAAA,CACA,eArCR,MAcE,aAME,IAoBI,IACE,aAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,YAEA,MAnCR,aAME,IAoBI,GASG,IAAI,QACH,aAIA,MAxCV,aAME,IAoBI,GAaE,GACG,IAAI,cACH,kBAvDd,MAcE,aAME,IAoBI,GAaE,GAKE,GACE,eA3Dd,MAcE,aAmDE,EAAC,eACE,UAAA,CACA,WAAA,CACA,eAAgB,8DAAhB,CACA,mBAAA,CACA,eAAA,CACA,kBAKP,gBAAkC,iBAAlC,OACE,YADF,MAGE,YACE,oBAJJ,MAOE,cACE,aAAA,CACA,cAAA,CACA,aAAA,CACA,YAXJ,MAOE,aAME,KACE,iBAAA,CACA,MAAA,CACA,WAhBN,MAOE,aAYE,EAAC,eACC,UAAA,CACA,WAAA,CACA,wBAtBN,MA0BE,KACE,UAAA,CACA,WAAA,CACA,cAAA,CACA"}

288
css/header/style.less
View File

@ -1,78 +1,236 @@
header {
background: #fff;
position: fixed;
z-index: 99;
left: 0;
right: 0;
height: 112px;
font-size: 16px;
line-height: 24px;
box-shadow: 8px 8px 16px 4px rgba(133, 139, 146, 0.06);
.container {
height: inherit;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
background: #fff;
position: fixed;
z-index: 99;
left: 0;
right: 0;
height: 112px;
font-size: 16px;
line-height: 24px;
box-shadow: 8px 8px 16px 4px rgba(133, 139, 146, 0.06);
.container {
height: inherit;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
background: #fff;
&:after {
display: none;
}
&:after {
display: none;
}
}
a {
text-decoration: none;
color: #000;
&.logo {
transform: translateY(4px);
}
}
.header_menu {
margin: 0 32px;
padding: 0 32px;
border-left: 1px solid #e7e9f0;
border-right: 1px solid #e7e9f0;
display: flex;
align-items: center;
justify-content: space-between;
height: 32px;
width: 100%;
&:last-child {
border-right: 0;
padding-right: 0;
margin-right: 0;
}
nav {
.nav_toggle {
display: none;
}
ul {
display: flex;
li {
&:not(:last-child) {
margin-right: 24px;
}
&:last-child {
margin-right: 63px;
}
a.active {
color: var(--blue);
font-weight: 700;
}
&.active {
a {
color: var(--blue);
font-weight: 700;
}
}
}
}
}
}
.lk {
display: block;
text-decoration: none;
min-width: 32px;
width: 32px;
height: 32px;
background: url("/assets/images/icons/icon-lk.svg") no-repeat center;
}
@media all and (max-width: 1420px) {
font-size: 15px;
line-height: 24px;
a {
text-decoration: none;
color: #000;
&.logo {
transform: translateY(4px);
}
}
.header_menu {
margin: 0 32px;
padding: 0 32px;
border-left: 1px solid #E7E9F0;
border-right: 1px solid #E7E9F0;
display: flex;
align-items: center;
justify-content: space-between;
height: 32px;
width: 100%;
nav {
ul {
display: flex;
li {
&:not(:last-child) {
margin-right: 24px;
}
&:last-child {
margin-right: 63px;
}
a {
&.active {
color: var(--blue);
font-weight: 700;
}
}
}
img {
width: 180px;
height: 26px;
object-fit: contain;
}
}
}
.lk {
display: block;
text-decoration: none;
min-width: 32px;
width: 32px;
height: 32px;
background: url("/images/icons/icon-lk.svg") no-repeat center;
.header_menu {
padding: 0 16px;
margin: 0 16px;
nav {
ul li {
&:not(:last-child) {
margin-right: 15px;
}
&:last-child {
margin-right: 30px;
}
}
}
}
}
@media all and (max-width: 1279px) {
font-size: 15px;
line-height: 24px;
height: 86px;
a {
&.logo {
img {
width: 130px;
height: 20px;
}
}
}
.header_menu {
padding: 0 16px 0 32px;
margin: 0 16px 0 32px;
nav {
height: 23px;
position: relative;
.nav_toggle {
display: block;
height: 23px;
z-index: 3;
background-image: url("/assets/images/icons/icon-select.svg");
background-repeat: no-repeat;
background-position: 100% 50%;
font-size: 15px;
color: var(--blue);
font-weight: 700;
padding-right: 24px;
padding-left: 0;
cursor: pointer;
}
ul {
display: block;
position: absolute;
background: #fff;
padding: 15px 20px;
top: 25px;
left: -20px;
width: 320px;
&:not(.open) {
display: none;
}
li {
&:not(:last-child) {
margin-bottom: 6px;
}
a {
font-size: 15px;
}
}
}
}
a[href^="tel:"] {
width: 32px;
height: 32px;
background: url("/assets/images/icons/icon-header-phone.svg") no-repeat center;
text-indent: -9999px;
overflow: hidden;
margin-left: auto;
}
}
}
@media all and (max-width: 768px) {
height: 84px;
.container {
padding-bottom: 35px;
}
.header_menu {
border-left: 0;
padding-left: 0;
margin-left: 0;
height: 24px;
nav {
position: absolute;
left: 0;
bottom: 9px;
}
a[href^="tel:"] {
width: 24px;
height: 24px;
background-size: contain;
}
}
.lk {
width: 24px;
height: 24px;
min-width: 24px;
background-size: contain;
}
}
}

2254
css/main.css Normal file
View File

File diff suppressed because it is too large Load Diff

1434
css/main/style.css
View File

File diff suppressed because one or more lines are too long

2
css/main/style.css.map
View File

File diff suppressed because one or more lines are too long

1384
css/main/style.less
View File

File diff suppressed because it is too large Load Diff

190
css/var.css
View File

@ -1,189 +1 @@
:root {
--blue: #1C01A9;
--blue-secondary: #85B2FC;
--gray: #2C2D2E;
--gray-light: rgba(0, 16, 61, 0.06);
--primary: #005FF9;
--primary-light: rgba(0, 95, 249, 0.1);
--red: #ED0A34;
--inactive: #EDEFF5;
--green: #04A8A4;
--text_not_active: #8E94A7;
}
@font-face {
font-family: 'PF Din Display Pro Bold';
src: url('/fonts/PFDinDisplayPro-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-size: 15px;
line-height: 20px;
color: #0C0C0C;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.container {
padding-top: 80px;
padding-bottom: 80px;
width: 100%;
max-width: 1310px;
margin: auto;
position: relative;
}
.container:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: -4px;
bottom: 0;
z-index: -1;
/*
background: repeating-linear-gradient(
90deg,
#fff,
#EDEFF5 1px,
transparent 0px,
transparent 25%);
background: repeating-linear-gradient(to right, transparent 1px, transparent calc(25% - 1px), #EDEFF5 25%, #EDEFF5 25%);
*/
}
.container.wide {
max-width: 1340px;
padding-left: 25px;
padding-right: 25px;
}
.aside_container {
display: flex;
justify-content: space-between;
}
.aside_container aside {
width: 415px;
}
.aside_container article {
width: calc(100% - 550px);
}
.aside_container article:only-child {
width: 100%;
}
.aside_container article .info_column {
padding: 20px 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #EDEFF5;
}
.aside_container article .info_column div {
width: calc(50% - 55px);
}
.aside_container.about aside {
width: 305px;
}
.aside_container.about article {
width: calc(100% - 335px);
}
.section_title {
font-size: 50px;
line-height: 60px;
font-weight: 700;
color: #0C0C0C;
margin-bottom: 35px;
}
.section_title.no-margin {
margin-bottom: 0;
}
h1 {
font-size: 32px;
line-height: 40px;
}
h2 {
font-size: 24px;
line-height: 28px;
margin-top: 1.5em;
margin-bottom: 10px;
}
h2.model {
font-size: 26px;
line-height: 35px;
color: var(--text_not_active);
margin-top: 0;
margin-bottom: 0;
}
h2:first-child {
margin-top: 0;
}
h3 {
font-size: 17px;
line-height: 24px;
margin-top: 1.5em;
margin-bottom: 10px;
}
h3:first-child {
margin-top: 0;
}
h4 {
font-size: 15px;
line-height: 20px;
margin-top: 1.5em;
margin-bottom: 10px;
}
h4:first-child {
margin-top: 0;
}
.secondary {
font-size: 13px;
line-height: 20px;
}
.secondary.not_active {
color: #8E94A7;
}
b,
strong {
font-weight: 700;
}
p.primary {
color: var(--blue);
}
a {
text-decoration: none;
color: var(--blue);
}
div {
box-sizing: border-box;
}
.clear {
width: 100%;
height: 112px;
}
@media all and (max-width: 736px) {
h1 {
font-size: 24px;
line-height: 32px;
}
h2 {
font-size: 20px;
line-height: 24px;
}
}
.i-phone {
padding-left: 28px;
background: url("/images/icons/icon-phone-hot.svg") no-repeat 0 2px;
}
.i-phone-secondary {
padding-left: 28px;
background: url("/images/icons/icon-phone-secondary.svg") no-repeat 0 2px;
}
.i-address {
padding-left: 28px;
background: url("/images/icons/icon-address.svg") no-repeat 0 2px;
}
.i-worktime {
padding-left: 28px;
background: url("/images/icons/icon-worktime.svg") no-repeat 0 2px;
}
.i-pdf {
padding-left: 80px;
background: url("/images/icons/icon-pdf.svg") no-repeat left center;
}
:root{--blue:#1C01A9;--blue-secondary:#85B2FC;--gray:#2C2D2E;--gray-light:rgba(0,16,61,0.06);--primary:#005FF9;--primary-light:rgba(0,95,249,0.1);--red:#ED0A34;--inactive:#EDEFF5;--green:#04A8A4;--text_not_active:#8E94A7}body{font-size:15px;line-height:20px;color:#0C0C0C;font-family:'Montserrat',sans-serif;font-weight:400}@media all and (max-width:960px){body{font-size:13px;line-height:20px}}.container{padding-top:80px;padding-bottom:80px;width:100%;max-width:1310px;margin:auto;position:relative}.container:after{content:"";display:block;position:absolute;top:0;left:0;right:-4px;bottom:0;z-index:-1}@media all and (max-width:960px){.container{padding-top:40px;padding-bottom:40px}}.container.wide{max-width:1340px;padding-left:25px;padding-right:25px}@media all and (max-width:768px){.container.wide{padding-left:0;padding-right:0}}@media all and (max-width:1420px){.container{width:calc(100% - 160px);margin:0 80px}}@media all and (max-width:768px){.container{margin:0 16px;width:calc(100% - 32px)}}.aside_container{display:flex;justify-content:space-between}.aside_container aside{width:415px}@media all and (max-width:960px){.aside_container aside{width:100%}}.aside_container article{width:calc(100% - 550px)}.aside_container article:only-child{width:100%}.aside_container article .info_column{padding:20px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #EDEFF5}.aside_container article .info_column div{width:calc(50% - 55px)}@media all and (max-width:960px){.aside_container article .info_column{padding:0}.aside_container article .info_column div{width:100%}}@media all and (max-width:960px){.aside_container article{width:100%}.aside_container article .info_column{padding:25px 0}}.aside_container.about aside{width:305px}.aside_container.about article{width:calc(100% - 335px)}@media all and (max-width:1280px){.aside_container.about{display:block}.aside_container.about aside,.aside_container.about article{width:100%}}.section_title{font-size:50px;line-height:60px;font-weight:700;color:#0C0C0C;margin-bottom:35px}.section_title.no-margin{margin-bottom:0}@media all and (max-width:1279px){.section_title{font-size:32px;line-height:44px}}@media all and (max-width:960px){.section_title{font-size:22px;line-height:33px}}@media all and (max-width:768px){.section_title{margin-bottom:25px}}h1{font-size:32px;line-height:40px}h2{font-size:24px;line-height:28px;margin-top:1.5em;margin-bottom:10px}h2.model{font-size:26px;line-height:35px;color:var(--text_not_active);margin-top:0;margin-bottom:0}@media all and (max-width:768px){h2.model{font-size:19px;line-height:26px}}h2:first-child{margin-top:0}h3{font-size:17px;line-height:24px;margin-top:1.5em;margin-bottom:10px}h3:first-child{margin-top:0}h4{font-size:15px;line-height:20px;margin-top:1.5em;margin-bottom:10px}h4:first-child{margin-top:0}.secondary{font-size:13px;line-height:20px}.secondary.not_active{color:#8E94A7}@media all and (max-width:960px){.secondary{font-size:10px;line-height:15px}}b,strong{font-weight:700}p.primary{color:var(--blue)}a{text-decoration:none;color:var(--blue)}div{box-sizing:border-box}.clear{display:block;clear:both}@media all and (max-width:736px){h1{font-size:24px;line-height:32px}h2{font-size:20px;line-height:24px}}.i-phone{padding-left:28px;background:url("/assets/images/icons/icon-phone-hot.svg") no-repeat 0 2px}.i-phone-secondary{padding-left:28px;background:url("/assets/images/icons/icon-phone-secondary.svg") no-repeat 0 2px}.i-address{padding-left:28px;background:url("/assets/images/icons/icon-address.svg") no-repeat 0 2px}.i-worktime{padding-left:28px;background:url("/assets/images/icons/icon-worktime.svg") no-repeat 0 2px}.i-pdf{padding-left:80px;background:url("/assets/images/icons/icon-pdf.svg") no-repeat left center}@media all and (max-width:960px){.i-pdf{padding-left:55px;background-size:32px;background-position:0 5px}}.i-doc{padding-left:80px;background:url("/assets/images/icons/icon-doc.svg") no-repeat left center;background-size:56px}@media all and (max-width:960px){.i-doc{padding-left:55px;background-size:32px;background-position:0 5px}}.success{color:var(--green)}.danger{color:var(--red)}@media all and (max-width:768px){::-webkit-scrollbar{display:none}}/*# sourceMappingURL=./var.css.map */

2
css/var.css.map
View File

@ -1 +1 @@
{"version":3,"sources":["var.less"],"names":[],"mappings":"AAAA,MACE,cAAA,CACA,wBAAA,CACA,cAAA,CACA,+BAAA,CACA,iBAAA,CACA,kCAAA,CACA,aAAA,CACA,kBAAA,CACA,eAAA,CACA,0BAGF,WACE,YAAa,yBAAb,CACA,QAAS,sCAAsC,OAAO,OAAtD,CACA,kBAAA,CACA,kBAGF,KACE,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAa,uBAAb,CACA,gBAGF,WACE,gBAAA,CACA,mBAAA,CACA,UAAA,CACA,gBAAA,CACA,WAAA,CACA,kBAEA,UAAC,OACC,QAAS,EAAT,CACA,aAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,QAAA,CACA,WAaF,UAAC,MACC,gBAAA,CACA,iBAAA,CACA,mBAIJ,iBACE,YAAA,CACA,8BAFF,gBAIE,OACE,YALJ,gBAQE,SACE,MAAO,mBAEP,gBAHF,QAGG,YACC,WAZN,gBAQE,QAOE,cACE,iBAAA,CACA,YAAA,CACA,cAAA,CACA,6BAAA,CACA,gCApBN,gBAQE,QAOE,aAOE,KACE,MAAO,iBAKb,gBAAC,MACC,OACE,YAFJ,gBAAC,MAKC,SACE,MAAO,mBAKb,eACE,cAAA,CACA,gBAAA,CACA,eAAA,CACA,aAAA,CACA,mBAEA,cAAC,WACC,gBAIJ,GACE,cAAA,CACA,iBAGF,GACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,mBAEA,EAAC,OACC,cAAA,CACA,gBAAA,CACA,MAAO,sBAAP,CACA,YAAA,CACA,gBAGF,EAAC,aACC,aAIJ,GACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,mBAEA,EAAC,aACC,aAIJ,GACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,mBAEA,EAAC,aACC,aAIJ,WACE,cAAA,CACA,iBAEA,UAAC,YACC,cAIJ,EACA,OACE,gBAIA,CAAC,SACC,MAAO,YAIX,EACE,oBAAA,CACA,MAAO,YAGT,IACE,sBAGF,OACE,UAAA,CACA,aAGF,gBAAkC,iBAChC,GACE,cAAA,CACA,iBAGF,GACE,cAAA,CACA,kBAIJ,SACE,iBAAA,CACA,eAAgB,sDAElB,mBACE,iBAAA,CACA,eAAgB,4DAElB,WACE,iBAAA,CACA,eAAgB,oDAElB,YACE,iBAAA,CACA,eAAgB,qDAGlB,OACE,iBAAA,CACA,eAAgB"}
{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}

132
css/var.less
View File

@ -11,19 +11,17 @@
--text_not_active: #8E94A7;
}
@font-face {
font-family: 'PF Din Display Pro Bold';
src: url('/fonts/PFDinDisplayPro-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-size: 15px;
line-height: 20px;
color: #0C0C0C;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
@media all and (max-width: 960px) {
font-size: 13px;
line-height: 20px;
}
}
.container {
@ -50,15 +48,35 @@ body {
#EDEFF5 1px,
transparent 0px,
transparent 25%);
background: repeating-linear-gradient(to right, transparent 1px, transparent calc(25% - 1px), #EDEFF5 25%, #EDEFF5 25%);
background: repeating-linear-gradient(to right, transparent 1px, transparent calc(25% - 1px), #EDEFF5 25%, #EDEFF5 25%);
*/
}
@media all and (max-width: 960px) {
padding-top: 40px;
padding-bottom: 40px;
}
&.wide {
max-width: 1340px;
padding-left: 25px;
padding-right: 25px;
@media all and (max-width: 768px) {
padding-left: 0;
padding-right: 0;
}
}
@media all and (max-width: 1420px) {
width: calc(100% - 160px);
margin: 0 80px;
}
@media all and (max-width: 768px) {
margin: 0 16px;
width: calc(100% - 32px);
}
}
@ -68,6 +86,10 @@ body {
aside {
width: 415px;
@media all and (max-width: 960px) {
width: 100%;
}
}
article {
@ -87,6 +109,22 @@ body {
div {
width: calc(50% - 55px);
}
@media all and (max-width: 960px) {
padding: 0;
div {
width: 100%;
}
}
}
@media all and (max-width: 960px) {
width: 100%;
.info_column {
padding: 25px 0;
}
}
}
@ -98,6 +136,14 @@ body {
article {
width: calc(100% - 335px);
}
@media all and (max-width: 1280px) {
display: block;
aside, article {
width: 100%;
}
}
}
}
@ -111,6 +157,20 @@ body {
&.no-margin {
margin-bottom: 0;
}
@media all and (max-width: 1279px) {
font-size: 32px;
line-height: 44px;
}
@media all and (max-width: 960px) {
font-size: 22px;
line-height: 33px;
}
@media all and (max-width: 768px) {
margin-bottom: 25px;
}
}
h1 {
@ -130,6 +190,11 @@ h2 {
color: var(--text_not_active);
margin-top: 0;
margin-bottom: 0;
@media all and (max-width: 768px) {
font-size: 19px;
line-height: 26px;
}
}
&:first-child {
@ -166,6 +231,11 @@ h4 {
&.not_active {
color: #8E94A7;
}
@media all and (max-width: 960px) {
font-size: 10px;
line-height: 15px;
}
}
b,
@ -189,8 +259,8 @@ div {
}
.clear {
width: 100%;
height: 112px;
display: block;
clear: both;
}
@media all and (max-width: 736px) {
@ -207,22 +277,54 @@ div {
.i-phone {
padding-left: 28px;
background: url("/images/icons/icon-phone-hot.svg") no-repeat 0 2px;
background: url("/assets/images/icons/icon-phone-hot.svg") no-repeat 0 2px;
}
.i-phone-secondary {
padding-left: 28px;
background: url("/images/icons/icon-phone-secondary.svg") no-repeat 0 2px;
background: url("/assets/images/icons/icon-phone-secondary.svg") no-repeat 0 2px;
}
.i-address {
padding-left: 28px;
background: url("/images/icons/icon-address.svg") no-repeat 0 2px;
background: url("/assets/images/icons/icon-address.svg") no-repeat 0 2px;
}
.i-worktime {
padding-left: 28px;
background: url("/images/icons/icon-worktime.svg") no-repeat 0 2px;
background: url("/assets/images/icons/icon-worktime.svg") no-repeat 0 2px;
}
.i-pdf {
padding-left: 80px;
background: url("/images/icons/icon-pdf.svg") no-repeat left center;
background: url("/assets/images/icons/icon-pdf.svg") no-repeat left center;
@media all and (max-width: 960px) {
padding-left: 55px;
background-size: 32px;
background-position: 0 5px;
}
}
.i-doc {
padding-left: 80px;
background: url("/assets/images/icons/icon-doc.svg") no-repeat left center;
background-size: 56px;
@media all and (max-width: 960px) {
padding-left: 55px;
background-size: 32px;
background-position: 0 5px;
}
}
.success {
color: var(--green);
}
.danger {
color: var(--red)
}
@media all and (max-width: 768px) {
::-webkit-scrollbar {
display: none; // Safari and Chrome
}
}

112
css/vendors/rangeslider.css vendored Normal file
View File

@ -0,0 +1,112 @@
.rangeslider,
.rangeslider__fill {
display: block;
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.rangeslider {
background: #e6e6e6;
position: relative;
}
.rangeslider--horizontal {
height: 20px;
width: 100%;
}
.rangeslider--vertical {
width: 20px;
min-height: 150px;
max-height: 100%;
height: 100%;
}
.rangeslider--disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
}
.rangeslider__fill {
background: #00ff00;
position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
top: 0;
height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
bottom: 0;
width: 100%;
}
.rangeslider__handle {
background: white;
border: 1px solid #ccc;
cursor: pointer;
display: inline-block;
width: 40px;
height: 40px;
position: absolute;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.rangeslider__handle:after {
content: "";
display: block;
width: 18px;
height: 18px;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
top: -10px;
touch-action: pan-y;
-ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
left: -10px;
touch-action: pan-x;
-ms-touch-action: pan-x;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle {
-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

3873
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

129
pages/acts.js Normal file
View File

@ -0,0 +1,129 @@
import React from "react";
import Head from 'next/head';
import Image from 'next/image';
import Header from './components/Header';
import Footer from './components/Footer';
export default function ActsPage()
{
return (
<React.Fragment>
<Head>
<title>ЛК Эволюция автолизинга</title>
<meta
name="description"
content="ЛК Эволюция автолизинга"
/>
</Head>
<Header/>
<main>
<section>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left">
<h1 className="section_title">Акты сверок</h1>
</div>
<div className="right">
<p align="right">
<b>ООО “Друзья и КО”</b><br />
ИНН: 12345678765 КПП: 13432-02
</p>
</div>
</div>
<div className="aside_container about">
<aside>
<ul className="aside_nav">
<li>
<a href="#">Календарь оплат</a>
</li>
<li>
<a href="#" className="active">Акты сверок</a>
</li>
<li>
<a href="#">Закрывающие документы</a>
</li>
</ul>
</aside>
<article>
<div className="acts_wrapper">
<div className="dosc_list acts_list-checkbox">
<div className="row">
<p className="doc_name">
<input type="checkbox" name="name" id="name" />
<label htmlFor="name">Все договоры</label>
</p>
</div>
<div className="row">
<p className="doc_name i-pdf">
<input type="checkbox" name="name" id="name" />
<label htmlFor="name">№1234567 от 21.01.2021</label>
</p>
</div>
<div className="row">
<p className="doc_name i-pdf">
<input type="checkbox" name="name" id="name" />
<label htmlFor="name">№1234567 от 21.01.2021</label>
</p>
</div>
</div>
<div className="reconciliation_form small">
<div className="form_field">
<input type="text" className="date_input" value="" placeholder="Дата начала договора" onFocus="(this.type='date')" onBlur="(this.value == '' ? this.type='text' : this.type='date')" />
</div>
<div className="form_field">
<input type="text" className="date_input" value="" placeholder="Дата окончания договора" onFocus="(this.type='date')" onBlur="(this.value == '' ? this.type='text' : this.type='date')" />
</div>
<button className="button button-blue">Скачать</button>
<button className="button button-blue">Отправить в ЭДО</button>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="order">
<div className="container wide">
<h2 className="section_title">Купить в лизинг?</h2>
<div className="order_form">
<div className="order_email">
<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
</div>
<form>
<div className="form_field">
<input type="text" value="" placeholder="Имя" />
</div>
<div className="form_field">
<input type="tel" value="" placeholder="Телефон" />
</div>
<div className="form_field">
<input type="email" value="" placeholder="E-mail" />
</div>
<div className="form_field">
<input type="text" value="" placeholder="Организация" />
</div>
<div className="policy">
<input type="checkbox" name="policy" id="policy" hidden checked />
<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
</div>
<button className="button">Отправить</button>
</form>
</div>
</div>
</section>
</main>
<Footer/>
</React.Fragment>
)
}

162
pages/additional.js Normal file
View File

@ -0,0 +1,162 @@
import React from "react";
import Head from 'next/head';
import Image from 'next/image';
import Header from './components/Header';
import Footer from './components/Footer';
export default function AdditionalPage() {
return (
<React.Fragment>
<Head>
<title>ЛК Эволюция автолизинга</title>
<meta
name="description"
content="ЛК Эволюция автолизинга"
/>
</Head>
<Header />
<main>
<section>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left">
<h1 className="section_title">Договор №1234/2021 от 10.01.2021</h1>
</div>
<div className="right">
<p align="right">
<b>ООО “Друзья и КО”</b><br />
ИНН: 12345678765 КПП: 13432-02
</p>
</div>
</div>
<div className="aside_container about">
<aside>
<ul className="aside_nav">
<li>
<a href="#">График платежей</a>
</li>
<li>
<a href="#" className="active">Дополнительные услуги</a>
</li>
<li>
<a href="#">Договор</a>
</li>
<li>
<a href="#">Документы по сделке</a>
</li>
</ul>
</aside>
<article>
<div className="dropdown_blocks_list filled">
<div className="dropdown_block">
<div className="block_header">
<p className="with-icon">
<img src="/assets/images/lk/additional-1.svg" alt="Карта РАТ" width="32px" height="32px" />
Карта РАТ
</p>
<button className="block_toggle"></button>
</div>
<div className="block_body">
<div className="company">
<p className="title">Каско</p>
<ul>
<li>Страховая компания: <b>Согласие</b></li>
<li>Сайт: <b>www.sog.ru</b></li>
<li>Телефон: <b>+74951112233</b></li>
<li>Номер полиса: <b>34234324324324</b></li>
<li>Период действия: <b>01/01/2020 - 01/01/2025</b></li>
<li>Страховая сумма: <b>3 400 000,00 р.</b></li>
</ul>
</div>
<p>Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент</p>
</div>
</div>
<div className="dropdown_block">
<div className="block_header">
<p className="with-icon">
<img src="/assets/images/lk/additional-2.svg" alt="Страхование" width="32px" height="32px" />
Страхование
</p>
<button className="block_toggle"></button>
</div>
<div className="block_body">
</div>
</div>
<div className="dropdown_block">
<div className="block_header">
<p className="with-icon">
<img src="/assets/images/lk/additional-3.svg" alt="Регистрация" width="32px" height="32px" />
Регистрация
</p>
<button className="block_toggle"></button>
</div>
<div className="block_body">
</div>
</div>
<div className="dropdown_block">
<div className="block_header">
<p className="with-icon">
<img src="/assets/images/lk/additional-4.svg" alt="Телематика" width="32px" height="32px" />
Телематика
</p>
<button className="block_toggle"></button>
</div>
<div className="block_body">
</div>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="order">
<div className="container wide">
<h2 className="section_title">Купить в лизинг?</h2>
<div className="order_form">
<div className="order_email">
<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
</div>
<form>
<div className="form_field">
<input type="text" value="" placeholder="Имя" />
</div>
<div className="form_field">
<input type="tel" value="" placeholder="Телефон" />
</div>
<div className="form_field">
<input type="email" value="" placeholder="E-mail" />
</div>
<div className="form_field">
<input type="text" value="" placeholder="Организация" />
</div>
<div className="policy">
<input type="checkbox" name="policy" id="policy" hidden checked />
<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
</div>
<button className="button">Отправить</button>
</form>
</div>
</div>
</section>
</main>
<Footer />
</React.Fragment>
)
}

402
pages/calendar.js Normal file
View File

@ -0,0 +1,402 @@
import React, { Component } from "react";
import Head from "next/head";
import Image from "next/image";
import Header from "./components/Header";
import Footer from "./components/Footer";
import CalendarCellModal from "./components/Modal/calendar";
class CalendarPage extends Component {
constructor(props) {
super(props);
this.state = {
cellModalOpen: false
};
}
handle_cell_click = () => {
this.setState({
cellModalOpen: !this.state.cellModalOpen
});
};
close_cell_modal = () => {
this.setState({
cellModalOpen: false
});
}
render() {
return (
<React.Fragment>
<Head>
<title>ЛК Эволюция автолизинга</title>
<meta name="description" content="ЛК Эволюция автолизинга" />
</Head>
<Header />
<main>
<section>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left">
<h1 className="section_title">Календарь оплат</h1>
</div>
<div className="right">
<p align="right">
<b>ООО “Друзья и КО”</b>
<br />
ИНН: 12345678765 КПП: 13432-02
</p>
</div>
</div>
<div className="aside_container about">
<aside>
<ul className="aside_nav">
<li>
<a href="#" className="active">
Календарь оплат
</a>
</li>
<li>
<a href="#">Акты сверок</a>
</li>
<li>
<a href="#">Закрывающие документы</a>
</li>
</ul>
</aside>
<article>
<div className="calendar_wrapper">
<div className="form_field">
<select id="calendar_month">
<option selected="">Июнь</option>
</select>
</div>
<div className="calendar_nav">
<button>Предыдущая неделя</button>
<button>Следующая неделя</button>
</div>
<div className="calendar_grid">
<div className="grid_header">
<div className="grid_cell">Пн</div>
<div className="grid_cell">Вт</div>
<div className="grid_cell">Ср</div>
<div className="grid_cell">Чт</div>
<div className="grid_cell">Пт</div>
<div className="grid_cell">Сб</div>
<div className="grid_cell">Вс</div>
</div>
<div className="grid_body">
<div className="grid_week active">
<div className="grid_cell disabled">
<div className="cell_header">
<p>
<span>30</span> мая
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell disabled">
<div className="cell_header">
<p>
<span>31</span> мая
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>31</span> мая
</p>
</div>
<div className="cell_body">
<p>
Общий платеж
<span>239 400,00 р.</span>
</p>
</div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>02</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell current" onClick={() => this.handle_cell_click()}>
<div className="cell_header">
<p>
<span>02</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>02</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>02</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
</div>
<div className="grid_week">
<div className="grid_cell current">
<div className="cell_header">
<p>
<span>03</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>04</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>05</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>30</span> мая
</p>
</div>
<div className="cell_body"></div>
</div>
</div>
<div className="grid_week">
<div className="grid_cell">
<div className="cell_header">
<p>
<span>31</span> мая
</p>
</div>
<div className="cell_body">
<p>
Общий платеж
<span>239 400,00 р.</span>
</p>
</div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>01</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>02</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>03</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
</div>
<div className="grid_week">
<div className="grid_cell">
<div className="cell_header">
<p>
<span>04</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>05</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
</div>
<div className="grid_week">
<div className="grid_cell disabled">
<div className="cell_header">
<p>
<span>30</span> мая
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell disabled">
<div className="cell_header">
<p>
<span>31</span> мая
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>01</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
</div>
<div className="grid_week">
<div className="grid_cell disabled">
<div className="cell_header">
<p>
<span>30</span> мая
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell disabled">
<div className="cell_header">
<p>
<span>31</span> мая
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>01</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
</div>
<div className="grid_week">
<div className="grid_cell disabled">
<div className="cell_header">
<p>
<span>30</span> мая
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell disabled">
<div className="cell_header">
<p>
<span>31</span> мая
</p>
</div>
<div className="cell_body"></div>
</div>
<div className="grid_cell">
<div className="cell_header">
<p>
<span>01</span> июня
</p>
</div>
<div className="cell_body"></div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
</section>
<CalendarCellModal open = {this.state.cellModalOpen} close = {this.close_cell_modal} />
<section id="order">
<div className="container wide">
<h2 className="section_title">Купить в лизинг?</h2>
<div className="order_form">
<div className="order_email">
<p>
Напишите на <a href="mailto:">buy@domain.ru</a> или
заполните форму
</p>
</div>
<form>
<div className="form_field">
<input type="text" value="" placeholder="Имя" />
</div>
<div className="form_field">
<input type="tel" value="" placeholder="Телефон" />
</div>
<div className="form_field">
<input type="email" value="" placeholder="E-mail" />
</div>
<div className="form_field">
<input type="text" value="" placeholder="Организация" />
</div>
<div className="policy">
<input
type="checkbox"
name="policy"
id="policy"
hidden
checked
/>
<label for="policy">
Даю свое согласие на обработку моих персональных данных
</label>
</div>
<button className="button">Отправить</button>
</form>
</div>
</div>
</section>
</main>
<Footer />
</React.Fragment>
);
}
}
export default CalendarPage;

146
pages/closing-acts.js Normal file
View File

@ -0,0 +1,146 @@
import React from "react";
import Head from 'next/head';
import Image from 'next/image';
import Header from './components/Header';
import Footer from './components/Footer';
export default function ClosingActsPage()
{
return (
<React.Fragment>
<Head>
<title>ЛК Эволюция автолизинга</title>
<meta
name="description"
content="ЛК Эволюция автолизинга"
/>
</Head>
<Header/>
<main>
<section>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left">
<h1 className="section_title">Закрывающие документы</h1>
</div>
<div className="right">
<p align="right">
<b>ООО “Друзья и КО”</b><br />
ИНН: 12345678765 КПП: 13432-02
</p>
</div>
</div>
<div className="aside_container about">
<aside>
<ul className="aside_nav">
<li>
<a href="#">Календарь оплат</a>
</li>
<li>
<a href="#">Акты сверок</a>
</li>
<li>
<a href="#" className="active">Закрывающие документы</a>
</li>
</ul>
</aside>
<article>
<div className="contract_search">
<form>
<div className="form_field single">
<input type="search" value="" placeholder="Поиск по номеру договора, марке и модели транспорта, VIN и госномеру ТС" />
</div>
<button className="button" disabled="">Поиск</button>
</form>
</div>
<div className="dosc_list">
<div className="row">
<p className="doc_name i-doc">
<a href="#">Договор</a>
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
</div>
<div className="row">
<p className="doc_name i-doc">
Договор цессии
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
</div>
<div className="row">
<p className="doc_name i-doc">
Дополнительное соглашение №1
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
</div>
<div className="row">
<p className="doc_name i-doc">
Дополнительное соглашение №2
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
</div>
<div className="row">
<p className="doc_name i-doc">
Выкупные документы
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="order">
<div className="container wide">
<h2 className="section_title">Купить в лизинг?</h2>
<div className="order_form">
<div className="order_email">
<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
</div>
<form>
<div className="form_field">
<input type="text" value="" placeholder="Имя" />
</div>
<div className="form_field">
<input type="tel" value="" placeholder="Телефон" />
</div>
<div className="form_field">
<input type="email" value="" placeholder="E-mail" />
</div>
<div className="form_field">
<input type="text" value="" placeholder="Организация" />
</div>
<div className="policy">
<input type="checkbox" name="policy" id="policy" hidden checked />
<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
</div>
<button className="button">Отправить</button>
</form>
</div>
</div>
</section>
</main>
<Footer/>
</React.Fragment>
)
}

98
pages/components/Header/index.js
View File

@ -1,35 +1,65 @@
export default function Header()
{
return (
<header>
<div className="container">
<a href="#" className="logo">
<img src="/assets/images/logo.svg" alt="" width="217px" height="32px" />
</a>
<div className="header_menu">
<nav>
<ul>
<li>
<a href="#">Программы</a>
</li>
<li>
<a href="#">Спецпредложения</a>
</li>
<li>
<a href="#">Сервисы</a>
</li>
<li>
<a href="#">Каталог автомобилей</a>
</li>
<li>
<a href="#" className="active">О компании</a>
</li>
</ul>
</nav>
<a href="tel:+74950000000">+7 495 000 00 00</a>
</div>
<a href="#" className="lk" title="Личный кабинет"></a>
</div>
</header>
)
import React, { Component } from "react";
class Header extends Component {
constructor(props) {
super(props);
this.state = {
menuOpened: false,
activeLink: ""
};
}
toggleMenu = () => {
this.setState({
menuOpened: !this.state.menuOpened
});
};
selected = (text) => {
this.toggleMenu();
this.setState({
activeLink: text
})
}
render() {
const {menuOpened, activeLink} = this.state;
return (
<header>
<div className="container">
<a href="#" className="logo">
<img
src="/assets/images/logo.svg"
alt=""
width="217px"
height="32px"
/>
</a>
<div className="header_menu">
<nav>
<button className="nav_toggle" onClick={() => this.toggleMenu()}>
{activeLink}
</button>
<ul id="menu_list" className={menuOpened ? "open" : ""}>
<li>
<a href="/" onClick={() => this.selected("Договор")}>Договор</a>
</li>
<li>
<a href="/schedule" onClick={() => this.selected("Взаиморасчеты и закрывающие документы")}>Взаиморасчеты и закрывающие документы</a>
</li>
<li>
<a href="#" onClick={() => this.selected("Настройки")}>Настройки</a>
</li>
<li>
<a href="#" onClick={() => this.toggleMenu()}>Основной сайт</a>
</li>
</ul>
</nav>
<a href="tel:+74950000000">+7 495 000 00 00</a>
</div>
</div>
</header>
);
}
}
export default Header;

68
pages/components/Modal/calendar.js Normal file
View File

@ -0,0 +1,68 @@
import React, { Component } from "react";
class CalendarCellModal extends Component {
constructor(props) {
super(props);
this.state = {
menuOpened: false,
activeLink: ""
};
}
toggleMenu = () => {
this.setState({
menuOpened: !this.state.menuOpened
});
};
selected = (text) => {
this.toggleMenu();
this.setState({
activeLink: text
})
}
render() {
const {menuOpened, activeLink} = this.state;
return (
<div className={this.props.open ? "fade opened" : "fade"}>
<div className="modal">
<div className="calendar_payment">
<div className="day">
<span>16</span>
июня
</div>
<div className="payment_table">
<div className="table_row table_header">
<div className="table_cell">Договор</div>
<div className="table_cell">Платеж</div>
</div>
<div className="table_row">
<div className="table_cell">
<a href="#">№1234/2021 от 10.01.2021</a>
</div>
<div className="table_cell">
<b>139 400,00 р.</b>
</div>
</div>
<div className="table_row">
<div className="table_cell">
<a href="#">№1234/2021 от 10.01.2021</a>
</div>
<div className="table_cell">
<b>139 400,00 р.</b>
</div>
</div>
</div>
</div>
<div className="modal_footer">
<button className="button button-blue" onClick={() => this.props.close()}>Закрыть</button>
</div>
</div>
</div>
);
}
}
export default CalendarCellModal;

139
pages/contract.js Normal file
View File

@ -0,0 +1,139 @@
import React from "react";
import Head from 'next/head';
import Image from 'next/image';
import Header from './components/Header';
import Footer from './components/Footer';
export default function ContractPage()
{
return (
<React.Fragment>
<Head>
<title>ЛК Эволюция автолизинга</title>
<meta
name="description"
content="ЛК Эволюция автолизинга"
/>
</Head>
<Header/>
<main>
<section>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left">
<h1 className="section_title">Договор №1234/2021 от 10.01.2021</h1>
</div>
<div className="right">
<p align="right">
<b>ООО “Друзья и КО”</b><br />
ИНН: 12345678765 КПП: 13432-02
</p>
</div>
</div>
<div className="aside_container about">
<aside>
<ul className="aside_nav">
<li>
<a href="#">График платежей</a>
</li>
<li>
<a href="#">Дополнительные услуги</a>
</li>
<li>
<a href="#" className="active">Договор</a>
</li>
<li>
<a href="#">Документы по сделке</a>
</li>
</ul>
</aside>
<article>
<div className="dosc_list">
<div className="row">
<p className="doc_name i-pdf">
Договор
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
<a href="#" className="button button-blue">Скачать</a>
</div>
<div className="row">
<p className="doc_name i-pdf">
Договор цессии
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
<a href="#" className="button button-blue">Скачать</a>
</div>
<div className="row">
<p className="doc_name i-pdf">
Дополнительное соглашение №1
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
<a href="#" className="button button-blue">Скачать</a>
</div>
<div className="row">
<p className="doc_name i-pdf">
Дополнительное соглашение №2
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
<a href="#" className="button button-blue">Скачать</a>
</div>
<div className="row">
<p className="doc_name i-pdf">
Выкупные документы
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
<a href="#" className="button button-blue">Скачать</a>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="order">
<div className="container wide">
<h2 className="section_title">Купить в лизинг?</h2>
<div className="order_form">
<div className="order_email">
<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
</div>
<form>
<div className="form_field">
<input type="text" value="" placeholder="Имя" />
</div>
<div className="form_field">
<input type="tel" value="" placeholder="Телефон" />
</div>
<div className="form_field">
<input type="email" value="" placeholder="E-mail" />
</div>
<div className="form_field">
<input type="text" value="" placeholder="Организация" />
</div>
<div className="policy">
<input type="checkbox" name="policy" id="policy" hidden checked />
<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
</div>
<button className="button">Отправить</button>
</form>
</div>
</div>
</section>
</main>
<Footer/>
</React.Fragment>
)
}

47
pages/login.js
View File

@ -19,20 +19,31 @@ export default function IndexPage()
<Header/>
<main>
<section>
<div class="clear"></div>
<div class="container">
<h1 class="section_title">Личный кабинет</h1>
<div class="login">
<div className="clear"></div>
<div className="container">
<h1 className="section_title">Личный кабинет</h1>
<div className="login">
<div className="login_with">
<p>Войти с помощью</p>
<div className="tabs">
<div className="tab active">Номера телефона</div>
<div className="tab">Электронной почты</div>
</div>
</div>
<form>
<div class="form_field">
<input type="text" name="login" value="" placeholder="Введите логин"/>
<div className="form_field">
<input type="text" name="login" value="" placeholder="Введите номер телефона"/>
</div>
<div class="form_field">
<div className="form_field">
<input type="password" name="pass" value="" placeholder="Введите пароль"/>
</div>
<button type="submit" class="button button-blue">Войти</button>
<div className="button-group">
<a href="/recovery" className="button button-blue transparent">Забыл пароль</a>
<button type="submit" className="button button-blue" disabled>Войти</button>
</div>
</form>
</div>
@ -42,32 +53,32 @@ export default function IndexPage()
<section id="order">
<div class="container wide">
<h2 class="section_title">Купить в лизинг?</h2>
<div className="container wide">
<h2 className="section_title">Купить в лизинг?</h2>
<div class="order_form">
<div class="order_email">
<div className="order_form">
<div className="order_email">
<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
</div>
<form>
<div class="form_field">
<div className="form_field">
<input type="text" value="" placeholder="Имя" />
</div>
<div class="form_field">
<div className="form_field">
<input type="tel" value="" placeholder="Телефон" />
</div>
<div class="form_field">
<div className="form_field">
<input type="email" value="" placeholder="E-mail" />
</div>
<div class="form_field">
<div className="form_field">
<input type="text" value="" placeholder="Организация" />
</div>
<div class="policy">
<div className="policy">
<input type="checkbox" name="policy" id="policy" hidden checked />
<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
</div>
<button class="button">Отправить</button>
<button className="button">Отправить</button>
</form>
</div>
</div>

99
pages/recovery.js Normal file
View File

@ -0,0 +1,99 @@
import React from "react";
import Head from 'next/head';
import Image from 'next/image';
import Header from './components/Header';
import Footer from './components/Footer';
export default function RecoveryPassPage() {
return (
<React.Fragment>
<Head>
<title>ЛК Эволюция автолизинга</title>
<meta
name="description"
content="ЛК Эволюция автолизинга"
/>
</Head>
<Header />
<main>
<section>
<div className="clear"></div>
<div className="container">
<h1 className="section_title">Восстановление пароля</h1>
<div className="login recovery">
<div className="login_with">
<p>Восстановить с помощью</p>
<div className="tabs">
<div className="tab active">Номера телефона</div>
<div className="tab">Электронной почты</div>
</div>
</div>
<form>
<div className="form_field">
<input type="text" name="login" value="" placeholder="Введите номер телефона" />
</div>
<button type="submit" className="button button-blue" disabled>Получить код</button>
</form>
{/* Step 2 */}
{/*
<p className="message">На указанный номер отправлен код.</p>
<form>
<div className="form_field">
<input type="text" name="pass" value="" placeholder="Введите код из СМС" />
</div>
<button type="submit" className="button button-blue" disabled>Отправить код</button>
</form>
<div className="resend">
<p>Запросить код повторно можно через: 60 секунд</p>
<button className="button button-blue transparent" disabled>Запросить код повторно</button>
</div>
*/}
</div>
</div>
</section>
<section id="order">
<div className="container wide">
<h2 className="section_title">Купить в лизинг?</h2>
<div className="order_form">
<div className="order_email">
<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
</div>
<form>
<div className="form_field">
<input type="text" value="" placeholder="Имя" />
</div>
<div className="form_field">
<input type="tel" value="" placeholder="Телефон" />
</div>
<div className="form_field">
<input type="email" value="" placeholder="E-mail" />
</div>
<div className="form_field">
<input type="text" value="" placeholder="Организация" />
</div>
<div className="policy">
<input type="checkbox" name="policy" id="policy" hidden checked />
<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
</div>
<button className="button">Отправить</button>
</form>
</div>
</div>
</section>
</main>
<Footer />
</React.Fragment>
)
}

143
pages/schedule.js Normal file
View File

@ -0,0 +1,143 @@
import React from "react";
import Head from 'next/head';
import Image from 'next/image';
import Header from './components/Header';
import Footer from './components/Footer';
export default function SchedulePage()
{
return (
<React.Fragment>
<Head>
<title>ЛК Эволюция автолизинга</title>
<meta
name="description"
content="ЛК Эволюция автолизинга"
/>
</Head>
<Header/>
<main>
<section>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left">
<h1 className="section_title">Договор №1234/2021 от 10.01.2021</h1>
</div>
<div className="right">
<p align="right">
<b>ООО “Друзья и КО”</b><br />
ИНН: 12345678765 КПП: 13432-02
</p>
</div>
</div>
<div className="aside_container about">
<aside>
<ul className="aside_nav">
<li>
<a href="#" className="active">График платежей</a>
</li>
<li>
<a href="#">Дополнительные услуги</a>
</li>
<li>
<a href="#">Договор</a>
</li>
<li>
<a href="#">Документы по сделке</a>
</li>
</ul>
</aside>
<article>
<div className="contract_table schedule">
<div className="table_row table_header">
<div className="table_cell caret">№ платежа</div>
<div className="table_cell caret">Дата лизингового
платежа</div>
<div className="table_cell caret">Лизинговый платеж
с НДС (рубли)</div>
<div className="table_cell caret">НДС, 20% (рубли)</div>
<div className="table_cell">Статус платежа</div>
<div className="table_cell">Платежное поручение</div>
</div>
<button className="show_more primary">Показать прошедшие платежи</button>
<div className="table_row" data-status="overpayment-2">
<div className="table_cell" data-title="№ платежа:">11</div>
<div className="table_cell" data-title="Дата лизингового платежа">21.02.2021</div>
<div className="table_cell" data-title="Лизинговый платеж с НДС (рубли)">239 724,05</div>
<div className="table_cell" data-title="НДС, 20% (рубли)">43 079,18</div>
<div className="table_cell" data-title="Статус платежа">Переплата 15 000,00 ₽</div>
<div className="table_cell" data-title="Платежное поручение">№18432 от 20/01/2021 на сумму 255 000,00 ₽</div>
</div>
<div className="table_row" data-status="overpayment-1">
<div className="table_cell" data-title="№ платежа:">12</div>
<div className="table_cell" data-title="Дата лизингового платежа">21.02.2021</div>
<div className="table_cell" data-title="Лизинговый платеж с НДС (рубли)">239 724,05</div>
<div className="table_cell" data-title="НДС, 20% (рубли)">43 079,18</div>
<div className="table_cell" data-title="Статус платежа">Переплата 15 000,00 ₽</div>
<div className="table_cell" data-title="Платежное поручение">№18432 от 20/01/2021 на сумму 255 000,00 ₽</div>
</div>
<div className="table_row" data-status="paid">
<div className="table_cell" data-title="№ платежа:">13</div>
<div className="table_cell" data-title="Дата лизингового платежа">21.02.2021</div>
<div className="table_cell" data-title="Лизинговый платеж с НДС (рубли)">239 724,05</div>
<div className="table_cell" data-title="НДС, 20% (рубли)">43 079,18</div>
<div className="table_cell" data-title="Статус платежа">Переплата 15 000,00 ₽</div>
<div className="table_cell" data-title="Платежное поручение">№18432 от 20/01/2021 на сумму 255 000,00 ₽</div>
</div>
<div className="table_row">
<div className="table_cell">14</div>
<div className="table_cell">21.02.2021</div>
<div className="table_cell">239 724,05</div>
<div className="table_cell">43 079,18</div>
<div className="table_cell">Не оплачено </div>
<div className="table_cell">-</div>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="order">
<div className="container wide">
<h2 className="section_title">Купить в лизинг?</h2>
<div className="order_form">
<div className="order_email">
<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
</div>
<form>
<div className="form_field">
<input type="text" value="" placeholder="Имя" />
</div>
<div className="form_field">
<input type="tel" value="" placeholder="Телефон" />
</div>
<div className="form_field">
<input type="email" value="" placeholder="E-mail" />
</div>
<div className="form_field">
<input type="text" value="" placeholder="Организация" />
</div>
<div className="policy">
<input type="checkbox" name="policy" id="policy" hidden checked />
<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
</div>
<button className="button">Отправить</button>
</form>
</div>
</div>
</section>
</main>
<Footer/>
</React.Fragment>
)
}

153
pages/transaction.js Normal file
View File

@ -0,0 +1,153 @@
import React from "react";
import Head from 'next/head';
import Image from 'next/image';
import Header from './components/Header';
import Footer from './components/Footer';
export default function TransactionPage()
{
return (
<React.Fragment>
<Head>
<title>ЛК Эволюция автолизинга</title>
<meta
name="description"
content="ЛК Эволюция автолизинга"
/>
</Head>
<Header/>
<main>
<section>
<div class="clear"></div>
<div class="container">
<div class="title_wrapper">
<div class="left">
<h1 class="section_title">Договор №1234/2021 от 10.01.2021</h1>
</div>
<div class="right">
<p align="right">
<b>ООО “Друзья и КО”</b><br />
ИНН: 12345678765 КПП: 13432-02
</p>
</div>
</div>
<div class="aside_container about">
<aside>
<ul class="aside_nav">
<li>
<a href="#">График платежей</a>
</li>
<li>
<a href="#">Дополнительные услуги</a>
</li>
<li>
<a href="#">Договор</a>
</li>
<li>
<a href="#" class="active">Документы по сделке</a>
</li>
</ul>
</aside>
<article>
<div class="dropdown_blocks_list">
<div class="dropdown_block">
<div class="block_header">
<p>
УПД по очередным платежам
</p>
<button class="block_toggle"></button>
</div>
<div class="block_body">
<div class="transaction_detail">
<p>№ постановления: <b>3432434242334</b></p>
<ul>
<li>Сумма: <b>3 000,00 р.</b></li>
<li>Дата: <b>01/01/2020</b></li>
<li>Статус: <b class="success">Оплачен</b></li>
<li>Штраф: п. 1.15 - Несоблюдение правил парковки </li>
</ul>
</div>
</div>
</div>
<div class="dosc_list medium-icon">
<div class="row">
<p class="doc_name i-pdf i-medium">
Дополнительное соглашение №1
</p>
<a href="#" class="button button-blue">Скачать</a>
</div>
<div class="row">
<p class="doc_name i-pdf i-medium">
Дополнительное соглашение №2
</p>
<a href="#" class="button button-blue">Скачать</a>
</div>
<div class="row">
<p class="doc_name i-pdf i-medium">
Выкупные документы
</p>
<a href="#" class="button button-blue">Скачать</a>
</div>
</div>
<hr />
<div class="dropdown_block">
<div class="block_header">
<p>
УПД по доп.услугам
</p>
<button class="block_toggle"></button>
</div>
<div class="block_body"></div>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="order">
<div className="container wide">
<h2 className="section_title">Купить в лизинг?</h2>
<div className="order_form">
<div className="order_email">
<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
</div>
<form>
<div className="form_field">
<input type="text" value="" placeholder="Имя" />
</div>
<div className="form_field">
<input type="tel" value="" placeholder="Телефон" />
</div>
<div className="form_field">
<input type="email" value="" placeholder="E-mail" />
</div>
<div className="form_field">
<input type="text" value="" placeholder="Организация" />
</div>
<div className="policy">
<input type="checkbox" name="policy" id="policy" hidden checked />
<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
</div>
<button className="button">Отправить</button>
</form>
</div>
</div>
</section>
</main>
<Footer/>
</React.Fragment>
)
}

BIN
public/assets/images/01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/assets/images/036512173d91a3a5f9b7d5b37ea4f2c0_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
public/assets/images/0_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 534 KiB

BIN
public/assets/images/13ddc9a97a28a40677bbdf6deadf963a_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 KiB

BIN
public/assets/images/______________2021_08_16___22_09_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 513 KiB

BIN
public/assets/images/______________2021_08_16___22_09_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 685 KiB

BIN
public/assets/images/______________2021_08_17___17_43_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 610 KiB

BIN
public/assets/images/______________2021_08_18___02_25_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 MiB

BIN
public/assets/images/_png_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

BIN
public/assets/images/a647aef2cd6e05013fb3d01ef0b517b1_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 369 KiB

BIN
public/assets/images/adobestock_68844809_preview_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 144 KiB

BIN
public/assets/images/b11_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 452 KiB

BIN
public/assets/images/b1_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 485 KiB

BIN
public/assets/images/b2_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 209 KiB

BIN
public/assets/images/b3_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 243 KiB

BIN
public/assets/images/b4_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 317 KiB

BIN
public/assets/images/b5_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 KiB

BIN
public/assets/images/b6_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 639 KiB

BIN
public/assets/images/blue_progress.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 B

BIN
public/assets/images/boizznfab3s3t9qrzoiyj93y13v3ip8y_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 567 KiB

BIN
public/assets/images/bottom_fill.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 107 B

BIN
public/assets/images/button_create_de.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
public/assets/images/button_create_en.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
public/assets/images/button_create_ru.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
public/assets/images/button_restore_de.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
public/assets/images/button_restore_en.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
public/assets/images/button_restore_ru.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
public/assets/images/corner_bottom_left.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 216 B

BIN
public/assets/images/corner_bottom_right.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 217 B

BIN
public/assets/images/corner_top_left.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 189 B

BIN
public/assets/images/corner_top_right.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 B

BIN
public/assets/images/dump.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/assets/images/dump_ru.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
public/assets/images/folder3_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 704 KiB

BIN
public/assets/images/ford_transit__1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 976 KiB

10
public/assets/images/icons/icon-doc.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M27.9889 0.028016V0C27.9889 0 11.7761 0.0199524 6.01307 0.0259484C4.88302 0.0259484 4.00977 0.875217 4.00977 2.02925V31.9991H25.9906C27.0936 31.9991 27.9888 31.1039 27.9888 30.0008V2.02522H29.987V0.0269822C29.9871 0.0269822 27.9889 0.028016 27.9889 0.028016Z" fill="#A8026B"/>
<path d="M23.9928 30.0021C23.9928 28.8991 24.888 28.0039 25.9911 28.0039H2.01191C0.908841 28.0039 0.0136719 28.8991 0.0136719 30.0021C0.0136719 31.1052 0.908841 32.0004 2.01191 32.0004H25.991C24.888 32.0005 23.9928 31.1052 23.9928 30.0021Z" fill="#830354"/>
<path d="M29.9865 0.0283203C28.8835 0.0283203 27.9883 0.92349 27.9883 2.02656V4.02479H29.9865C31.0896 4.02479 31.9848 3.12962 31.9848 2.02656C31.9848 0.922456 31.0896 0.0283203 29.9865 0.0283203Z" fill="#830354"/>
<rect x="8" y="8" width="16" height="1.14286" fill="white"/>
<rect x="8" y="11.4287" width="16" height="1.14286" fill="white"/>
<rect x="8" y="14.8574" width="16" height="1.14286" fill="white"/>
<rect x="8" y="18.2861" width="14.2857" height="1.14286" fill="white"/>
<rect x="8" y="21.7139" width="10.8571" height="1.14286" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

6
public/assets/images/icons/icon-header-phone.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" stroke="#0C0C0C"/>
<path d="M18.7002 8.4375C19.8657 8.75095 20.9283 9.36513 21.7817 10.2185C22.6351 11.0719 23.2493 12.1346 23.5628 13.3001" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.9883 11.0947C18.6876 11.2828 19.3252 11.6513 19.8372 12.1633C20.3492 12.6754 20.7178 13.313 20.9058 14.0123" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.9472 15.7259C13.6603 17.1838 14.8421 18.3603 16.3033 19.0668C16.4102 19.1174 16.5285 19.1394 16.6465 19.1305C16.7644 19.1215 16.878 19.082 16.9761 19.0159L19.1276 17.5812C19.2228 17.5178 19.3322 17.479 19.4461 17.4686C19.56 17.4581 19.6747 17.4762 19.7798 17.5213L23.8049 19.2463C23.9416 19.3044 24.0558 19.4053 24.1302 19.5339C24.2045 19.6625 24.2351 19.8118 24.2173 19.9593C24.09 20.9548 23.6043 21.8698 22.851 22.533C22.0978 23.1961 21.1286 23.562 20.125 23.5621C17.0253 23.5621 14.0525 22.3307 11.8607 20.1389C9.66886 17.947 8.4375 14.9743 8.4375 11.8746C8.43755 10.871 8.80342 9.90179 9.46659 9.14852C10.1298 8.39525 11.0448 7.90953 12.0403 7.78231C12.1877 7.76446 12.337 7.79503 12.4656 7.8694C12.5942 7.94377 12.6952 8.05792 12.7533 8.19466L14.4798 12.2232C14.5244 12.3274 14.5426 12.4411 14.5328 12.554C14.5229 12.6669 14.4852 12.7757 14.4231 12.8705L12.9934 15.055C12.9284 15.1533 12.8899 15.2668 12.8818 15.3844C12.8737 15.5019 12.8962 15.6196 12.9472 15.7259V15.7259Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/assets/images/image_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
public/assets/images/image_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 852 KiB

BIN
public/assets/images/image_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
public/assets/images/logo_installer_de.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 969 B

BIN
public/assets/images/logo_installer_en.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 969 B

BIN
public/assets/images/logo_installer_ru.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 718 B

BIN
public/assets/images/paper3_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 672 KiB

BIN
public/assets/images/red_progress.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 B

BIN
public/assets/images/toll_box_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
public/assets/images/top_line_fill.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 B

BIN
public/assets/images/umbrella_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
public/assets/images/zakaria_zayane_pb_1xxdkldq_unsplash1_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB