Commit e3cc7611 authored by nursultan's avatar nursultan

Initial commit

parent e0e9047e
Pipeline #117 failed with stages
This diff is collapsed.
@media (min-width: 1441px) and (max-width: 1920px) {
.usability-cards {
width: calc((100vw - 1025px) / (1440 - 1025) * (70 - 80) + 80%);
}
}
@media (min-width: 1025px) and (max-width: 1440px){
.usability-cards {
width: calc( (100vw - 1025px)/(1440 - 1025) * (80 - 100) + 100%);
}
}
@media screen and (max-width:425px) {
#main header{
height: 45px;
}
#main-nav{
height: calc(100vh - 45px);
}
#main-nav a{
font-size: 18px;
}
#main-nav.active{
top: 45px;
}
.header-logo object{
width: 145px;
}
.header-hum svg{
width: 30px;
}
.main-info::before{
background-size: auto;
}
.main-info p{
width: 80%;
font-size: 20px;
line-height: 2;
margin: 50px auto;
}
.main-lang a{
font-size: 12px;
}
.main-lang a:nth-child(2){
padding: 0 5px;
}
.main-lang a:last-child{
padding-right: 15px;
}
.main-info{
background-size: auto;
margin-top: 45px;
height: calc(100vh - 45px);
}
.main--btn{
width: 212px;
height: 48px;
font-size: 16px;
line-height: 27px;
}
.video-preview iframe{
width: 80%;
height: 250px;
}
.statistic-preview--title{
font-size: 19px;
line-height: 26px;
padding-bottom: 35px;
}
.statistic-preview span{
font-size: 40px;
line-height: 54px;
}
.statistic-block{
flex-direction: column;
}
.statistic-preview div p{
font-size: 17px;
line-height: 23px;
}
.statistic-block div:nth-child(2){
padding-top: 75px;
padding-bottom: 75px;
}
.know-more--title{
padding-top: 20px;
padding-bottom: 35px;
}
.know-more--title p{
width: 80%;
font-size: 20px;
line-height: 27px;
}
.know-more--card p{
font-size: 13px;
line-height: 18px;
padding-right: 15px;
}
#know-more a{
width: 305px;
height: 48px;
font-size: 20px;
}
.know-more--card{
margin-bottom: 15px;
}
.know-more--card object{
width: 100px;
}
.know-more--btn{
padding-bottom: 70px;
padding-top: 0;
}
.decision-title{
padding-top: 15px;
padding-bottom: 15px;
}
.decision-title p{
font-size: 20px;
line-height: 27px;
}
.decision-list{
padding-bottom: 20px;
}
.decision-list--info span{
font-size: 17px;
line-height: 23px;
}
.decision-list--info p{
font-size: 13px;
line-height: 18px;
}
.decision-list--count{
font-size: 40px;
line-height: 54px;
padding-right: 20px;
}
.benefits-cards{
width: 90%;
padding-top: 0;
}
.benefits-card{
margin-bottom: 30px;
height: auto;
}
.benefits-title{
padding-top: 15px;
padding-bottom: 15px;
}
.benefits-title p{
color: #404041;
font-size: 20px;
line-height: 27px;
}
.benefits-card p{
width: 80%;
font-size: 13px;
line-height: 18px;
}
.benefits-card div{
width: 50px;
height: 50px;
background-size: contain;
padding-right: 10px;
}
.benefits-demo{
padding-bottom: 70px;
}
.benefits-demo button{
width: 306px;
height: 48px;
font-size: 16px;
line-height: 27px;
}
.usability-title{
padding: 15px 0;
}
.usability-title p{
font-size: 20px;
line-height: 27px;
}
.usability-cards{
justify-content: center;
padding-bottom: 20px;
}
.usability-card{
height: auto;
display: flex;
flex-direction: column;
}
.usability-card--title{
top: 70px;
}
.usability-card--tooltip{
width: 100%;
position: initial;
min-height: auto;
height: auto;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.usability-card img{
height: 210px;
position: initial;
}
.usability-card--tooltip div{
padding: 10px;
text-align: justify;
}
.usability-card--tooltip span{
display: none;
}
.usability-card--tooltip::after{
content: none;
}
.usability-card--tooltip{
transition: 0.9s;
display: none;
}
.usability-card:hover .usability-card--tooltip{
transition: 0.9s;
display: block;
transform: translate3d(0, 0%, 0);
}
#howItWorks{
padding-top: 0;
}
.howItWorks-title{
font-size: 20px;
line-height: 27px;
color: #404041;
padding-top: 15px;
font-weight: 600;
}
.howItWorks-schema{
flex-wrap: wrap;
}
.howItWorks-schema--item{
width: 150px;
height: 150px;
}
.howItWorks-schema{
padding-top: 60px;
}
.howItWorks-schema--item object{
width: 100%;
height: inherit;
top: 0;
left: 0;
z-index: 9;
}
.schema-01 div::before,
.schema-03 div::before,
.schema-02 div::before,
.schema-04 div::before,
.schema-01::before,
.schema-02::before,
.schema-04::after,
.schema-04::before{
content: none;
}
.schema-01{
left: 5px;
}
.schema-01 div{
top: -50px;
left: 40px;
}
.schema-01::after{
width: 195px;
transform: rotate(35deg);
left: 45px;
top: 135px;
z-index: 2;
}
.schema-02{
top: 100px;
left: 5px;
}
.schema-02 div{
top: -75px;
left: 0;
}
.schema-02::after{
width: 200px;
transform: rotate(-35deg);
left: -115px;
top: 150px;
}
.schema-03{
left: 0;
top: 50px;
}
.schema-03 div {
top: -100px;
left: 0;
}
.schema-03::before{
width: 200px;
left: 85px;
top: 145px;
}
.schema-04{
left: 10px;
top: 160px;
}
.schema-04 div{
top: -100px;
left: -20px;
}
.howItWorks-schema--item span{
font-size: 12px;
}
.howItWorks-schema--item p{
width: 85%;
font-size: 10px;
margin: auto;
}
#feedback-main button{
width: 306px;
height: 48px;
font-size: 20px;
line-height: 27px;
}
#footer{
height: auto;
}
.footer-content{
padding: 0;
flex-direction: column;
}
.footer-logo{
padding-top: 45px;
order: 2;
}
.footer-links{
display: flex;
justify-content: space-evenly;
padding-top: 20px;
order: 1;
}
.footer-logo object{
display: block;
width: 90%;
height: 40px;
margin: auto;
}
.footer-links object{
padding-left: 0;
}
.footer-logo button{
width: auto;
text-align: center;
font-size: 17px;
line-height: 23px;
margin: 50px auto;
}
.private-police p, .feedback-form p{
width: 90%;
margin-top: 50px;
font-size: 13px;
line-height: 18px;
}
#button_submit{
margin-top: 15px !important;
}
.modal-window iframe{
width: 95%;
}
}
<svg xmlns="http://www.w3.org/2000/svg" width="130" height="130" viewBox="0 0 130 130">
<g fill="none" fill-rule="evenodd">
<circle cx="65" cy="65" r="65" fill="#F1F1F1"/>
<circle cx="65" cy="65" r="65" fill="transparent"/>
<path fill="#231F20" fill-rule="nonzero" d="M67.612 25c-.735 0-1.33.596-1.33 1.33v7.985c0 .735.595 1.33 1.33 1.33.735 0 1.33-.595 1.33-1.33v-6.628c18.054.718 32.525 15.19 33.244 33.243H68.943V40.969c0-.735-.596-1.33-1.331-1.33s-1.33.595-1.33 1.33V62.26c0 .735.595 1.33 1.33 1.33h35.93c.735 0 1.33-.595 1.33-1.33C104.85 41.69 88.181 25.023 67.612 25z"/>
<path fill="#D61920" fill-rule="nonzero" d="M62.289 30.323c-17.36-.012-32.427 11.967-36.331 28.882-3.904 16.915 4.39 34.284 20 41.881 15.609 7.598 34.396 3.41 45.3-10.099.314-.368.404-.879.233-1.332-.17-.454-.574-.779-1.053-.849-.48-.07-.96.127-1.252.512-6.01 7.459-14.85 12.085-24.403 12.775-9.554.69-18.965-2.62-25.984-9.138l24.04-24.04h34.024c-.16 4.629-1.268 9.177-3.253 13.362-.216.432-.182.946.09 1.345.271.4.737.62 1.218.578.48-.043.9-.343 1.097-.783 2.345-4.948 3.553-10.358 3.535-15.834 0-.734-.596-1.33-1.331-1.33h-34.6v-34.6c0-.734-.595-1.33-1.33-1.33zm-1.33 36.71l-6.654 6.653v-39.77c2.183-.517 4.411-.82 6.653-.906v34.023zm-9.316 9.315L44.989 83V37.63c2.107-1.219 4.338-2.21 6.654-2.96v41.678zm-9.315-37.01v46.325l-5.41 5.41c-.427-.458-.843-.93-1.244-1.409v-44.15c1.94-2.34 4.177-4.415 6.654-6.175zm-9.315 9.848V85.99c-7.098-11.244-7.098-25.566 0-36.81v.007z"/>
<path fill="#231F20" fill-rule="nonzero" d="M78.258 50.95c0-.736-.596-1.331-1.331-1.331s-1.33.595-1.33 1.33c.128 2.983 2.366 5.45 5.322 5.868v.12c0 .736.596 1.331 1.33 1.331.736 0 1.332-.595 1.332-1.33v-.121c2.956-.418 5.194-2.885 5.323-5.868-.129-2.983-2.367-5.45-5.323-5.867v-6.57c1.48.336 2.564 1.607 2.661 3.122 0 .735.596 1.33 1.33 1.33.736 0 1.332-.595 1.332-1.33-.129-2.983-2.367-5.45-5.323-5.867v-.121c0-.735-.596-1.33-1.331-1.33s-1.33.595-1.33 1.33v.121c-2.957.417-5.195 2.884-5.324 5.867.129 2.983 2.367 5.45 5.323 5.867v6.57c-1.48-.336-2.564-1.606-2.661-3.122zm7.984 0c-.097 1.515-1.18 2.785-2.661 3.121v-6.244c1.48.336 2.564 1.607 2.661 3.122zm-7.984-9.316c.097-1.515 1.18-2.786 2.661-3.122v6.244c-1.48-.336-2.564-1.606-2.661-3.122z"/>
......
This diff is collapsed.
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M22.5659 8.13721H7.94093C7.01038 8.13721 6.25342 8.89417 6.25342 9.82472V19.9497C6.25342 20.8803 7.01038 21.6372 7.94093 21.6372H22.5659C23.4965 21.6372 24.2534 20.8803 24.2534 19.9497V9.82472C24.2534 8.89417 23.4965 8.13721 22.5659 8.13721ZM22.5659 9.2622C22.6423 9.2622 22.715 9.27806 22.7815 9.30575L15.2534 15.8304L7.72529 9.30575C7.79176 9.2781 7.86447 9.2622 7.94089 9.2622H22.5659ZM22.5659 20.5122H7.94093C7.63057 20.5122 7.37841 20.2601 7.37841 19.9497V10.4943L14.8848 16.9999C14.9909 17.0916 15.1221 17.1372 15.2534 17.1372C15.3847 17.1372 15.516 17.0916 15.622 16.9999L23.1284 10.4943V19.9497C23.1284 20.2601 22.8763 20.5122 22.5659 20.5122Z" fill="white"/>
</g>
<path d="M22.3305 0.401855H8.17632C3.73342 0.401855 0.253418 3.88186 0.253418 8.32476V22.479C0.253418 26.9219 3.73342 30.4019 8.17632 30.4019H22.3305C26.7734 30.4019 30.2534 26.9219 30.2534 22.479V8.32476C30.2534 3.88186 26.7724 0.401855 22.3305 0.401855ZM28.3179 22.479C28.3179 25.837 25.6876 28.4664 22.3305 28.4664H8.17632C4.81922 28.4664 2.1889 25.836 2.1889 22.479V8.32476C2.1889 4.96766 4.81922 2.33734 8.17632 2.33734H22.3305C25.6886 2.33734 28.3179 4.96766 28.3179 8.32476V22.479Z" fill="white"/>
<defs>
<clipPath id="clip0">
<rect x="6.25342" y="5.88721" width="18" height="18" fill="white"/>
</clipPath>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<path fill="#FFF" fill-rule="evenodd" d="M13.353 25H1.38C.618 25 0 24.382 0 23.62V1.38C0 .618.618 0 1.38 0h22.24C24.382 0 25 .618 25 1.38v22.24c0 .762-.618 1.38-1.38 1.38h-6.37v-9.681h3.25l.486-3.773H17.25v-2.41c0-1.092.303-1.836 1.87-1.836h1.997V3.924c-.345-.046-1.531-.15-2.911-.15-2.88 0-4.853 1.76-4.853 4.988v2.783h-3.258v3.773h3.258V25z"/>
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg">
<path d="M22.9946 0.401855H8.84038C4.39748 0.401855 0.91748 3.88186 0.91748 8.32476V22.479C0.91748 26.9219 4.39748 30.4019 8.84038 30.4019H22.9946C27.4375 30.4019 30.9175 26.9219 30.9175 22.479V8.32476C30.9175 3.88186 27.4365 0.401855 22.9946 0.401855ZM28.982 22.479C28.982 25.837 26.3517 28.4664 22.9946 28.4664H8.84038C5.48329 28.4664 2.85296 25.836 2.85296 22.479V8.32476C2.85296 4.96766 5.48329 2.33734 8.84038 2.33734H22.9946C26.3526 2.33734 28.982 4.96766 28.982 8.32476V22.479Z" fill="white"/>
<path d="M18.9332 12.6655H20.6678V9.64453C20.3685 9.60337 19.3394 9.51074 18.1408 9.51074C15.6399 9.51074 13.9267 11.0838 13.9267 13.975V16.6357H11.167V20.013H13.9267V28.5107H17.3103V20.0138H19.9585L20.3788 16.6365H17.3095V14.3098C17.3103 13.3337 17.5732 12.6655 18.9332 12.6655Z" fill="white"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<path fill="#FFF" d="M19.792 0H5.208C2.332 0 0 2.332 0 5.208v14.584C0 22.668 2.332 25 5.208 25h14.584C22.669 25 25 22.668 25 19.792V5.208C25 2.332 22.669 0 19.792 0zM8.333 19.792H5.208V8.333h3.125v11.459zM6.771 7.012c-1.006 0-1.823-.822-1.823-1.837 0-1.015.817-1.837 1.823-1.837s1.823.822 1.823 1.837c0 1.015-.816 1.838-1.823 1.838zm14.062 12.78h-3.125v-5.838c0-3.508-4.166-3.243-4.166 0v5.838h-3.125V8.333h3.125v1.839c1.454-2.694 7.291-2.893 7.291 2.579v7.04z"/>
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M22.9125 0.515137H8.75835C4.31545 0.515137 0.835449 3.99514 0.835449 8.43804V22.5922C0.835449 27.0351 4.31545 30.5151 8.75835 30.5151H22.9125C27.3554 30.5151 30.8354 27.0351 30.8354 22.5922V8.43804C30.8354 3.99514 27.3545 0.515137 22.9125 0.515137ZM28.9 22.5922C28.9 25.9503 26.2696 28.5797 22.9125 28.5797H8.75835C5.40126 28.5797 2.77093 25.9493 2.77093 22.5922V8.43804C2.77093 5.08094 5.40126 2.45062 8.75835 2.45062H22.9125C26.2706 2.45062 28.9 5.08094 28.9 8.43804V22.5922Z" fill="white"/>
<path d="M9.81992 5.52344C8.57334 5.52344 7.7583 6.342 7.7583 7.41789C7.7583 8.47002 8.54906 9.31194 9.77208 9.31194H9.79574C11.0667 9.31194 11.8577 8.47002 11.8577 7.41789C11.8339 6.342 11.0667 5.52344 9.81992 5.52344Z" fill="white"/>
<path d="M7.97363 10.8086H11.6179V21.7725H7.97363V10.8086Z" fill="white"/>
<path d="M20.5629 10.5513C18.5969 10.5513 17.2787 12.3986 17.2787 12.3986V10.8086H13.6343V21.7725H17.2784V15.6498C17.2784 15.3221 17.3022 14.9948 17.3985 14.7604C17.6619 14.1059 18.2615 13.4278 19.2683 13.4278C20.5869 13.4278 21.1144 14.4333 21.1144 15.9072V21.7725H24.7583V15.486C24.7583 12.1184 22.9604 10.5513 20.5629 10.5513Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect x="0.835449" y="0.512207" width="30" height="30" fill="white"/>
</clipPath>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 475.37 36.6"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:url(#linear-gradient-10);}</style><linearGradient id="linear-gradient" x1="6.65" y1="18.3" x2="469.63" y2="18.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bf222c"/><stop offset="0.17" stop-color="#bf222c"/><stop offset="0.77" stop-color="#e31f26"/><stop offset="1" stop-color="#e31f26"/></linearGradient><linearGradient id="linear-gradient-10" x1="6.65" y1="25.88" x2="469.63" y2="25.88" xlink:href="#linear-gradient"/></defs><title>Ресурс 2</title><g id="Слой_2" data-name="Слой 2"><g id="Layer_1" data-name="Layer 1"><path class="cls-1" d="M7,21.52V36.6H0V0H38V5.41H7V16.12H35.86v5.4Z"/><path class="cls-1" d="M97.82,36.6H90.27L70.93,6.71,51.26,36.6H43.82L68.36,0h5.08Z"/><path class="cls-1" d="M150.57,31.2v5.4H122.41q-13.15,0-13.16-8.42V8.42Q109.25,0,122.41,0h28.16V5.41H122.41c-4.12,0-6.19,1-6.19,3V28.18c0,2,2.07,3,6.19,3Z"/><path class="cls-1" d="M172.14,20V31.2h31v5.4h-38V0h38V5.41h-31v9.15h29.41V20Z"/><path class="cls-1" d="M217.72,36.6V0H246.4q13.17,0,13.17,7.9v7.28q0,7.91-13.17,7.9H224.7V36.6Zm7-31.19V17.68h21.7c4.13,0,6.19-.84,6.19-2.5V7.9q0-2.49-6.19-2.49Z"/><path class="cls-1" d="M272.65,0h7V31.2h29.94v5.4H272.65Z"/><path class="cls-1" d="M376.13,36.6h-7.55L349.23,6.71,329.57,36.6h-7.45L346.66,0h5.09Z"/><path class="cls-1" d="M378.48,0h45.14V5.41H404.8V36.6h-7V5.41H378.48Z"/><path class="cls-1" d="M444.39,20V31.2h31v5.4h-38V0h38V5.41h-31v9.15H473.8V20Z"/><polygon class="cls-2" points="65.26 30.1 70.81 21.66 76.28 30.1 65.26 30.1"/><polygon class="cls-2" points="343.62 30.1 349.17 21.66 354.63 30.1 343.62 30.1"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="130" height="130" viewBox="0 0 130 130">
<g fill="none" fill-rule="evenodd">
<circle cx="65" cy="65" r="65" fill="#F1F1F1"/>
<circle cx="65" cy="65" r="65" fill="transparent"/>
<path fill="#D61920" fill-rule="nonzero" d="M27.624 95.716c-1.383 1.336-1.937 3.314-1.45 5.174.486 1.86 1.939 3.313 3.799 3.8 1.86.486 3.838-.068 5.173-1.451l.012-.015 6.695-6.694 3.398 5.959c.438.749 1.21 1.24 2.074 1.319.077.007.155.01.231.01.781 0 1.522-.344 2.027-.94L62.693 87.4c.392-.475.609-1.072.611-1.689l.115-10.746L73.714 64.67c.995-1 1.556-2.35 1.56-3.76.002-.6-.103-1.195-.31-1.758-.26-.754-.687-1.438-1.25-2.002-2.077-2.075-5.443-2.075-7.52 0L55.766 67.577l-10.602.115c-.626 0-1.232.22-1.712.62l-5.52 4.682c-.362.308-.532.785-.447 1.252.085.468.413.854.86 1.014.448.16.946.07 1.309-.238l5.523-4.67 7.9-.086-16.89 16.89-6.483-3.715 5.067-4.294c.377-.304.559-.787.477-1.263-.083-.476-.417-.87-.873-1.029-.456-.16-.963-.058-1.323.263l-5.069 4.296c-.66.561-1.006 1.409-.927 2.272.08.863.574 1.633 1.326 2.064l5.852 3.351-6.596 6.605-.014.01zm1.88 5.642c-1.035-1.038-1.035-2.719 0-3.757l.011-.01c1.05-.96 2.669-.923 3.675.082 1.005 1.006 1.042 2.624.084 3.674l-.01.01c-1.05 1.005-2.707 1.006-3.76.001zm31.15-15.667L47.556 101.16l-3.754-6.58 16.93-16.93-.078 8.041zm7.42-26.661c1.04-1.037 2.72-1.037 3.76 0 .283.286.497.634.624 1.017.104.275.157.567.156.862-.003.705-.283 1.38-.78 1.88L36.506 98.113c-.233-.904-.702-1.73-1.36-2.394-.672-.658-1.514-1.119-2.432-1.33l4.627-4.621.01-.01 30.723-30.73z"/>
<path fill="#231F20" fill-rule="nonzero" d="M35.375 34.31v34.499c0 .734.596 1.33 1.33 1.33.735 0 1.33-.596 1.33-1.33v-7.9h6.65v2.78c0 .734.595 1.33 1.33 1.33.734 0 1.33-.596 1.33-1.33v-2.78h6.65v1.463c0 .734.595 1.33 1.33 1.33.734 0 1.33-.596 1.33-1.33v-1.463h1.462c.735 0 1.33-.596 1.33-1.33 0-.735-.595-1.33-1.33-1.33h-1.462v-6.65h6.65v1.676c0 .734.595 1.33 1.33 1.33.734 0 1.33-.596 1.33-1.33v-1.676h6.649v.905c0 .734.595 1.33 1.33 1.33.734 0 1.33-.596 1.33-1.33v-.905h6.65v6.65h-2.767c-.734 0-1.33.595-1.33 1.33 0 .734.596 1.33 1.33 1.33h2.767v6.65h-7.98c-.735 0-1.33.595-1.33 1.33v7.98h-5.24c-.735 0-1.33.595-1.33 1.33 0 .734.595 1.33 1.33 1.33h5.24v5.319h-5.346c-.735 0-1.33.595-1.33 1.33 0 .735.595 1.33 1.33 1.33h30.615c2.938 0 5.32-2.382 5.32-5.32V34.31c0-2.938-2.382-5.32-5.32-5.32h-5.32v-2.66c0-.735-.595-1.33-1.33-1.33-.734 0-1.33.595-1.33 1.33v2.66h-11.97v-2.66c0-.735-.595-1.33-1.33-1.33-.734 0-1.33.595-1.33 1.33v2.66H63.305v-2.66c0-.735-.595-1.33-1.33-1.33-.734 0-1.33.595-1.33 1.33v2.66h-11.97v-2.66c0-.735-.595-1.33-1.33-1.33-.734 0-1.33.595-1.33 1.33v2.66h-5.319c-2.938 0-5.32 2.382-5.32 5.32zm18.62 7.98v6.65h-6.65v-6.65h6.65zm-9.31 6.65h-6.65v-6.65h6.65v6.65zm-6.65 9.309v-6.65h6.65v6.65h-6.65zm15.96 0h-6.65v-6.65h6.65v6.65zm2.66-9.31v-6.65h6.65v6.65h-6.65zm9.31 0v-6.65h6.649v6.65h-6.65zm9.309 0v-6.65h6.65v6.65h-6.65zm15.96-6.65v6.65h-6.65v-6.65h6.65zm9.31 0v6.65h-6.65v-6.65h6.65zm-6.65 27.93h6.65v6.65h-6.65v-6.65zm-2.66 6.65h-6.65v-6.65h6.65v6.65zm9.31-15.96v6.65h-6.65v-6.65h6.65zm-6.65-2.66v-6.65h6.65v6.65h-6.65zm-9.31-6.65h6.65v6.65h-6.65v-6.65zm0 9.31h6.65v6.65h-6.65v-6.65zm-9.31 9.31h6.65v6.65h-6.65v-6.65zm0 14.629v-5.32h6.65v5.32h-6.65zm9.31 0v-5.32h6.65v5.32h-6.65zm13.3 0h-3.99v-5.32h6.65v2.66c0 1.47-1.192 2.66-2.66 2.66zm-53.2-50.538c-.734 0-1.33.595-1.33 1.33 0 .734.596 1.33 1.33 1.33h5.32c.735 0 1.33-.596 1.33-1.33 0-.735-.595-1.33-1.33-1.33h-1.33v-2.66h11.97v2.66h-1.33c-.734 0-1.33.595-1.33 1.33 0 .734.596 1.33 1.33 1.33h5.32c.735 0 1.33-.596 1.33-1.33 0-.735-.595-1.33-1.33-1.33h-1.33v-2.66h11.97v2.66h-1.33c-.735 0-1.33.595-1.33 1.33 0 .734.595 1.33 1.33 1.33h5.32c.734 0 1.33-.596 1.33-1.33 0-.735-.596-1.33-1.33-1.33h-1.33v-2.66h11.97v2.66h-1.33c-.735 0-1.33.595-1.33 1.33 0 .734.595 1.33 1.33 1.33h5.32c.734 0 1.33-.596 1.33-1.33 0-.735-.596-1.33-1.33-1.33h-1.33v-2.66h5.32c1.468 0 2.66 1.19 2.66 2.66v5.32H38.034v-5.32c0-1.47 1.191-2.66 2.66-2.66h5.32v2.66h-1.33z"/>
</g>
......
<svg xmlns="http://www.w3.org/2000/svg" width="130" height="130" viewBox="0 0 130 130">
<g fill="none" fill-rule="evenodd">
<circle cx="65" cy="65" r="65" fill="#F1F1F1"/>
<circle cx="65" cy="65" r="65" fill="transparent"/>
<path fill="#D61920" fill-rule="nonzero" d="M35.328 86.31h11.171l-7.4 14.802c-.414.826-.37 1.807.116 2.593.486.785 1.344 1.264 2.268 1.264h5.016c1.01.005 1.934-.563 2.385-1.466l3.261-6.531h25.009l3.261 6.523c.449.906 1.374 1.478 2.385 1.474h5.016c.926.001 1.787-.478 2.273-1.266.486-.788.529-1.772.112-2.6L82.8 86.31H93.97c2.682.004 4.947-1.989 5.285-4.649.339-2.66-1.355-5.156-3.952-5.824v-38.84c-.004-3.68-2.985-6.66-6.664-6.665H72.646c0-2.944-2.387-5.331-5.33-5.331h-5.332c-2.945 0-5.331 2.387-5.331 5.331H40.659c-3.679.005-6.66 2.986-6.664 6.664v5.332c0 .736.597 1.332 1.333 1.332s1.332-.596 1.332-1.332v-5.332c0-2.208 1.79-3.998 3.999-3.998h15.994c0 2.944 2.386 5.331 5.33 5.331h5.332c2.944 0 5.331-2.387 5.331-5.331H88.64c2.208 0 3.999 1.79 3.999 3.998v38.652H61.984v-3.999c0-2.208-1.79-3.998-3.999-3.998H47.323c-2.208 0-3.999 1.79-3.999 3.998v3.999H36.66V48.99c0-.736-.596-1.333-1.332-1.333-.736 0-1.333.597-1.333 1.333v26.845c-2.597.668-4.29 3.165-3.952 5.824.338 2.66 2.603 4.653 5.285 4.65zM69.98 32.996c0 1.472-1.194 2.666-2.666 2.666h-5.331c-1.472 0-2.666-1.194-2.666-2.666V30.33c0-1.472 1.194-2.665 2.666-2.665h5.331c1.472 0 2.666 1.193 2.666 2.665v2.666zm-23.482 69.306h-5.016l7.996-15.994h5.017L46.5 102.303zm6.979-7.997l3.998-7.997h14.347l3.998 7.997H53.478zm34.338 7.997H82.8L74.803 86.31h5.017l7.996 15.994zM45.99 71.648c0-.736.597-1.332 1.333-1.332h10.662c.737 0 1.333.596 1.333 1.332v3.999H45.99v-3.999zm-10.662 6.665H93.97c1.473 0 2.666 1.193 2.666 2.665s-1.193 2.666-2.666 2.666H35.328c-1.473 0-2.666-1.194-2.666-2.666s1.193-2.665 2.666-2.665z"/>
<path fill="#231F20" fill-rule="nonzero" d="M72.646 63.652v-6.664c0-.737-.596-1.333-1.332-1.333-.737 0-1.333.596-1.333 1.333v6.664c0 .736.596 1.332 1.333 1.332.736 0 1.332-.596 1.332-1.332z"/>
<path fill="#D61920" fill-rule="nonzero" d="M77.978 63.652V51.656c0-.736-.597-1.333-1.333-1.333s-1.333.597-1.333 1.333v11.996c0 .736.597 1.332 1.333 1.332s1.333-.596 1.333-1.332z"/>
......
<svg xmlns="http://www.w3.org/2000/svg" width="130" height="130" viewBox="0 0 130 130">
<g fill="none" fill-rule="evenodd">
<circle cx="65" cy="65" r="65" fill="#F1F1F1"/>
<circle cx="65" cy="65" r="65" fill="transparent"/>
<path fill="#231F20" fill-rule="nonzero" d="M65.46 70.72c-7.9 5.36-18.492 4.354-25.242-2.395-6.75-6.75-7.756-17.341-2.398-25.241.267-.392.305-.896.1-1.324-.207-.427-.625-.712-1.097-.747-.473-.036-.929.184-1.196.576-6.078 8.953-4.94 20.961 2.712 28.613 7.651 7.652 19.66 8.79 28.613 2.713.606-.412.763-1.237.35-1.843-.411-.606-1.236-.763-1.842-.351zM70.22 38.312c-7.653-7.653-19.665-8.787-28.615-2.701-.392.267-.612.723-.577 1.196.035.473.32.892.747 1.098.428.206.933.169 1.325-.098 7.9-5.357 18.49-4.35 25.239 2.399 6.749 6.749 7.755 17.34 2.398 25.239-.412.606-.255 1.432.351 1.844.607.412 1.432.255 1.844-.352 6.075-8.958 4.938-20.967-2.711-28.625z"/>
<path fill="#D61920" fill-rule="nonzero" d="M87.646 77.253c-.743-.758-1.76-1.184-2.822-1.18-.591.002-1.174.138-1.705.397l-5.173-5.174c8.9-12.367 6.805-29.497-4.813-39.356-11.62-9.858-28.862-9.134-39.615 1.662-10.752 10.796-11.406 28.042-1.501 39.62 9.905 11.58 27.044 13.605 39.375 4.654l5.16 5.158c-.73 1.518-.425 3.33.76 4.525l2.322 2.322c.52.503 1.348.495 1.86-.016.512-.512.519-1.34.016-1.86l-2.321-2.322c-.25-.248-.39-.586-.39-.938s.14-.69.39-.939l4.702-4.69c.244-.251.579-.395.929-.397.354 0 .693.143.94.398l15.945 15.945c.249.25.389.587.389.939s-.14.69-.39.939l-4.697 4.682c-.52.513-1.357.513-1.878 0l-9.644-9.644c-.52-.503-1.348-.495-1.86.016-.512.512-.519 1.34-.016 1.86l9.65 9.65c.75.746 1.763 1.163 2.82 1.163 1.053.003 2.063-.414 2.808-1.158l4.703-4.69c1.542-1.557 1.542-4.066 0-5.623L87.646 77.253zM27.747 54.256c0-14.653 11.879-26.532 26.532-26.532s26.532 11.88 26.532 26.532c0 14.654-11.879 26.532-26.532 26.532-14.646-.017-26.515-11.885-26.532-26.532zm48.54 19.135l4.776 4.783-2.818 2.81-4.775-4.776c1.002-.874 1.943-1.815 2.817-2.817z"/>
<path fill="#231F20" fill-rule="nonzero" d="M47.646 60.89c0-.733-.594-1.327-1.327-1.327-.732 0-1.326.594-1.326 1.326 0 4.003 3.466 7.314 7.96 7.87v1.417c0 .732.593 1.326 1.326 1.326.733 0 1.327-.594 1.327-1.326v-1.417c4.493-.556 7.96-3.867 7.96-7.87 0-4.002-3.467-7.313-7.96-7.869V42.424c3.023.494 5.306 2.636 5.306 5.2 0 .732.594 1.326 1.327 1.326.732 0 1.326-.594 1.326-1.327 0-4.002-3.466-7.313-7.96-7.869v-1.417c0-.732-.593-1.326-1.326-1.326-.733 0-1.327.594-1.327 1.326v1.417c-4.493.556-7.96 3.867-7.96 7.87 0 4.002 3.467 7.313 7.96 7.869v10.595c-3.023-.493-5.306-2.636-5.306-5.199zm13.266 0c0 2.562-2.283 4.705-5.306 5.198V55.69c3.023.494 5.306 2.636 5.306 5.2zM47.646 47.622c0-2.563 2.283-4.705 5.306-5.199v10.398c-3.023-.493-5.306-2.636-5.306-5.199z"/>
......
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="21" viewBox="0 0 25 21">
<path fill="#FFF" fill-rule="evenodd" d="M25 2.486c-.919.422-1.908.707-2.945.834 1.06-.655 1.872-1.694 2.255-2.932-.992.607-2.088 1.048-3.259 1.285C20.118.643 18.784 0 17.308 0c-2.83 0-5.127 2.374-5.127 5.301 0 .416.044.82.132 1.208C8.05 6.287 4.272 4.179 1.74.968c-.441.785-.694 1.697-.694 2.668 0 1.838.906 3.461 2.282 4.412-.84-.026-1.632-.267-2.324-.661v.065c0 2.57 1.768 4.713 4.116 5.198-.43.124-.884.187-1.352.187-.33 0-.653-.032-.965-.094.653 2.105 2.546 3.638 4.79 3.68-1.754 1.422-3.967 2.27-6.37 2.27-.413 0-.822-.024-1.223-.073C2.27 20.122 4.967 21 7.862 21c9.436 0 14.594-8.077 14.594-15.083 0-.23-.005-.461-.014-.687 1.003-.748 1.873-1.68 2.558-2.744"/>
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.8305 0.401855H8.67632C4.23342 0.401855 0.753418 3.88186 0.753418 8.32476V22.479C0.753418 26.9219 4.23342 30.4019 8.67632 30.4019H22.8305C27.2734 30.4019 30.7534 26.9219 30.7534 22.479V8.32476C30.7534 3.88186 27.2724 0.401855 22.8305 0.401855ZM28.8179 22.479C28.8179 25.837 26.1876 28.4664 22.8305 28.4664H8.67632C5.31922 28.4664 2.6889 25.836 2.6889 22.479V8.32476C2.6889 4.96766 5.31922 2.33734 8.67632 2.33734H22.8305C26.1886 2.33734 28.8179 4.96766 28.8179 8.32476V22.479Z" fill="white"/>
<path d="M25.1876 8.06146C24.877 7.83404 24.4609 7.81468 24.1289 8.00823C23.798 8.20275 23.0644 8.29855 22.476 8.37597C22.3541 8.39243 22.2341 8.40791 22.118 8.42436C21.2944 7.74114 20.2425 7.35791 19.1576 7.35791C16.7141 7.35791 14.7089 9.24888 14.5667 11.6276C12.3505 11.254 10.3212 10.0986 8.88313 8.36243C8.66926 8.10307 8.33732 7.9763 8.00248 8.01985C7.66958 8.0663 7.38506 8.2821 7.25055 8.58985C7.18861 8.73114 6.64861 10.0598 6.64861 13.3463C6.64861 16.1924 8.89474 18.2837 10.4354 19.384C9.38152 19.8631 8.167 20.0392 7.01345 19.9115C6.56248 19.8631 6.14055 20.1282 5.99152 20.5531C5.84248 20.9789 6.007 21.4511 6.38829 21.6921C8.20764 22.8398 10.3105 23.4466 12.4705 23.4466C19.4073 23.4466 23.6054 17.9973 23.7612 12.6244C23.9605 12.335 24.3409 11.7718 24.9834 10.7837C25.2409 10.386 25.4567 9.52855 25.5622 9.05339C25.6464 8.67791 25.4983 8.28791 25.1876 8.06146ZM22.0154 11.7447C21.8964 11.9092 21.8315 12.1086 21.8315 12.3118C21.8315 16.1315 18.9273 21.5111 12.4715 21.5111C11.888 21.5111 11.3093 21.4579 10.7422 21.3534C11.4989 21.0669 12.2141 20.6673 12.8712 20.1611C13.1344 19.9589 13.2747 19.6337 13.2438 19.3037C13.2128 18.9737 13.0144 18.6815 12.7173 18.5315C12.6757 18.5102 8.58506 16.3589 8.58506 13.3473C8.58506 12.3379 8.63926 11.5444 8.71087 10.9405C10.6105 12.576 13.028 13.5544 15.5722 13.6802C15.5915 13.6811 15.6118 13.6821 15.6302 13.6811C16.1934 13.6647 16.6076 13.2515 16.6076 12.7134C16.6076 12.5798 16.5805 12.4531 16.5312 12.3369C16.507 12.1918 16.4944 12.0457 16.4944 11.8995C16.4944 10.4624 17.6886 9.29339 19.1576 9.29339C19.8951 9.29339 20.6044 9.59533 21.1047 10.1208C21.3331 10.3589 21.667 10.4663 21.9893 10.4034C22.2089 10.3618 22.4625 10.3289 22.7286 10.294C22.8235 10.2815 22.9193 10.2689 23.017 10.2553C22.2902 11.3624 22.028 11.7273 22.0154 11.7447Z" fill="white"/>
</svg>
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5805 0.401855H8.42632C3.98342 0.401855 0.503418 3.88186 0.503418 8.32476V22.479C0.503418 26.9219 3.98342 30.4019 8.42632 30.4019H22.5805C27.0234 30.4019 30.5034 26.9219 30.5034 22.479V8.32476C30.5034 3.88186 27.0224 0.401855 22.5805 0.401855ZM28.5679 22.479C28.5679 25.837 25.9376 28.4664 22.5805 28.4664H8.42632C5.06922 28.4664 2.4389 25.836 2.4389 22.479V8.32476C2.4389 4.96766 5.06922 2.33734 8.42632 2.33734H22.5805C25.9386 2.33734 28.5679 4.96766 28.5679 8.32476V22.479Z" fill="white"/>
<g clip-path="url(#clip0)">
<path d="M21.126 9.21069C19.6229 7.71326 17.6234 6.88806 15.4954 6.88721C13.3721 6.88721 11.3694 7.71167 9.85645 9.20874C8.34082 10.7084 7.50537 12.7013 7.50342 14.8131V14.8156V14.817C7.50366 16.0952 7.83948 17.3846 8.47693 18.5616L7.52527 22.8872L11.9006 21.892C13.0088 22.4504 14.2452 22.7449 15.4923 22.7454H15.4955C17.6184 22.7454 19.6211 21.9208 21.1343 20.4236C22.6512 18.9227 23.4871 16.9324 23.488 14.8192C23.4886 12.7209 22.6499 10.7291 21.126 9.21069ZM15.4954 21.4966H15.4926C14.3728 21.4961 13.2633 21.215 12.2842 20.6833L12.0773 20.571L9.16785 21.2328L9.7998 18.3607L9.67798 18.1506C9.07227 17.1061 8.7522 15.953 8.7522 14.8157C8.75452 11.1344 11.7792 8.13599 15.4951 8.13599C17.2903 8.13672 18.9771 8.83264 20.2446 10.0953C21.5314 11.3776 22.2397 13.0551 22.2391 14.8188C22.2377 18.501 19.2124 21.4966 15.4954 21.4966Z" fill="white"/>
<path d="M13.3209 11.3203H12.9706C12.8486 11.3203 12.6506 11.366 12.4832 11.5482C12.3156 11.7306 11.8433 12.1714 11.8433 13.0679C11.8433 13.9644 12.4984 14.8306 12.5897 14.9523C12.6812 15.0739 13.8544 16.9723 15.7125 17.7026C17.2568 18.3096 17.5712 18.1888 17.9062 18.1584C18.2415 18.1282 18.9879 17.7178 19.1403 17.2924C19.2926 16.8669 19.2926 16.5022 19.2469 16.426C19.2012 16.3501 19.0792 16.3046 18.8965 16.2135C18.7136 16.1223 17.8176 15.6741 17.65 15.6132C17.4824 15.5525 17.3606 15.5221 17.2386 15.7046C17.1167 15.8867 16.7577 16.3081 16.651 16.4297C16.5444 16.5514 16.4377 16.5666 16.2549 16.4755C16.072 16.384 15.4893 16.1882 14.7909 15.5676C14.2473 15.0846 13.8701 14.4686 13.7634 14.2863C13.6569 14.104 13.7521 14.0054 13.8437 13.9144C13.9259 13.8329 14.0369 13.7213 14.1283 13.615C14.2196 13.5085 14.2456 13.4326 14.3066 13.311C14.3676 13.1895 14.337 13.083 14.2914 12.9919C14.2456 12.9008 13.8948 11.9998 13.7322 11.6394H13.7323C13.5953 11.3359 13.4512 11.3257 13.3209 11.3203Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect x="7.50342" y="6.88721" width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.71191 8.62402V22.1796L21.7119 15.2907L9.71191 8.62402ZM11.7064 12.0136L17.6565 15.3192L11.7064 18.735V12.0136Z" fill="white"/>
<path d="M22.0771 0.515137H7.9229C3.48 0.515137 0 3.99514 0 8.43804V22.5922C0 27.0351 3.48 30.5151 7.9229 30.5151H22.0771C26.52 30.5151 30 27.0351 30 22.5922V8.43804C30 3.99514 26.519 0.515137 22.0771 0.515137ZM28.0645 22.5922C28.0645 25.9503 25.4342 28.5797 22.0771 28.5797H7.9229C4.56581 28.5797 1.93548 25.9493 1.93548 22.5922V8.43804C1.93548 5.08094 4.56581 2.45062 7.9229 2.45062H22.0771C25.4352 2.45062 28.0645 5.08094 28.0645 8.43804V22.5922Z" fill="white"/>
</svg>
// const AmoCRM = require( 'amocrm-js');
// import * as AmoCRM from 'amocrm-js'
let nav_hum = document.querySelector('.ham');
let main_nav = document.querySelector('#main-nav');
function active(){
nav_hum.classList.toggle('active');
console.log(main_nav);
if(nav_hum.classList.contains('active')){
main_nav.style.top = "100px";
}else {
main_nav.style.top = "-100vh";
}
main_nav.classList.toggle('active');
}
let navHeight = document.querySelector('#header').scrollHeight;
const anchors = document.querySelectorAll('#main-nav a[href*="#"]');
......@@ -18,6 +11,7 @@ const yOffset = -navHeight + 30;
for (let anchor of anchors) {
anchor.addEventListener('click', function (e) {
e.preventDefault();
active();
anchor.classList.add('active');
const blockID = anchor.getAttribute('href').substr(1);
const yourElement = document.getElementById(blockID);
......@@ -40,81 +34,89 @@ if (hash){
});
}
// document.querySelector('.feedback-form').addEventListener('submit', function (event) {
// event.preventDefault();
// console.log(event.target['f-name'].value);
// console.log(event.target['s-name'].value);
// });
function feedbackForm(event) {
event.preventDefault();
const XML = new XMLHttpRequest();
let f_name = event.target['f_name'].value;
let s_name = event.target['s_name'].value;
let email = event.target['email'].value;
let company = event.target['company'].value;
let position = event.target['position'].value;
let activity = event.target['activity'].value;
let country = event.target['country'].value;
let phone = event.target['phone'].value;
let add = {
add: [{
first_name: f_name,
last_name: s_name,
responsible_user_id: "5902057",
emails: email,
phones: phone,
custom_fields: [{
id: "116691", // должность
values: position
},
{
id: "149251", // Компания
values: company
},
{
id: "149253", // Сфера деятельности
values: activity
},
{
id: "149255", // Страна
values: country
}
]
}]
};
let auth = {
client_id: "df3fe4e8-ecf4-47eb-885d-7c537cc73c3a",
client_secret: "X2FlbYoN2VwcsBXsyz2HMNVDGjhsDGbCTSQkE7TphWdVlKAH5yRunPc5IqRhuvhq",
grant_type: "refresh_token",
refresh_token: "def50200c659f991bbf2e7768fbcd10a92f78ce2b2b27252c17c4b151dd2657192e6eda3e7bf5f42dbf09875ee2df2994791f67f72bf1ff5a4c150bd8e53d7a8e2a837aaff02cc5739dedbad4d05f27df69028fc6eff80bd22c2a4d7d0121b385b7dba75c12edfefc76b7b0992d8f7e16ef878c9b924358a6f4b7449a83cee8a85c6d033355257de115369e96eea415c927f0f84d8f6514dd69cc6353e5b8f9b269bd994e2257c8364736f6515f6ee88a4af34400b9083a8cf95220a4fb69035abbe492d0f78b6c0cf9e24383a02cd59bf47654c424daf53c8bb37c1c392843ed6b90b6f3a44ac7bcc7733144ec75ffe244bbc2ba1d5794041e60eb48e4361bf76ea8def48afe8b6ed5cfc8de9bde6c2d4f0781e7b3c8b44cfcefff4e83cbe31cfcc90d0dc76c57d845f94b645dab02e8ec364e76fc2d90af659a36b2639bf30fa1d65d583022391071858ffe8fbc54b7d486014bf34eb00331a34fb8a39f3bbd4d68d91448b7a1c262607f7b0d4ee8fbed7addadc11923fa7fdafcb8c69b86569289cacb123520480009de7eb60a69c67956336ff5c83ce3788d8a523853d98be653cbf64279a3560a1ebe055d169e9839fa192",
redirect_uri: "https://faceplateio.amocrm.ru/"
};
let headers = {
'Content-type' : 'application/json',
// "User-Agent": "amoCRM-API-client/1.0",
'Access-Control-Allow-Origin': '*',
};
axios.post('https://faceplateio.amocrm.ru/oauth2/access_token',
auth, {headers} )
.then((response) => {
console.log(response);
}, (error) => {
console.log(error);
const langs = document.querySelectorAll('.main-lang a[href*="#"]');
for (let lang of langs){
lang.addEventListener('click', function () {
localStorage['lang'] = this.text;
if (this.text==='rus'){
window.location.replace("/");
}else {
window.location.replace("/"+this.text);
}
})
}
const navText = document.querySelectorAll('#main-nav a');
const engText = ['Video', 'Faceplate in numbers', 'Manufacturing challenges', 'Faceplate solutions', 'Faceplate advantages', 'For whom', 'How it works', 'Contact'];
const qazText = ['Vıdeo', 'Faceplate sandarmen', 'Óndiris máseleleri', 'Faceplate sheshimderi', 'Faceplate artyqshylyǵy', 'Kim úshin arnalǵan', 'Qalaı jumys isteıdi', 'Baılanys málimetteri'];
const engBlocks = document.querySelectorAll('.eng');
const rusBlocks = document.querySelectorAll('.rus');
const qazBlocks = document.querySelectorAll('.qaz');
if (localStorage['lang'] === 'eng'){
changeLang(engBlocks);
translate(engText);
}else if (localStorage['lang'] === 'qaz'){
changeLang(qazBlocks);
translate(qazText);
}else {
changeLang(rusBlocks);
}
function changeLang(values) {
for (let value of values){
value.style = 'display:block';
}
}
function translate(array){
for (let i=0; i<array.length; i++){
navText[i].innerHTML = array[i];
}
}
let numbers = document.querySelectorAll('.statistic-block span');
let numberTop = document.querySelector('.statistic-block span').getBoundingClientRect().top;
for (let number of numbers){
let start = +number.innerHTML,
end = +number.dataset.max;
window.addEventListener('scroll', function onScroll() {
if(window.pageYOffset > numberTop - window.innerHeight / 2 || window.pageYOffset < numberTop - window.innerHeight / 2) {
this.removeEventListener('scroll', onScroll);
let interval = setInterval(function() {
number.innerHTML = ++start;
if(start === end) {
number.innerHTML = end+'%';
clearInterval(interval);
}
}, 10);
}
});
// XML.open("POST", `https://faceplateio.amocrm.ru/oauth2/access_token`, true);
// XML.setRequestHeader('Content-type', 'application/json; charset=utf-8');
//
// // XML.open("POST", `https://faceplateio.amocrm.ru/api/v2/contacts/${add}`, true);
// XML.send(auth);
// XML.onload = function (){
// console.log(XML.response);
// alert( XML.responseText);
// };
}
function showModal(){
document.body.style = "overflow:hidden";
document.querySelector('.feedback-form').classList.toggle('active');
document.querySelector('.feedback-form iframe').setAttribute('scrolling', 'auto');
}
function closeModal(value){
document.body.style = "overflow:inherit";
document.querySelector(value).classList.toggle('active');
}
document.querySelector('.main--btn').addEventListener('click', showModal);
document.querySelector('.feedback-expert').addEventListener('click', showModal);
document.querySelector('.benefits-demo--btn').addEventListener('click', showModal);
document.querySelector('.footer-btn--'+localStorage['lang']).addEventListener('click',function () {
document.body.style = "overflow:hidden";
document.querySelector('.private-police').classList.toggle('active')
} );
<!doctype html>
<html lang="en">
<head>
<title>{{meta_title}}</title>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}" />
<link rel="stylesheet" type="text/css" href="{{asset "css/main.css"}}" />
<link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}"/>
<link rel="stylesheet" type="text/css" href="{{asset "css/main.css"}}"/>
<link rel="stylesheet" type="text/css" href="{{asset "css/media.css"}}"/>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
{{ghost_head}}
</head>
<body class="{{body_class}}">