File: /var/www/quadcode-jobs/public/html/about.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Who we are | quadcode</title>
<link rel="stylesheet" href="/media/js/vendor/slick/slick.css">
<link rel="stylesheet" href="/media/js/vendor/slick/slick-theme.css">
<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 hide-on-desktop action-marker for-close" 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="categories.html" class="app-header__nav-link">Job categories</a>
<a href="locations.html" class="app-header__nav-link">Locations</a>
<a href="about.html" class="app-header__nav-link is-current-page">Who we are</a>
<a href="search.html" class="app-header__nav-link">Search jobs</a>
</nav>
<div class="app-header__lang">
<a href="#" class="app-header__lang-item">Ru</a>
<a href="#" class="app-header__lang-item is-active">En</a>
</div>
<div class="app-header__social hide-on-desktop">
<a class="app-header__social-link" href="#to-instaram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
</a>
<a href="#to-facebook" class="app-header__social-link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg>
</a>
<a href="#to-linkedin" class="app-header__social-link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main class="app-content">
<section class="welcome"
style="--welcome-bg: url(/files/about.jpeg); --header-font-size: var(--typo-headline);">
<div class="welcome__video-wrap">
<video class="location-video" preload="auto" autoplay muted loop playsinline poster="/files/about.jpeg">
<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" style="margin-bottom: 1rem;">
<h1>We are <span class="color--highlight">Quadcode</span></h1>
</header>
<p class="color--app-background">
Международная продуктовая компания. Мы разрабатываем уникальное программное обеспечение для
торговой и инвестиционной индустрии. Наши клиенты - это компании-брокеры и финансовые
организации. Мы имеем более чем 7-летний опыт. За это время более 50 млн. трейдеров оценили
преимущества нашей платформы.
</p>
</div>
<div class="welcome__call-to-scroll welcome__call-to-scroll--mobile">
<a href="#app-section-content" class="btn-arrow btn-arrow--bottom js-scroll-trigger">
<div class="btn-arrow__arrow">
<span></span>
</div>
</a>
</div>
</div>
</section>
<section class="app-section app-section__anchor is-full-height app-section-bg about-slider" id="app-section-content">
<div class="container">
<div class="team-parts-slider slider-wrap">
<!-- Слайдер -->
<div id="about-slider-01" class="slider js-about-slider1">
<div class="slider__item">
<div class="slider__item-inner">
<header class="app-section__header">
<h1>Наша команда</h1>
</header>
<div class="slider-content">
<p>Это 350 профессионалов, которые трудятся в офисах в <span style="white-space: nowrap">Санкт-Петербурге</span>, на Кипре, в Австралии, UK и на Гибралтаре:</p>
<div class="team-parts">
<div class="team-parts__group">
<div class="team-parts__value">60%</div>
<div class="team-parts__name">разработчиков<br><small>(Go, PHP, C++,
Scala,Python и Java)</small></div>
</div>
<div class="team-parts__group">
<div class="team-parts__value">10%</div>
<div class="team-parts__name">тестировщиков</div>
</div>
<div class="team-parts__group">
<div class="team-parts__value">10%</div>
<div class="team-parts__name">специалистов по продукту</div>
</div>
<div class="team-parts__group">
<div class="team-parts__value">20%</div>
<div class="team-parts__name">административного персонала</div>
</div>
</div>
</div>
</div>
</div>
<div class="slider__item">
<div class="slider__item-inner">
<header class="app-section__header">
<h1>Наше видение</h1>
</header>
<div class="slider-content">
<p style="margin-top: 12rem; text-align: center">
Внимательный и профессиональный подход на каждом этапе разработки — от идеи
и прототипа до тестирования и запуска — позволяет нам создавать эталонные
решения в области финансовых технологий и трейдинга.</p>
</div>
</div>
</div>
</div>
<!-- Навигация для слайдера (на основе слайдера) -->
<div class="slider-nav js-about-slider1-nav">
<div class="slider-nav__item">
<div class="slider-nav__item-inner">
<div class="slider-nav__item-marker"></div>
</div>
</div>
<div class="slider-nav__item">
<div class="slider-nav__item-inner">
<div class="slider-nav__item-marker"></div>
</div>
</div>
</div>
<div class="slider-arrow btn-arrow btn-arrow--left as-prev-btn">
<div class="btn-arrow__arrow">
<span></span>
</div>
</div>
<div class="slider-arrow btn-arrow as-next-btn">
<div class="btn-arrow__arrow">
<span></span>
</div>
</div>
</div>
</div>
</section>
<section class="app-section is-full-height values-slider">
<div class="container">
<div class="app-section__inner">
<div class="what-we-values">
<div class="what-we-values__nav">
<div class="what-we-values__nav-title">What we <span>value</span></div>
<div class="what-we-values__nav-items">
<div class="what-we-values__nav-slider js-what-we-values-nav">
<div class="what-we-values__nav-slider-item">
<div class="what-we-values__nav-item">Уважение<sup>1</sup></div>
</div>
<div class="what-we-values__nav-slider-item">
<div class="what-we-values__nav-item">Развитие<sup>2</sup></div>
</div>
<div class="what-we-values__nav-slider-item">
<div class="what-we-values__nav-item">Сотрудничество<sup>3</sup></div>
</div>
<div class="what-we-values__nav-slider-item">
<div class="what-we-values__nav-item">Проактивность<sup>4</sup></div>
</div>
<div class="what-we-values__nav-slider-item">
<div class="what-we-values__nav-item">Ответственность<sup>5</sup></div>
</div>
</div>
</div>
</div>
<div class="what-we-values__descriptions">
<div class="what-we-values__descriptions-inner js-what-we-values-content">
<div class="what-we-values__description">
<div class="what-we-values__description-title">Уважение<sup>1</sup></div>
<div class="what-we-values__description-text">уважение. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci dolorem ducimus eaque laborum modi molestias mollitia officia quas ratione rerum.</div>
</div>
<div class="what-we-values__description">
<div class="what-we-values__description-title">Развитие<sup>2</sup></div>
<div class="what-we-values__description-text">Развитие. Lorem ipsum dolor sit
amet consectetur adipisicing elit. Animi, earum mollitia alias rem
repudiandae ullam blanditiis amet est qui suscipit quasi aliquid ipsam
dolorum, cupiditate non, esse rerum assumenda magnam!</div>
</div>
<div class="what-we-values__description">
<div class="what-we-values__description-title">Сотрудничество<sup>3</sup></div>
<div class="what-we-values__description-text">Только работая вместе, можно сделать что-то по-настоящему значимое. Каждый из нас вносит вклад в достижение общих целей.</div>
</div>
<div class="what-we-values__description">
<div class="what-we-values__description-title">Проактивность<sup>4</sup></div>
<div class="what-we-values__description-text">Проактивность. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem explicabo itaque modi officiis quibusdam velit.</div>
</div>
<div class="what-we-values__description">
<div class="what-we-values__description-title">Ответственность<sup>5</sup></div>
<div class="what-we-values__description-text">Ответственность Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum eligendi nihil nostrum quam sunt voluptate voluptates. Aperiam beatae exercitationem mollitia necessitatibus nostrum numquam, sunt unde.</div>
</div>
</div>
</div>
</div>
</div>
<div class="app-section__call-to-scroll app-section__call-to-scroll--mobile">
<a href="#team-features" class="btn-arrow btn-arrow--bottom js-scroll-trigger">
<div class="btn-arrow__arrow">
<span></span>
</div>
</a>
</div>
</div>
</section>
<section class="app-section is-full-height" id="team-features">
<div class="container">
<div class="app-section__inner">
<div class="team-features js-team-features-slider">
<div class="team-features__item">
<div class="team-features__item-title">Разумный подход</div>
<div class="team-features__item-description">Мы разрабатываем собственные продукты,
обладаем свободой в выборе технологий и планировании. Уважаем разумный Agile. Имеем
собственный Data Warehouse, свои инструменты анализа финансовых рынков, настоящую
микросервисную архитектуру. Соблюдаем баланс между Opensource (Go, Kafka, Flink,
Cassandra, Greenplum, PyTorch) и внутренними разработками.</div>
</div>
<div class="team-features__item">
<div class="team-features__item-title">Финансовые технологии</div>
<div class="team-features__item-description">Высокая нагрузка — сотни тысяч клиентов со
всех континентов пользуются нашими продуктами одновременно.
Серьезные требования к безопасности, надежности и стабильности — мы ведем разработку
в соответствии с требованиями европейских государственных регуляторов.
Быстрый темп, большие данные, много математики — двукратные темпы роста и Machine
Learning над сотнями терабайт данных.</div>
</div>
<div class="team-features__item">
<div class="team-features__item-title">Гарантии</div>
<div class="team-features__item-description">Соблюдение требований законодательства,
официальное оформление и полностью “белая” зарплата, подарки на годовщину работы и
дни рождения, помощь в сложных ситуациях. ДМС со стоматологией.</div>
</div>
<div class="team-features__item">
<div class="team-features__item-title">Work-life balance</div>
<div class="team-features__item-description">Мы любим челленжджевые задачи, но всё
больше уходим от режима ASAP. Работа — это только часть жизни, поэтому мы уважаем
личное время друг друга — не пишем по работе в выходные и не приветствуем
переработки без крайней необходимости. А еще, в штате есть сотрудники, которые
обеспечивают поддержку в сложных ситуациях.</div>
</div>
<div class="team-features__item">
<div class="team-features__item-title">Комфортные условия</div>
<div class="team-features__item-description">Современные офисы, в которых оборудованы не
только комфортные рабочие места, но и зоны отдыха (кикер, настольный теннис, гамаки,
массажные кресла). Вкусные обеды, безлимитные перекусы в офисе, свой фитнес-клуб с
тренерами и массажем (актуально для Петербурга и Лимассола).</div>
</div>
<div class="team-features__item">
<div class="team-features__item-title">Развитие</div>
<div class="team-features__item-description">
<ul>
<li>Сильное комьюнити специалистов</li>
<li>Интересные проекты и сложные задачи</li>
<li>В штате есть специалисты по обучению</li>
<li>Участие в курсах и тренингах с внутренними и внешними спикерами</li>
<li>Прозрачная система роста внутри компании</li>
<li>Курсы английского языка</li>
<li>Регулярные творческие мастер-классы</li>
</ul>
</div>
</div>
</div>
<div class="slider-nav team-features-slider-nav js-team-features-slider-nav">
<div class="slider-nav__item">
<div class="slider-nav__item-inner">
<div class="slider-nav__item-marker"></div>
</div>
</div>
<div class="slider-nav__item">
<div class="slider-nav__item-inner">
<div class="slider-nav__item-marker"></div>
</div>
</div>
<div class="slider-nav__item">
<div class="slider-nav__item-inner">
<div class="slider-nav__item-marker"></div>
</div>
</div>
<div class="slider-nav__item">
<div class="slider-nav__item-inner">
<div class="slider-nav__item-marker"></div>
</div>
</div>
<div class="slider-nav__item">
<div class="slider-nav__item-inner">
<div class="slider-nav__item-marker"></div>
</div>
</div>
<div class="slider-nav__item">
<div class="slider-nav__item-inner">
<div class="slider-nav__item-marker"></div>
</div>
</div>
</div>
</div>
<div class="app-section__call-to-scroll app-section__call-to-scroll--mobile">
<a href="#location-video" class="btn-arrow btn-arrow--bottom js-scroll-trigger">
<div class="btn-arrow__arrow">
<span></span>
</div>
</a>
</div>
</div>
</section>
<section class="app-section about-video is-full-height" id="location-video">
<div class="about-video__inner">
<div class="about-video__video-wrap">
<video class="location-video js-about-video" src="/files/events_short.mp4"
data-src="/files/events_full_edit.mp4" autoplay="true" loop="true" muted="muted"
poster="/files/index.jpeg"></video>
</div>
<div class="about-video__overlay js-video-overlay">
<div class="about-video__title">
Events
</div>
<div class="about-video__control ">
<button class="btn js-play-btn btn--icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="none">
<path stroke="#fff" stroke-width="2" d="M9 3.4c4.418 0 8 3.492 8 7.8 0 4.307-3.582 7.8-8 7.8s-8-3.493-8-7.8a7.68 7.68 0 012.343-5.516"/>
<path stroke="#fff" stroke-width="2" d="M10.632 7L8.385 3.27 12.077 1"/>
</svg>
<span>Play video</span>
</button>
</div>
</div>
</div>
<script>
$(function () {
var $video = $('.js-about-video'),
$videoOverlay = $('.js-video-overlay'),
$playBtn = $('.js-play-btn'),
$videoSrc = $video.data('src');
$playBtn.on('click', function () {
$videoOverlay.fadeOut();
$video.attr('src', $videoSrc);
});
});
</script>
</section>
<section class="app-section gallery">
<div class="container">
<div class="gallery__inner">
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/408" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/409" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/410" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/411" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/412" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/413" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/414" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/415" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/416" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/417" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/418" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/419" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/420" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/421" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/422" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/423" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/424" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/425" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/500" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/501" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/502" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/503" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/504" alt="">
</div>
<div class="gallery__item">
<img data-src="https://picsum.photos/423" src="https://picsum.photos/505" alt="">
</div>
</div>
</div>
</section>
</main>
<footer class="app-footer">
<div class="container">
<div class="app-footer__inner">
<div class="app-footer__logo">
<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>
</div>
<nav class="app-footer__nav">
<a href="categories.html" class="app-footer__nav-link">Job categories</a>
<a href="locations.html" class="app-footer__nav-link">Locations</a>
<a href="about.html" class="app-footer__nav-link">Who we are</a>
<a href="search.html" class="app-footer__nav-link">Search jobs</a>
</nav>
<div class="app-footer__social">
<a class="app-footer__social-link" href="#to-instaram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor"
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z">
</path>
</svg>
</a>
<a href="#to-facebook" class="app-footer__social-link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
<path fill="currentColor"
d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z">
</path>
</svg>
</a>
<a href="#to-linkedin" class="app-footer__social-link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor"
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
</div>
<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__disclamer">
<p>
All of the information on this website is protected by copyright and is legally
owned by QuadCode (company name) as its intellectual property (hereinafter —
Intellectual Property). You may not copy, link, publish, upload to external resources,
transmit, distribute or reproduce by any means or in any form any
portion of this website, including any text, images, audio and video materials or any
other Intellectual Property without prior written consent of QuadCode (company name).
Certain names, logos and signs featured on this website are registered trademarks.
QuadCode logo is a registered trademark in the European Union, Russian
Federation, Hong Kong and many other countries. The fact that QuadCode has not included any
product, feature, service name or logo to the list of its Intellectual
Property does not waive any intellectual property rights that QuadCode or its
affiliates, partners and (or) licensees have established in any such product, feature,
service name or logo, all of which intellectual property rights are expressly
reserved. QuadCode trademarks, service marks, trade names, corporate identity are important
company’s corporate assets and QuadCode requires that they be used properly. In order
to preserve its reputation and protect its trademarks and other Intellectual Property,
QuadCode diligently guards such objects against any violation.
</p>
</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 class="modal modal--gallery">
<div class="modal__wrapper">
<div class="action-marker js-close-modal">
<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>
</div>
<div class="modal__inner container">
<!-- <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">
<div class="gallery-modal__slider"></div>
<div class="slider-arrow btn-arrow btn-arrow--left as-prev-btn">
<div class="btn-arrow__arrow">
<span></span>
</div>
</div>
<div class="slider-arrow btn-arrow as-next-btn">
<div class="btn-arrow__arrow">
<span></span>
</div>
</div>
<div class="gallery-modal__counter">
<span></span>
</div>
</div>
</div>
</div>
</article>
<!-- <div class="gallery-modal">-->
<!-- <div class="gallery-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="#fff" 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="#fff" stroke-width="2" stroke-linecap="square" />-->
<!-- </svg>-->
<!-- </div>-->
<!-- <div class="gallery-modal__inner">-->
<!-- <div class="gallery-modal__slider"></div>-->
<!-- <div class="slider-arrow as-prev-btn slick-arrow" style=""></div>-->
<!-- <div class="slider-arrow as-next-btn"></div>-->
<!-- <div class="gallery-modal__content">-->
<!-- </div>-->
<!-- <div class="gallery-modal__counter">-->
<!-- <span> </span> /-->
<!-- </div>-->
<!-- </div>-->
<!-- Скрипты для слайдера -->
<!-- <script src="slick/slick.min.js"></script>-->
<script>
const breakpointSm = window.matchMedia('(max-width: 767px)');
$('.js-about-slider1').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
fade: true,
prevArrow: '.slider-arrow.as-prev-btn',
nextArrow: '.slider-arrow.as-next-btn',
autoplaySpeed: 5000,
asNavFor: '.js-about-slider1-nav',
adaptiveHeight: false,
mobileFirst: true,
// responsive: [
// {
// breakpoint: 320,
// settings: {
// autoplay: false
// }
// },
// {
// breakpoint: 768,
// settings: {
// autoplay: true
// }
// }
// ]
});
$('.js-about-slider1-nav').slick({
slidesToShow: 4,
slidesToScroll: 1,
arrows: false,
dots: false,
fade: false,
autoplay: false,
asNavFor: '.js-about-slider1',
centerMode: true,
focusOnSelect: true,
mobileFirst: true,
responsive: [
{
breakpoint: 320,
settings: {
slidesToShow: 3,
centerPadding: '33px'
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 4,
}
}
]
});
$('.js-what-we-values-content').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
fade: true,
arrows: false,
autoplaySpeed: 3000,
asNavFor: '.js-what-we-values-nav',
adaptiveHeight: true,
mobileFirst: true,
responsive: [
{
breakpoint: 320,
settings: {
autoplay: false
}
},
{
breakpoint: 768,
settings: {
autoplay: true
}
}
]
});
$('.js-what-we-values-nav').slick({
// centerMode: true,
// centerPadding: '60px',
slidesToShow: 3,
variableWidth: true,
arrows: false,
dots: false,
fade: false,
autoplay: false,
asNavFor: '.js-what-we-values-content',
focusOnSelect: true,
mobileFirst: true,
// centerMode: true,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 5,
slidesToScroll: 1,
}
},
]
});
// let scrIndicator = 1;
// $(document).on('scroll', function (ev) {
// console.log('[scrIndicator]', scrIndicator)
// if ($(window).width() > 768) {
// $(document).off('mousewheel');
// // console.log('[scrollTop]', $(document).scrollTop())
// if ($(document).scrollTop() >= $('.values-slider')[0].offsetTop && $(document).scrollTop() <= $('.what-we-values:eq(0)')[0].offsetTop - ($(window).height() / 3) + 200) {
//
// if (scrIndicator > 0 && scrIndicator <= $('.what-we-values__nav-slider-item').length) {
// $('body').css({
// 'overflow': 'hidden'
// });
// $(document).on('mousewheel', function (e) {
// console.log(scrIndicator)
// setTimeout(function () {
// if (e.originalEvent.deltaY > 0) {
//
// scrIndicator++;
// if (scrIndicator > $('.what-we-values__nav-slider-item').length) {
// $('body').css({
// 'overflow': 'auto'
// });
// } else {
// $('.js-what-we-values-content').slick('slickNext')
// }
// } else {
// scrIndicator--;
// if (scrIndicator <= 0) {
// $('body').css({
// 'overflow': 'auto'
// });
// } else {
// $('.js-what-we-values-content').slick('slickPrev')
// }
// }
// }, 100)
//
// });
// } else {
// $('body').css({
// 'overflow': 'auto'
// });
// $(document).off('mousewheel');
// }
// } else {
// $('body').css({
// 'overflow': 'auto'
// });
// // $(document).off('mousewheel');
// if ($(document).scrollTop() > $('.values-slider')[0].offsetTop + 250) {
// scrIndicator = $('.what-we-values__nav-slider-item').length;
// } else if ($(document).scrollTop() < $('.values-slider')[0].offsetTop) {
// scrIndicator = 1;
// }
// }
// }
// });
$('.js-team-features-slider').slick({
autoplay: false,
fade: true,
arrows: false,
asNavFor: '.js-team-features-slider-nav',
adaptiveHeight: true,
responsive: [
{
breakpoint: 2000,
settings: "unslick"
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
$('.js-team-features-slider-nav').slick({
slidesToShow: 6,
slidesToScroll: 1,
arrows: false,
dots: false,
fade: false,
autoplay: false,
asNavFor: '.js-team-features-slider',
focusOnSelect: true,
centerMode: true,
});
// $(document).ready(function () {
// $('.gallery__item img').each(function (index, item) {
// $(item).on('click', function () {
// let tomodalContent = `
// <img data-index="${index}" src="${$(item).attr('data-src')}" alt="modal image" />
// `;
// $('.gallery-modal').addClass('is-active');
// $('.gallery-modal__content').html(tomodalContent);
// $('.gallery-modal__counter').html('<span>' + (index + 1) + '</span>/' + $('.gallery__item img').length);
// });
// });
//
// $('.gallery-modal__close').on('click', function () {
// $('.gallery-modal').removeClass('is-active');
// });
//
// $('.gallery-modal .as-prev-btn').on('click', function () {
// let index = parseInt($('.gallery-modal__content img').attr('data-index')) - 1;
// if (index < 0) {
// index = $('.gallery__item img').length - 1;
// } else if (index >= $('.gallery__item img').length) {
// index = 0;
// }
// $('.gallery-modal__counter span').text(index + 1);
// let imgSrc = $('.gallery__item img:eq(' + index + ')').attr('data-src');
// let tomodalContent = `
// <img data-index="${index}" src="${imgSrc}" alt="modal image" />
// `;
//
// $('.gallery-modal__content').html(tomodalContent);
// })
//
// $('.gallery-modal .as-next-btn').on('click', function () {
// let index = parseInt($('.gallery-modal__content img').attr('data-index')) + 1;
// if (index < 0) {
// index = $('.gallery__item img').length - 1;
// } else if (index >= $('.gallery__item img').length) {
// index = 0;
// }
// $('.gallery-modal__counter span').text(index + 1);
// let imgSrc = $('.gallery__item img:eq(' + index + ')').attr('data-src');
// let tomodalContent = `
// <img data-index="${index}" src="${imgSrc}" alt="modal image" />
// `;
//
// $('.gallery-modal__content').html(tomodalContent);
// })
//
// $('.gallery-modal').on('click', function(e){
// if (!$('.gallery-modal__inner').is(e.target) && $('.gallery-modal__inner').has(e.target).length === 0) {
// $('.gallery-modal').removeClass('is-active');
// }
// });
// });
</script>
</body>
</html>