File: //var/www/quadcode/public/html/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome | quadcode</title>
<link rel="stylesheet" href="/media/styles/styles.min.css">
<script src="/media/js/app.js"></script>
</head>
<body class="app">
<input type="checkbox" id="menu-switcher">
<div class="app-inner">
<header class="app-header">
<div class="container">
<div class="app-header__inner">
<div class="app-header__logo">
<a class="app-header__logo-link" href="index.html">
<div class="brand-logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.68 59.73" class="brand-logo__icon">
<path fill="currentColor" d="M19.06 5.51a.33.33 0 0 0-.13.5l.89 1.17 9 11.93.17.23 2.01 2.66 5.28 7 .53.66a.33.33 0 0 0 .37.1l.91-.38.53-.23.69-.3.28-.13 2.06-.9.18-.08h.08l.74-.32 1.76-.78 5.78-2.53a2.27 2.27 0 0 0 .77-.52v-.06a1.72 1.72 0 0 0 .38-.63 1.5 1.5 0 0 0 0-.73 1.43 1.43 0 0 0-.09-.27.69.69 0 0 0 0-.1 1.94 1.94 0 0 0-.2-.33l-6.34-8-.51-.65a.31.31 0 0 0-.37-.09l-1.74.74-.19.08-3.75 1.45a.33.33 0 0 0-.13.5c.15.22.34.47.39.53l.44.58 3 3.85v.07a.85.85 0 0 1 .13.22 1.21 1.21 0 0 1 0 .18 1.09 1.09 0 0 1 0 .18.62.62 0 0 1 0 .23.8.8 0 0 1-.08.16l-.05.06-.06.07-.09.07-.06.06a1.73 1.73 0 0 1-.27.15 1.53 1.53 0 0 1-.53.13 1.56 1.56 0 0 1-.53 0 1.37 1.37 0 0 1-.49-.18 1.14 1.14 0 0 1-.37-.32l-.68-.88-.62-.8-3.15-4.15-3.38-4.4-2.62-3.31-.1-.17a1.09 1.09 0 0 1-.05-.17.67.67 0 0 1 0-.37.89.89 0 0 1 .23-.35 1.33 1.33 0 0 1 .41-.27 2 2 0 0 1 .51-.21 2.33 2.33 0 0 1 .53 0 1.75 1.75 0 0 1 .47.17 1.21 1.21 0 0 1 .36.31l.19.24 3.4 4.4.72.92.48.64a.31.31 0 0 0 .38.1l5.77-2.46a.32.32 0 0 0 .13-.5l-7.36-9.34a2.18 2.18 0 0 0-.67-.56 3.1 3.1 0 0 0-.87-.31 3.23 3.23 0 0 0-1.94.18zM53.67 23.14v.35a.25.25 0 0 0 0 .07 1.41 1.41 0 0 1-.06.22v.06l-.05.12a2.4 2.4 0 0 1-.11.23.6.6 0 0 1-.06.11 1.92 1.92 0 0 1-.17.26v.06l-.23.27a3.88 3.88 0 0 1-.49.4l-.12.09a5.22 5.22 0 0 1-.62.34l-.27.11-.42.18-6.56 2.89-1.76.77-.73.32h-.08l-.18.08-.66.29-1.67.73-.69.3-.62.28-1.64.72a.32.32 0 0 1-.38-.1l-1.19-1.58-5.91-7.59-.17-.22-8.97-11.9-.68-.91-2.06-2.76-.47-.64a.31.31 0 0 0-.38-.1l-12.94 5.41a2.42 2.42 0 0 0-.39.21l-.1.06-.26.2h-.05a2.09 2.09 0 0 0-.24.28.16.16 0 0 0 0 .07 1.23 1.23 0 0 0-.14.25 1.11 1.11 0 0 0-.08.3 1.54 1.54 0 0 0 .29 1.1l1.28 1.77 8.2 11.34.15.21 1.23 1.7 4.5 6.23a2.28 2.28 0 0 0 .69.62 3.19 3.19 0 0 0 .92.35 3.55 3.55 0 0 0 1 .06 3 3 0 0 0 1-.26l.53-.23 1-.46 1.59-.69 3.47-1.52a.31.31 0 0 1 .38.11l.92 1.25a.33.33 0 0 1-.13.5l-4.62 2-.29.13-2.32 1-.27.12a5.35 5.35 0 0 1-1.65.42 5.47 5.47 0 0 1-1.67-.1 4.7 4.7 0 0 1-1.49-.57 3.62 3.62 0 0 1-1.12-1l-3.6-5-.16-.21-1.22-1.71-6.9-9.61-1.58-1.92-1.73-2.54a3.21 3.21 0 0 1-.19-.31l-.05-.1-.09-.21a.56.56 0 0 1 0-.12l-.14-.2v-.14a.75.75 0 0 1 0-.11v19.24a2 2 0 0 0 .09.33c0 .11.09.22.14.33a2.7 2.7 0 0 0 .2.31l15.78 22.57a3.79 3.79 0 0 0 1.07 1 4.65 4.65 0 0 0 1.44.56 5 5 0 0 0 1.6.1 4.87 4.87 0 0 0 1.58-.42l29.8-13.48a3.9 3.9 0 0 0 .82-.5 3.24 3.24 0 0 0 .61-.62 3.32 3.32 0 0 0 .39-.71 2.4 2.4 0 0 0 .16-.77v-20.07zm-29.35 5.78a.72.72 0 0 1-.12.23v.05l-.08.1-.08.06-.07.06a1.47 1.47 0 0 1-.28.16 1.66 1.66 0 0 1-.54.14 2.42 2.42 0 0 1-.54 0 1.61 1.61 0 0 1-.49-.19 1.14 1.14 0 0 1-.37-.32l-1.85-2.42-.41-.56-2-2.72-1.75-2.38-4.27-5.8a.75.75 0 0 1-.1-.17.61.61 0 0 1 0-.18.71.71 0 0 1 0-.38 1 1 0 0 1 .24-.36 1.43 1.43 0 0 1 .43-.27 2 2 0 0 1 .53-.13 1.87 1.87 0 0 1 .53 0 1.48 1.48 0 0 1 .47.18 1.19 1.19 0 0 1 .36.31l1.7 2.3 1.75 2.37 2 2.72.67.91 2.29 3.09 1.82 2.45a1 1 0 0 1 .17.41.75.75 0 0 1 0 .15.76.76 0 0 1-.01.19z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 175.21 38.9" class="brand-logo__text">
<path fill="currentColor" d="M165.11 5.05a5.05 5.05 0 1 1 5 5.05 5 5 0 0 1-5-5.05zm.79 0a4.25 4.25 0 1 0 8.5 0 4.25 4.25 0 0 0-8.5 0zm4.12.62h-1v2.33h-.86v-5.83h2.36a1.79 1.79 0 0 1 1.93 1.76 1.69 1.69 0 0 1-1.45 1.71l1.57 2.36h-1zm-1-2.79v2.05h1.5a1 1 0 0 0 1-1 1 1 0 0 0-1-1.05zM11.89 32.87a28.5 28.5 0 0 1-5.7.67h-1.19a5 5 0 0 1-3.65-1.37 5 5 0 0 1-1.35-3.65v-7.7a5.32 5.32 0 0 1 1.42-3.94 5.36 5.36 0 0 1 3.94-1.42h12.39v23.44h-5.86zm-4.02-3.87a23.71 23.71 0 0 0 4-.33v-8.67h-4.67a1.19 1.19 0 0 0-1.34 1.34v6.53a1.13 1.13 0 0 0 1.14 1.13zM29.3 28.69a14.39 14.39 0 0 0 4-.67v-12.56h5.86v18.08h-5.1l-.41-2a12.34 12.34 0 0 1-3.23 1.53 10.43 10.43 0 0 1-2.8.48h-1.5a4.73 4.73 0 0 1-5-5v-13.09h5.88v12.05a1.16 1.16 0 0 0 1.17 1.18zM43.36 16.12a101.69 101.69 0 0 1 11-.67 4.71 4.71 0 0 1 5 5v13.09h-5.05l-.4-2a12.25 12.25 0 0 1-3.24 1.53 10.31 10.31 0 0 1-2.79.48h-1.17a4.71 4.71 0 0 1-5-5v-1.55a4.18 4.18 0 0 1 1.37-3.32 4.91 4.91 0 0 1 3.65-1.38h6.86v-1.3a1.14 1.14 0 0 0-1.19-1.2c-1.45 0-3 .07-4.81.2s-3.16.24-4.23.3zm6.19 12.73a14 14 0 0 0 4-.67v-1.68h-4.83a1.14 1.14 0 0 0-.84.33 1.18 1.18 0 0 0-.34.84 1.15 1.15 0 0 0 1.18 1.17zM75.06 33.54l-.4-2a12 12 0 0 1-3.23 1.53 10.31 10.31 0 0 1-2.79.48h-1.51a4.71 4.71 0 0 1-5-5v-7.7a5.32 5.32 0 0 1 1.42-3.94 5.36 5.36 0 0 1 3.94-1.42h6.86v-5.72h5.86v23.77zm-4.75-4.85a14.46 14.46 0 0 0 4-.67v-8.02h-5a1.18 1.18 0 0 0-1.31 1.32v6.19a1.15 1.15 0 0 0 1.17 1.18zM99.27 32.87a104.22 104.22 0 0 1-11 .67 4.73 4.73 0 0 1-5-5v-7.7a5.32 5.32 0 0 1 1.43-3.94 5.33 5.33 0 0 1 3.93-1.42h10.64v4.52h-8.87a1.19 1.19 0 0 0-1.34 1.34v6.53a1.14 1.14 0 0 0 1.17 1.13c2 0 5-.17 9-.5zM120 28.18a4.92 4.92 0 0 1-5.35 5.36h-7.65a4.92 4.92 0 0 1-5.35-5.36v-7.37a5.32 5.32 0 0 1 1.35-3.94 5.31 5.31 0 0 1 4-1.42h7.71a5.31 5.31 0 0 1 3.93 1.42 5.32 5.32 0 0 1 1.36 3.94zm-5.86-6.87a1.18 1.18 0 0 0-1.31-1.31h-4a1.18 1.18 0 0 0-1.34 1.34v6.37a1.18 1.18 0 0 0 1.33 1.29h4a1.18 1.18 0 0 0 1.34-1.34zM135.67 33.54l-.4-2a12.34 12.34 0 0 1-3.27 1.52 10.43 10.43 0 0 1-2.8.48h-1.51a4.71 4.71 0 0 1-5-5v-7.7a5.32 5.32 0 0 1 1.42-3.94 5.36 5.36 0 0 1 3.94-1.42h6.86v-5.71h5.86v23.77zm-4.76-4.85a14.4 14.4 0 0 0 4-.67v-8.02h-5a1.19 1.19 0 0 0-1.34 1.34v6.19a1.16 1.16 0 0 0 1.17 1.18zM160.55 32.87a113.73 113.73 0 0 1-11.72.67 4.73 4.73 0 0 1-5-5v-7.73a5.32 5.32 0 0 1 1.43-3.94 5.31 5.31 0 0 1 3.93-1.42h6.7a5.31 5.31 0 0 1 3.93 1.42 5.32 5.32 0 0 1 1.43 3.94v5.87h-11.59v1.32a1.14 1.14 0 0 0 .34.83 1.11 1.11 0 0 0 .84.34c2.21 0 5.44-.17 9.71-.5zm-9.55-13.24a1.19 1.19 0 0 0-1.34 1.37v1.85h5.7v-1.85a1.19 1.19 0 0 0-1.36-1.37z"></path>
</svg>
</div>
</a>
</div>
<div class="app-header__menu">
<label class="app-header__menu-trigger hide-on-desktop" for="menu-switcher">
<svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-bars fa-w-14 fa-3x"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" ></path></svg>
</label>
<div class="app-header__nav-wrap">
<div class="app-header__nav-post-wrap">
<label class="app-header__menu-trigger for-close hide-on-desktop action-marker"
for="menu-switcher">
<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="times" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"
class="svg-inline--fa fa-times fa-w-10 fa-3x">
<path fill="currentColor"
d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"
class=""></path>
</svg>
</label>
<nav class="app-header__nav">
<a href="solution.html" class="app-header__nav-link">Solution</a>
<a href="technologies.html" class="app-header__nav-link">Technology</a>
<a href="careers.html" class="app-header__nav-link">Careers</a>
<a href="company.html" class="app-header__nav-link">Company</a>
</nav>
<div class="app-lang">
<div class="app-lang__current">
<div class="app-lang__arrow">
<svg width="1.4rem" height=".8rem" viewbox="0 0 14 8" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg">
<path d="M0 3.04756e-14L6 6L12 2.43526e-14" transform="translate(1 1)"
fill="none" fill-rule="evenodd" stroke="currentColor"
stroke-width="2"/>
</svg>
</div>
<span>English</span>
</div>
<div class="app-lang__listing">
<a href="#Russian" class="app-lang__locale">Russian</a>
<a href="#English" class="app-lang__locale">English</a>
<a href="#Deutsch" class="app-lang__locale">Deutsch</a>
<a href="#Español" class="app-lang__locale">Español</a>
<a href="#Français" class="app-lang__locale">Français</a>
<a href="#Italiano" class="app-lang__locale">Italiano</a>
<a href="#Português" class="app-lang__locale">Português</a>
<a href="#中文" class="app-lang__locale">中文</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main class="app-content">
<section class="welcome hero-block has-overlap" style="--welcome-bg: url(/files/index.jpeg)">
<div class="welcome__video-wrap">
<video preload="auto" autoplay muted loop playsinline>
<source src="/files/who_we_are.mp4" type="video/mp4">
</video>
</div>
<div class="container">
<div class="welcome__inner">
<header class="welcome__header fw-600">
<h1>Launch the brokerage business in just a few clicks </h1>
</header>
<p class="welcome__text">Let us introduce you to the turnkey brokerage solution by Quadcode. It’s a high-end trading platform with optional access to our deep liquidity pools, plus an excellent management system. Comprehensive brokerage solutions, designed with you in mind. </p>
<a class="like-btn js-modal" data-modal="contact">Try Quadcode Brokerage</a>
</div>
<div class="welcome__call-to-scroll">
<a href="#" class="btn-arrow btn-arrow--bottom js-scroll-trigger">
<div class="btn-arrow__arrow">
<span></span>
</div>
</a>
</div>
</div>
</section>
<!-- TODO Здесь контент идет поверх остального, поэтому пока в стайл -->
<section class="app-section brokerage is-rounded" style="position: relative; z-index: 2; margin-top: -20px;">
<div id="features" class="app-section__anchor"></div>
<div class="container">
<div class="app-section__inner">
<header class="app-section__header" data-animation="fadeinbottom">
<h1>Why Quadcode Brokerage?</h1>
</header>
<div class="features">
<div class="features__item" data-animation="fadeinleft" style="--anim-delay: 0.2s;">
<div class="features__icon" >
<svg width="72px" height="73px" viewbox="0 0 72 73" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<g id="Group-11" transform="translate(0.5 0.5)">
<path d="M1.58325 35.8573L17.5872 51.8613C19.6982 53.9723 23.1213 53.9723 25.2322 51.8613L51.8612 25.2333C53.0732 24.0213 53.6392 22.3063 53.3852 20.6113L50.7132 2.73134L32.8333 0.0593362C31.1382 -0.193664 29.4232 0.371336 28.2113 1.58334L1.58325 28.2113C-0.52775 30.3233 -0.52775 33.7463 1.58325 35.8573Z" transform="translate(0.50035 18.483765)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
<path d="M0 4.296C0 6.669 1.923 8.592 4.296 8.592C6.668 8.592 8.592 6.669 8.592 4.296C8.592 1.923 6.668 0 4.296 0C1.923 0 0 1.923 0 4.296" transform="translate(37.023 26.8142)" fill="none" fill-rule="evenodd" stroke="none" />
<path d="M0 4.296C0 6.669 1.923 8.592 4.296 8.592C6.668 8.592 8.592 6.669 8.592 4.296C8.592 1.923 6.668 0 4.296 0C1.923 0 0 1.923 0 4.296Z" transform="translate(37.023 26.8142)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
<path d="M9.934 0L6.689 5.979L0 7.217L4.683 12.151L3.794 18.895L9.934 15.966L16.074 18.895L15.184 12.151L19.868 7.217L13.179 5.979L9.934 0Z" transform="translate(15.7453 37.2821)" fill="none" fill-rule="evenodd" stroke="#E63534" stroke-width="1" />
<path d="M11.4124 28.6533C22.1364 23.9163 32.8084 19.5073 28.2024 7.55227C23.5004 -4.65473 4.08744 -0.510728 9.41044 9.00227C15.7534 20.3373 6.07444 23.6733 1.65244 26.5223C-0.004564 27.5903 -0.354564 29.1533 0.331436 30.2273C1.27244 31.7033 4.59044 30.0613 4.59044 30.0613" transform="translate(40.987564 0.4998278)" id="Stroke-9" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
</g>
</svg>
</div>
<div class="features__title">White label</div>
<div class="features__text">Our services and products — implemented by your brand</div>
</div>
<div class="features__item" data-animation="fadeinleft" style="--anim-delay: 0.3s;">
<div class="features__icon" >
<svg width="69px" height="60px" viewbox="0 0 69 60" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<path d="M34 29.9138L34 47.3657L38.182 47.3657L27.5887 59L16.9943 47.3657L21.1775 47.3657L21.1775 39.8569L13.2147 39.8569C5.91713 39.8569 0 33.9864 0 26.7463C0 19.504 5.91713 13.6335 13.2147 13.6335C14.3435 13.6335 15.4326 13.7898 16.4787 14.054C19.0332 5.91102 26.6889 0 35.7363 0C46.8735 0 55.9028 8.95704 55.9028 20.0077C55.9028 20.1134 55.8881 20.2146 55.8869 20.3203C56.5567 20.1798 57.2526 20.1033 57.9655 20.1033C63.5063 20.1033 68 24.5605 68 30.06C68 35.5583 63.5063 40.0144 57.9655 40.0144L46.8225 40.0144L46.8225 29.9138L51.0057 29.9138L40.4113 18.2784L29.818 29.9138L34 29.9138L34 47.3657" transform="translate(0.5 0.5)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
</svg>
</div>
<div class="features__title">SaaS</div>
<div class="features__text">Quick, stress-free setup </div>
</div>
<div class="features__item" data-animation="fadeinleft" style="--anim-delay: 0.4s;">
<div class="features__icon" >
<svg width="64px" height="65px" viewbox="0 0 64 65" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0.5 0.5)">
<g transform="translate(0 26.0219)">
<path d="M46.589 0L46.589 13.725L24 24.019L0 13.725L0 0.154" transform="translate(8.9183 12.4343)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
<path d="M0.5 0L0.5 25.823" transform="translate(32.4184 10.6296)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
<path d="M32.059 9.882L25 19.471L0 8.176L8.059 0L32.059 9.882L54.648 0L62 8.176L39.824 18.765L32.059 9.882" transform="translate(0.8594 0.7476)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
</g>
<path d="M0 3.962L11.7 0" transform="translate(8.9184 22.8077)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
<path d="M0 0L11.012 3.962" transform="translate(44.4956 22.8077)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
<path d="M34.254 0.143L46.589 4.321L24 14.203L0 4.321L12.758 0" transform="translate(8.9183 13.6696)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
<path d="M46.589 7.889L24 17.772L0 7.889L23.295 0L46.589 7.889Z" transform="translate(8.9183 0.5271)" fill="none" fill-rule="evenodd" stroke="var(--color-icon)" stroke-width="1" />
</g>
</svg>
</div>
<div class="features__title">Turnkey</div>
<div class="features__text">A true all-in-one solution —
ready to go when you are</div>
</div>
</div>
</div>
</div>
</section>
<section class="app-section solid-set-section has-left-align" style="--section-text-color: var(--color-text-light);">
<div class="container">
<div class="app-section__inner">
<header class="app-section__header">
<h1>We deliver a solid set of brokerage tech</h1>
</header>
<div class="app-section__text">
<p>Quadcode's solution contains a range of products and services to provide the ultimate brokerage solution. Whether you are a bank or a brokerage company, Quadcode provides solutions for every need.</p>
<a class="link" href="#">learn more</a>
</div>
</div>
</div>
</section>
<section class="app-section new-era is-rounded is-overlap">
<div class="container">
<div class="app-section__inner">
<header class="app-section__header">
<h1>New era of trading platforms</h1>
</header>
<div class="app-section__text">
The trading terminal revolutionized trading, but the fast-paced nature of the industry means that technology has once again advanced significantly. Today, a trading platform is not just a set of tools for performing operations — it is a fully-equipped technical environment where it is possible to complete multiple market transactions in just a few clicks. What’s more, a new era platform includes much more than trading solutions — it streamlines interactions between trader and terminal, with vastly increased stability and transaction speed.
</div>
<img src="/files/hand-tablet.png" alt="">
</div>
</div>
</section>
<section class="app-section get-in-touch" style="--section-bg-color: var(--color-section-background-light);">
<div class="container">
<div class="app-section__inner">
<header class="app-section__header" data-animation="fadeinbottom" style="--anim-delay: 0.3s">
<h1>Get in touch to find out more </h1>
</header>
<a class="like-btn like-btn--wide js-modal" data-modal="contact" href="/en/contact" data-animation="fadeinbottom" style="--anim-delay: .4s">Try Quadcode Brokerage</a>
</div>
</div>
</section>
</main>
<footer class="app-footer">
<div class="container">
<div class="app-footer__inner">
<div class="app-footer__logo">
<a href="index.html" class="brand-logo" rel="nofollow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.68 59.73" class="brand-logo__icon">
<path fill="currentColor" d="M19.06 5.51a.33.33 0 0 0-.13.5l.89 1.17 9 11.93.17.23 2.01 2.66 5.28 7 .53.66a.33.33 0 0 0 .37.1l.91-.38.53-.23.69-.3.28-.13 2.06-.9.18-.08h.08l.74-.32 1.76-.78 5.78-2.53a2.27 2.27 0 0 0 .77-.52v-.06a1.72 1.72 0 0 0 .38-.63 1.5 1.5 0 0 0 0-.73 1.43 1.43 0 0 0-.09-.27.69.69 0 0 0 0-.1 1.94 1.94 0 0 0-.2-.33l-6.34-8-.51-.65a.31.31 0 0 0-.37-.09l-1.74.74-.19.08-3.75 1.45a.33.33 0 0 0-.13.5c.15.22.34.47.39.53l.44.58 3 3.85v.07a.85.85 0 0 1 .13.22 1.21 1.21 0 0 1 0 .18 1.09 1.09 0 0 1 0 .18.62.62 0 0 1 0 .23.8.8 0 0 1-.08.16l-.05.06-.06.07-.09.07-.06.06a1.73 1.73 0 0 1-.27.15 1.53 1.53 0 0 1-.53.13 1.56 1.56 0 0 1-.53 0 1.37 1.37 0 0 1-.49-.18 1.14 1.14 0 0 1-.37-.32l-.68-.88-.62-.8-3.15-4.15-3.38-4.4-2.62-3.31-.1-.17a1.09 1.09 0 0 1-.05-.17.67.67 0 0 1 0-.37.89.89 0 0 1 .23-.35 1.33 1.33 0 0 1 .41-.27 2 2 0 0 1 .51-.21 2.33 2.33 0 0 1 .53 0 1.75 1.75 0 0 1 .47.17 1.21 1.21 0 0 1 .36.31l.19.24 3.4 4.4.72.92.48.64a.31.31 0 0 0 .38.1l5.77-2.46a.32.32 0 0 0 .13-.5l-7.36-9.34a2.18 2.18 0 0 0-.67-.56 3.1 3.1 0 0 0-.87-.31 3.23 3.23 0 0 0-1.94.18zM53.67 23.14v.35a.25.25 0 0 0 0 .07 1.41 1.41 0 0 1-.06.22v.06l-.05.12a2.4 2.4 0 0 1-.11.23.6.6 0 0 1-.06.11 1.92 1.92 0 0 1-.17.26v.06l-.23.27a3.88 3.88 0 0 1-.49.4l-.12.09a5.22 5.22 0 0 1-.62.34l-.27.11-.42.18-6.56 2.89-1.76.77-.73.32h-.08l-.18.08-.66.29-1.67.73-.69.3-.62.28-1.64.72a.32.32 0 0 1-.38-.1l-1.19-1.58-5.91-7.59-.17-.22-8.97-11.9-.68-.91-2.06-2.76-.47-.64a.31.31 0 0 0-.38-.1l-12.94 5.41a2.42 2.42 0 0 0-.39.21l-.1.06-.26.2h-.05a2.09 2.09 0 0 0-.24.28.16.16 0 0 0 0 .07 1.23 1.23 0 0 0-.14.25 1.11 1.11 0 0 0-.08.3 1.54 1.54 0 0 0 .29 1.1l1.28 1.77 8.2 11.34.15.21 1.23 1.7 4.5 6.23a2.28 2.28 0 0 0 .69.62 3.19 3.19 0 0 0 .92.35 3.55 3.55 0 0 0 1 .06 3 3 0 0 0 1-.26l.53-.23 1-.46 1.59-.69 3.47-1.52a.31.31 0 0 1 .38.11l.92 1.25a.33.33 0 0 1-.13.5l-4.62 2-.29.13-2.32 1-.27.12a5.35 5.35 0 0 1-1.65.42 5.47 5.47 0 0 1-1.67-.1 4.7 4.7 0 0 1-1.49-.57 3.62 3.62 0 0 1-1.12-1l-3.6-5-.16-.21-1.22-1.71-6.9-9.61-1.58-1.92-1.73-2.54a3.21 3.21 0 0 1-.19-.31l-.05-.1-.09-.21a.56.56 0 0 1 0-.12l-.14-.2v-.14a.75.75 0 0 1 0-.11v19.24a2 2 0 0 0 .09.33c0 .11.09.22.14.33a2.7 2.7 0 0 0 .2.31l15.78 22.57a3.79 3.79 0 0 0 1.07 1 4.65 4.65 0 0 0 1.44.56 5 5 0 0 0 1.6.1 4.87 4.87 0 0 0 1.58-.42l29.8-13.48a3.9 3.9 0 0 0 .82-.5 3.24 3.24 0 0 0 .61-.62 3.32 3.32 0 0 0 .39-.71 2.4 2.4 0 0 0 .16-.77v-20.07zm-29.35 5.78a.72.72 0 0 1-.12.23v.05l-.08.1-.08.06-.07.06a1.47 1.47 0 0 1-.28.16 1.66 1.66 0 0 1-.54.14 2.42 2.42 0 0 1-.54 0 1.61 1.61 0 0 1-.49-.19 1.14 1.14 0 0 1-.37-.32l-1.85-2.42-.41-.56-2-2.72-1.75-2.38-4.27-5.8a.75.75 0 0 1-.1-.17.61.61 0 0 1 0-.18.71.71 0 0 1 0-.38 1 1 0 0 1 .24-.36 1.43 1.43 0 0 1 .43-.27 2 2 0 0 1 .53-.13 1.87 1.87 0 0 1 .53 0 1.48 1.48 0 0 1 .47.18 1.19 1.19 0 0 1 .36.31l1.7 2.3 1.75 2.37 2 2.72.67.91 2.29 3.09 1.82 2.45a1 1 0 0 1 .17.41.75.75 0 0 1 0 .15.76.76 0 0 1-.01.19z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 175.21 38.9" class="brand-logo__text">
<path fill="currentColor" d="M165.11 5.05a5.05 5.05 0 1 1 5 5.05 5 5 0 0 1-5-5.05zm.79 0a4.25 4.25 0 1 0 8.5 0 4.25 4.25 0 0 0-8.5 0zm4.12.62h-1v2.33h-.86v-5.83h2.36a1.79 1.79 0 0 1 1.93 1.76 1.69 1.69 0 0 1-1.45 1.71l1.57 2.36h-1zm-1-2.79v2.05h1.5a1 1 0 0 0 1-1 1 1 0 0 0-1-1.05zM11.89 32.87a28.5 28.5 0 0 1-5.7.67h-1.19a5 5 0 0 1-3.65-1.37 5 5 0 0 1-1.35-3.65v-7.7a5.32 5.32 0 0 1 1.42-3.94 5.36 5.36 0 0 1 3.94-1.42h12.39v23.44h-5.86zm-4.02-3.87a23.71 23.71 0 0 0 4-.33v-8.67h-4.67a1.19 1.19 0 0 0-1.34 1.34v6.53a1.13 1.13 0 0 0 1.14 1.13zM29.3 28.69a14.39 14.39 0 0 0 4-.67v-12.56h5.86v18.08h-5.1l-.41-2a12.34 12.34 0 0 1-3.23 1.53 10.43 10.43 0 0 1-2.8.48h-1.5a4.73 4.73 0 0 1-5-5v-13.09h5.88v12.05a1.16 1.16 0 0 0 1.17 1.18zM43.36 16.12a101.69 101.69 0 0 1 11-.67 4.71 4.71 0 0 1 5 5v13.09h-5.05l-.4-2a12.25 12.25 0 0 1-3.24 1.53 10.31 10.31 0 0 1-2.79.48h-1.17a4.71 4.71 0 0 1-5-5v-1.55a4.18 4.18 0 0 1 1.37-3.32 4.91 4.91 0 0 1 3.65-1.38h6.86v-1.3a1.14 1.14 0 0 0-1.19-1.2c-1.45 0-3 .07-4.81.2s-3.16.24-4.23.3zm6.19 12.73a14 14 0 0 0 4-.67v-1.68h-4.83a1.14 1.14 0 0 0-.84.33 1.18 1.18 0 0 0-.34.84 1.15 1.15 0 0 0 1.18 1.17zM75.06 33.54l-.4-2a12 12 0 0 1-3.23 1.53 10.31 10.31 0 0 1-2.79.48h-1.51a4.71 4.71 0 0 1-5-5v-7.7a5.32 5.32 0 0 1 1.42-3.94 5.36 5.36 0 0 1 3.94-1.42h6.86v-5.72h5.86v23.77zm-4.75-4.85a14.46 14.46 0 0 0 4-.67v-8.02h-5a1.18 1.18 0 0 0-1.31 1.32v6.19a1.15 1.15 0 0 0 1.17 1.18zM99.27 32.87a104.22 104.22 0 0 1-11 .67 4.73 4.73 0 0 1-5-5v-7.7a5.32 5.32 0 0 1 1.43-3.94 5.33 5.33 0 0 1 3.93-1.42h10.64v4.52h-8.87a1.19 1.19 0 0 0-1.34 1.34v6.53a1.14 1.14 0 0 0 1.17 1.13c2 0 5-.17 9-.5zM120 28.18a4.92 4.92 0 0 1-5.35 5.36h-7.65a4.92 4.92 0 0 1-5.35-5.36v-7.37a5.32 5.32 0 0 1 1.35-3.94 5.31 5.31 0 0 1 4-1.42h7.71a5.31 5.31 0 0 1 3.93 1.42 5.32 5.32 0 0 1 1.36 3.94zm-5.86-6.87a1.18 1.18 0 0 0-1.31-1.31h-4a1.18 1.18 0 0 0-1.34 1.34v6.37a1.18 1.18 0 0 0 1.33 1.29h4a1.18 1.18 0 0 0 1.34-1.34zM135.67 33.54l-.4-2a12.34 12.34 0 0 1-3.27 1.52 10.43 10.43 0 0 1-2.8.48h-1.51a4.71 4.71 0 0 1-5-5v-7.7a5.32 5.32 0 0 1 1.42-3.94 5.36 5.36 0 0 1 3.94-1.42h6.86v-5.71h5.86v23.77zm-4.76-4.85a14.4 14.4 0 0 0 4-.67v-8.02h-5a1.19 1.19 0 0 0-1.34 1.34v6.19a1.16 1.16 0 0 0 1.17 1.18zM160.55 32.87a113.73 113.73 0 0 1-11.72.67 4.73 4.73 0 0 1-5-5v-7.73a5.32 5.32 0 0 1 1.43-3.94 5.31 5.31 0 0 1 3.93-1.42h6.7a5.31 5.31 0 0 1 3.93 1.42 5.32 5.32 0 0 1 1.43 3.94v5.87h-11.59v1.32a1.14 1.14 0 0 0 .34.83 1.11 1.11 0 0 0 .84.34c2.21 0 5.44-.17 9.71-.5zm-9.55-13.24a1.19 1.19 0 0 0-1.34 1.37v1.85h5.7v-1.85a1.19 1.19 0 0 0-1.36-1.37z"></path>
</svg>
</a>
</div>
<nav class="app-footer__nav">
<a href="solution.html" class="app-footer__nav-link">Solution</a>
<a href="technologies.html" class="app-footer__nav-link">Technology</a>
<a href="careers.html" class="app-footer__nav-link">Careers</a>
<a href="company.html" class="app-footer__nav-link">Company</a>
</nav>
<div class="app-footer__to-top">
<a href="#" class="btn-arrow btn-arrow--top js-scroll-trigger" data-scroll="top">
<div class="btn-arrow__arrow">
<span></span>
</div>
</a>
</div>
<div class="app-footer__copyrights">
<span>All right reserved © 2019-2020</span>
</div>
<div class="app-footer__terms">
<a href="#" class="app-footer__terms-link link">Terms and conditions</a>
<a href="#" class="app-footer__terms-link link">Privacy policy</a>
</div>
</div>
</div>
</footer>
</div>
<article id="contact" class="modal">
<div class="modal__wrapper">
<div class="modal__inner">
<div class="modal__close js-close-modal">
<svg width="18px" height="18px" viewbox="0 0 18 18" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<path d="M0.888889 1L15.1111 15" transform="translate(1 1)" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2" stroke-linecap="square" />
<path d="M0.888889 1L15.1111 15" transform="matrix(-1 0 0 1 17 1)" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2" stroke-linecap="square" />
</svg>
</div>
<div class="modal__content">
<form action="" class="form">
<div class="form__title">Enhance your business with industry proven software</div>
<div class="custom-input">
<div class="form-label">Name</div>
<input class="form-input" type="text" placeholder="Name" required>
<div class="form-error">Please enter your name</div>
</div>
<div class="custom-input is-required">
<div class="form-label">Surname</div>
<input class="form-input" type="text" placeholder="Surname" required>
<div class="form-error">Please enter your name</div>
</div>
<div class="custom-input custom-phone is-required">
<div class="form-label">Phone</div>
<input class="form-input" id="phone" placeholder="Phone" required>
<div class="form-error">Valid phone number is required</div>
</div>
<div class="custom-input is-required">
<div class="form-label">E-mail</div>
<input class="form-input" type="email" placeholder="name@email.com" required>
<div class="form-error">Valid email is required</div>
</div>
<div class="custom-textarea">
<div class="form-label">Message</div>
<textarea placeholder="Your message..."></textarea>
<div class="form-error"></div>
</div>
<div class="custom-checkbox">
<input id="qwe123" type="checkbox">
<label for="qwe123" class="custom-checkbox__label-box"></label>
<label for="qwe123" class="custom-checkbox__label">
<span>I read and agree with <a class="link text-underline" href="#link-to-terms and conditions">terms and conditions</a>
and <a class="link text-underline" href="#link-to-privacy policy">privacy policy</a> of this website</span>
</label>
</div>
<button class="custom-button is-full-width" data-open-form="#form-success" type="submit">Make a request</button>
</form>
</div>
</div>
</div>
</article>
<!--
<article id="form-success" class="app-form-wrap">
<div class="app-form-wrap__inner app-form app-form--cv app-form--cv-message">
<div class="app-form-wrap__message">
<div class="app-form-wrap__message-icon">
<svg width="60px" height="60px" viewbox="0 0 60 60" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<defs>
<path d="M30 60C46.5685 60 60 46.5685 60 30C60 13.4315 46.5685 0 30 0C13.4315 0 0 13.4315 0 30C0 46.5685 13.4315 60 30 60Z" id="path_1" />
<clipPath id="clip_1">
<use xlink:href="#path_1" />
</clipPath>
</defs>
<g id="Oval">
<g clip-path="url(#clip_1)">
<use xlink:href="#path_1" fill="none" stroke="#74D572" stroke-width="4" />
</g>
</g>
<path d="M0 11.0202L8.83234 20L24 0" transform="translate(18 21)" id="Stroke-1" fill="none" fill-rule="evenodd" stroke="#74D572" stroke-width="2" />
</svg>
</div>
<div class="app-form-wrap__message-title">
Your request was successfully sent!
</div>
<div class="app-form-wrap__message-text">
Thank you for your interest for Quadcode. Our team will contact you shortly.
</div>
<div class="app-form-wrap__message-actions">
<button class="custom-button js-close-form">Ok</button>
</div>
</div>
</div>
</article>
<article id="form-fail" class="app-form-wrap">
<div class="app-form-wrap__inner app-form app-form--cv app-form--cv-message">
<div class="app-form-wrap__message">
<div class="app-form-wrap__message-icon">
<svg width="60px" height="60px" viewbox="0 0 60 60" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<defs>
<path d="M30 60C46.5685 60 60 46.5685 60 30C60 13.4315 46.5685 0 30 0C13.4315 0 0 13.4315 0 30C0 46.5685 13.4315 60 30 60Z" id="path_1" />
<clipPath id="clip_1">
<use xlink:href="#path_1" />
</clipPath>
</defs>
<g id="Oval-Copy">
<g clip-path="url(#clip_1)">
<use xlink:href="#path_1" fill="none" stroke="#F1162F" stroke-width="4" />
</g>
</g>
<path d="M0.888889 1L15.1111 15" transform="translate(22 22)" id="Line-2-Copy-17" fill="none" fill-rule="evenodd" stroke="#F1162F" stroke-width="2" stroke-linecap="square" />
<path d="M0.888889 1L15.1111 15" transform="matrix(-1 0 0 1 38 22)" id="Line-2-Copy-18" fill="none" fill-rule="evenodd" stroke="#F1162F" stroke-width="2" stroke-linecap="square" />
</svg>
</div>
<div class="app-form-wrap__message-title">
Oops...<br>Something went wrong
</div>
<div class="app-form-wrap__message-actions">
<button class="custom-button js-close-form">Try again</button>
</div>
</div>
</div>
</article> -->
<script>
</script>
</body>
</html>