/home/bdqbpbxa/demo-subdomains/sendon.goodface.com.ua/layout/about-us.html
<!DOCTYPE html>
<html lang="uk">
<head>
<title>
About us
</title>
<!-- TODO: Set or remove page description -->
<meta charset="utf-8">
<meta name="description" content="Page description">
<!-- TODO: Delete noindex on production -->
<meta name="robots" content="noindex">
<meta name="googlebot" content="noindex">
<!-- TODO: Set absolute page URL -->
<link rel="canonical" href="https://sitename.com/page">
<!-- Mobile -->
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/lib/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="css/styles.css?v=1.1">
<link rel="stylesheet" type="text/css" href="css/adaptive.css?v=1.1">
<link rel="stylesheet" type="text/css" href="css/lib/scroll-animations.css?v=1.1">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#166a82">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="theme-color" content="#f1f1fa">
<!-- Opengraph -->
<!-- TODO: Add or remove opengraph -->
<meta name="twitter:card" content="summary_large_image">
<meta property="og:type" content="website">
<meta property="og:image:type" content="images/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://sendon.goodface.com.ua/layout/">
<meta property="og:site_name" content="SendOn">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Page description">
<meta property="og:image" content="images/opengraph.png">
</head>
<body>
<script>
// Allow animations if JS support is enabled
document.body.classList.add('-allow-animations');
// Don't show preloader again if the page was visited
let preloader = document.querySelector('.preloader');
let fullPageUrl = window.location.href;
let visitedPages = window.localStorage.getItem('visited-pages');
let visitedPagesArr = visitedPages ? visitedPages.split(' ') : '';
let isPreloaderLoaded = visitedPagesArr.includes(fullPageUrl);
if (preloader && isPreloaderLoaded) {
preloader.remove();
} else if (preloader) {
preloader.classList.add('-visible');
}
</script>
<header class="header">
<div class="container">
<div class="header__wrapper">
<a href="index.html" class="logo">
<img src="images/logo.svg" alt="SendOn - Logo">
</a>
<nav class="header__navigation text-2">
<a class="-active" href="about-us.html">Про нас</a>
<a href="payments-solutions.html">Платіжні рішення</a>
<a href="contacts.html">Контакти</a>
<a href="#" class="link-with-icon -lang-switcher">
<span class="icon">
</span>
EN
</a>
</nav>
<a href="#" class="default-button -disabled -icon -login" data-text="Незабаром">
<span class="icon">
</span>
Увійти
</a>
<div class="burger">
<span></span><span></span>
</div>
</div>
</div>
<div class="mobile-menu">
<div class="mobile-menu__wrapper">
<nav class="mobile-menu__navigation mob-text-2 --semi-bold">
<a href="#">Головна</a>
<a class="-active" href="about-us.html">Про нас</a>
<a href="payments-solutions.html">Платіжні рішення</a>
<a href="contacts.html">Контакти</a>
</nav>
<div class="mobile-menu__footer">
<a href="#" class="default-button -disabled -icon -login" data-text="Незабаром">
<span class="icon">
</span>
Увійти
</a>
<a href="#" class="link-with-icon -lang-switcher mob-text-2">
<span class="icon">
</span>
English
</a>
</div>
</div>
</div>
</header>
<main>
<section class="about-us-hero" data-animate-group="list">
<div class="container">
<div class="about-us-hero__text">
<h1 class="title-1 mob-title-1 title" data-animate="word" data-index="1">
Клієнти платять, Ми обробляємо, <br class="--pc-display">
Ви заробляєте
</h1>
<p class="text text-1 mob-text-2" data-animate="swim-top" data-index="2">
Ми створимо платіжне рішення, яке закриватиме потреби вашого проєкту та <br class="--pc-display">
збільшуватиме кількість здійснених
транзакцій. Спираючись на багаторічний <br class="--pc-display"> досвід, прагнення до модернізації та
індивідуальний підхід, ми
пропонуємо <br class="--pc-display"> інноваційні та безпечні сервіси під конкретні запити.
</p>
</div>
</div>
<div class="container -bigger" data-animate="swim-top" data-index="3" data-check-in-viewport="">
<div class="about-us-hero__animation">
<div class="img">
<div class="arrows">
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="first-arr" opacity="0.3" fill-rule="evenodd" clip-rule="evenodd"
d="M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C7.89464 6.48043 8 6.73478 8 7C8 7.26522 7.89464 7.51957 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z"
fill="#0057FF" />
<path class="last-arr" fill-rule="evenodd" clip-rule="evenodd"
d="M8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893L15.7071 6.29289C15.8946 6.48043 16 6.73478 16 7C16 7.26522 15.8946 7.51957 15.7071 7.70711L9.70711 13.7071C9.31658 14.0976 8.68342 14.0976 8.29289 13.7071C7.90237 13.3166 7.90237 12.6834 8.29289 12.2929L13.5858 7L8.29289 1.70711C7.90237 1.31658 7.90237 0.683418 8.29289 0.292893Z"
fill="#0057FF" />
</svg>
</div>
<div class="phone-animation">
<div class="phone-animation__wrapper">
<img src="images/about-us/animation/phone/phone.png" alt="" class="phone">
<img src="images/about-us/animation/phone/card.png" alt="" class="card">
<img src="images/about-us/animation/phone/man.png" alt="" class="man">
</div>
</div>
</div>
<div class="img">
<div class="arrows">
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="first-arr" opacity="0.3" fill-rule="evenodd" clip-rule="evenodd"
d="M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C7.89464 6.48043 8 6.73478 8 7C8 7.26522 7.89464 7.51957 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z"
fill="#0057FF" />
<path class="last-arr" fill-rule="evenodd" clip-rule="evenodd"
d="M8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893L15.7071 6.29289C15.8946 6.48043 16 6.73478 16 7C16 7.26522 15.8946 7.51957 15.7071 7.70711L9.70711 13.7071C9.31658 14.0976 8.68342 14.0976 8.29289 13.7071C7.90237 13.3166 7.90237 12.6834 8.29289 12.2929L13.5858 7L8.29289 1.70711C7.90237 1.31658 7.90237 0.683418 8.29289 0.292893Z"
fill="#0057FF" />
</svg>
</div>
<div class="circle-animation">
<div class="circle-animation__wrapper">
<div class="logo">
<img src="images/about-us/animation/circle/logo.svg" alt="">
</div>
<div class="circle">
<img src="images/about-us/animation/circle/dashed-circle.svg" alt="">
<div class="img"><img src="images/about-us/animation/circle/bank.png" alt=""></div>
<div class="img"><img src="images/about-us/animation/circle/globe.png" alt=""></div>
<div class="img"><img src="images/about-us/animation/circle/payment-method.png" alt=""></div>
<div class="img"><img src="images/about-us/animation/circle/balue.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="img">
<div class="order-animation">
<div class="order-animation__wrapper">
<div class="order-animation__item">
<img src="images/about-us/animation/order/1.png" alt="">
</div>
<div class="order-animation__item">
<img src="images/about-us/animation/order/4.png" alt="">
</div>
<div class="order-animation__item">
<img src="images/about-us/animation/order/1.png" alt="">
</div>
<div class="order-animation__item">
<img src="images/about-us/animation/order/2.png" alt="">
</div>
<div class="order-animation__item">
<img src="images/about-us/animation/order/3.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="call-to-action" data-animate-group="list" data-animate="swim-top" data-index="1" data-offset="0.3">
<div class="container">
<div class="call-to-action-wrapper">
<div class="emoji-wrapper" data-animate="swim-top" data-index="3">
<div class="emoji"><img src="images/about-us/emoji-1.png" alt=""></div>
<div class="emoji"><img src="images/about-us/emoji-2.png" alt=""></div>
<div class="emoji"><img src="images/about-us/emoji-3.png" alt=""></div>
<div class="emoji"><img src="images/about-us/emoji-4.png" alt=""></div>
<div class="emoji"><img src="images/about-us/emoji-5.png" alt=""></div>
</div>
<h2 class="title title-3 mob-title-3" data-animate="word" data-index="2">
SendOn – це платіжна система <br class="--pc-display"> для вашого сайту, мобільного <br
class="--pc-display"> додатку та соціальних мереж.
</h2>
<p class="text text-1 mob-text-2" data-animate="swim-top" data-index="3">
Ми інтегруємо платіжне рішення у будь‑який <br class="--pc-display"> сервіс та налаштуємо
інфраструктуру
так, аби ваш <br class="--pc-display"> бізнес зростав
із кожним успішним платежем.
</p>
<div class="default-button -hover-swipe" data-animate="swim-top" data-index="4">
<div class="icon-wrapper">
<span class="icon">
<span>
<img src="images/ui-kit/arrow-right.svg" alt="">
</span>
<span>
<img src="images/ui-kit/plus.svg" alt="">
</span>
</span>
</div>
<span class="text">
Підключити
</span>
</div>
</div>
</div>
</section>
<section class="benefits-section">
<div class="container">
<div class="pinned-slider" data-animate-group="list">
<div class="pinned-slider__wrapper">
<div class="title-wrapper">
<h2 class="title-2 mob-title-2 title" data-animate="word" data-index="1">
Наші переваги
</h2>
</div>
<div class="benefits__slider" data-animate="swim-top" data-index="2">
<div class="benefits__slider-wrapper">
<div class="benefits-slide pinned-slider__slide" style="background: var(--gradient-blue);">
<div class="benefits-slide__text">
<p class="title title-3 mob-title-3">
Сучасність та інноваційність
</p>
<p class="text text-2 mob-text-2">
Ми прагнемо не лише надавати якісні послуги, а й поліпшувати життя кожного через впровадження
інноваційних рішень та технологій. Пакет платіжних методів постійно розширюється, адже
ми розвиваємося у одному темпі з
фінтек‑світом.
</p>
</div>
<div class="benefits-slide__img">
<img src="images/about-us/slide-1.png" alt="">
</div>
</div>
<div class="benefits-slide pinned-slider__slide" style="background: var(--gradient-yellow);">
<div class="benefits-slide__text">
<p class="title title-3 mob-title-3">
Надійність та безпечність
</p>
<p class="text text-2 mob-text-2">
Ми гарантуємо безпеку вашого
бізнесу від шахраїв завдяки
нашій антифрод-системі.
</p>
</div>
<div class="benefits-slide__img">
<img src="images/about-us/slide-2.png" alt="">
</div>
</div>
<div class="benefits-slide pinned-slider__slide" style="background: var(--gradient-green);">
<div class="benefits-slide__text">
<p class="title title-3 mob-title-3">
Довіра та чесність
</p>
<p class="text text-2 mob-text-2">
Ми виконуємо обіцянки – ви отримуєте жаданий результат. Наші клієнти можуть бути впевнені у
постійній
підтримці нашої команди та дієвості
інтегрованих рішень.
</p>
</div>
<div class="benefits-slide__img">
<img src="images/about-us/slide-3.png" alt="">
</div>
</div>
<div class="benefits-slide pinned-slider__slide" style="background: var(--gradient-pink);">
<div class="benefits-slide__text">
<p class="title title-3 mob-title-3">
Зручність та доступність
</p>
<p class="text text-2 mob-text-2">
Декілька кліків – і транзакція здійснена. Ми створюємо та інтегруємо платіжні модулі, з якими
клієнти
можуть швидко та у зручний для них спосіб
оплачувати ваші послуги.
</p>
</div>
<div class="benefits-slide__img">
<img src="images/about-us/slide-4.png" alt="">
</div>
</div>
</div>
<div class="pinned-slider__pagination"></div>
</div>
</div>
</div>
</div>
</section>
<section class="partners-section" data-animate-group="list">
<div class="container">
<div class="title-wrapper">
<h2 class="title-2 mob-title-2 title" data-animate="word" data-index="1">
Нас обирають найкращі
</h2>
</div>
</div>
<div class="partners-wrapper">
<div class="pc-slider">
<div class="partners-wrapper__line conveyor-belt -for-pc -second-on-mob" data-check-in-viewport
data-animate="swim-top" data-index="2">
<div class="conveyor-belt-part">
<div class="partners-wrapper__item">
<img src="images/about-us/partners/1.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/2.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/3.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/4.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/5.svg" alt="">
</div>
</div>
</div>
<div class="partners-wrapper__line conveyor-belt -reverse -for-pc" data-check-in-viewport
data-animate="swim-top" data-index="3">
<div class="conveyor-belt-part">
<div class="partners-wrapper__item">
<img src="images/about-us/partners/6.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/7.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/8.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/9.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/10.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/11.svg" alt="">
</div>
</div>
</div>
</div>
<div class="mobile-slider">
<div class="partners-wrapper__line -reverse -for-pc" data-check-in-viewport data-animate="swim-top"
data-index="2">
<div class="conveyor-belt-part">
<div class="partners-wrapper__item">
<img src="images/about-us/partners/8.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/9.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/10.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/11.svg" alt="">
</div>
</div>
</div>
<div class="partners-wrapper__line -for-pc" data-check-in-viewport data-animate="swim-top" data-index="3">
<div class="conveyor-belt-part">
<div class="partners-wrapper__item">
<img src="images/about-us/partners/1.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/2.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/3.svg" alt="">
</div>
</div>
</div>
<div class="partners-wrapper__line -reverse -for-pc" data-check-in-viewport data-animate="swim-top"
data-index="4">
<div class="conveyor-belt-part">
<div class="partners-wrapper__item">
<img src="images/about-us/partners/6.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/7.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/8.svg" alt="">
</div>
<div class="partners-wrapper__item">
<img src="images/about-us/partners/9.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="form-section" id="contact-form" data-animate-group="list">
<div class="container">
<div class="title-wrapper">
<h2 class="title-2 mob-title-2 title" data-animate="word" data-index="1">
Покращіть роботу вашого бізнесу
</h2>
<p class="text text-1 mob-text-1" data-animate="swim-top" data-index="2">
Інтегруйте ефективне платіжне рішення відповідно до потреб <br class="--mob-display"> проєкту.
</p>
</div>
<div class="form-block" data-animate="swim-top" data-index="3">
<div class="form-block__left">
<h3 class="title title-3 mob-title-3">
Звʼяжіться з нами,
аби дізнатися більше
</h3>
<p class="text text-2 mob-text-2">
Наші консультанти нададуть вам детальну інформацію щодо можливих варіантів
рішень конкретно для вашого
бізнесу
</p>
<div class="img form-block__img">
<img src="images/contacts/contacts.png" alt="">
</div>
</div>
<div class="form-block__right">
<div class="form__wrapper">
<div class="form">
<form action="#">
<div class="double-input">
<div class="input" data-important="not-empty">
<p class="label text-2 mob-text-2">Імʼя</p>
<input type="text">
</div>
<div class="input">
<p class="label text-2 mob-text-2">Сайт компанії</p>
<input type="link">
</div>
</div>
<div class="double-input">
<div class="input" data-important="email">
<p class="label text-2 mob-text-2">Email</p>
<input type="email">
</div>
<div class="input" data-important="inputmask">
<p class="label text-2 mob-text-2">Телефон</p>
<input type="text" class="phone-mask">
</div>
</div>
<button class="default-button -hover-swipe">
<div class="icon-wrapper">
<span class="icon">
<span>
<img src="images/ui-kit/arrow-right.svg" alt="">
</span>
<span>
<img src="images/ui-kit/plus.svg" alt="">
</span>
</span>
</div>
<span class="text">
Відправити
</span>
</button>
<p class="agreement text-2">
Натискаючи «Відправити», ви підтверджуєте, що прочитали та <br class="--pc-display"> <br
class="--tablet-display">
зрозуміли інформацію щодо <a href="#">Oбробки персональних даних</a>.
</p>
</form>
</div>
<div class="form__thank">
<div class="img">
<img src="images/contacts/check.svg" alt="">
</div>
<p class="title title-3 mob-title-3">
Вашу заявку <br class="--pc-display">
успішно відправлено
</p>
<p class="text text-2 mob-text-2">
Наші менеджери звʼяжуться з вами найближчим <br class="--pc-display">
часом аби відповісти на всі ваші запитання
</p>
<a href="#" class="default-button">
Зрозуміло
</a>
</div>
</div>
</div>
<div class="form-block__img">
<img src="images/contacts/contacts.png" alt="">
</div>
</div>
</div>
</section>
</main>
<section class="breadcrumbs">
<div class="container">
<div class="breadcrumbs__wrapper text-2 mob-text-2 --semi-bold">
<a href="index.html" class="home-link"></a>
<p>Про нас</p>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-wrapper">
<div class="footer__col -big">
<a href="#" class="logo">
<img src="images/logo.svg" alt="">
</a>
<div class="partners">
<div class="img">
<img src="images/ui-kit/pci-dss.svg" alt="">
</div>
<div class="img">
<img src="images/ui-kit/visa.svg" alt="">
</div>
<div class="img">
<img src="images/ui-kit/mastercard.svg" alt="">
</div>
</div>
</div>
<div class="footer__col -big">
<div class="footer__menu-list">
<a href="index.html" class="text-2 mob-text-2 --semi-bold link ">
Головна
</a>
<a href="payments-solutions.html" class="text-2 mob-text-2 --semi-bold link">
Платіжні рішення
</a>
<a href="about-us.html" class="text-2 mob-text-2 --semi-bold link -active">
Про нас
</a>
<a href="contacts.html" class="text-2 mob-text-2 --semi-bold link">
Контакти
</a>
</div>
</div>
<a href="mailto:info@sendon.com" class="footer__col -small">
<div class="social-icon">
<img src="images/ui-kit/mail.svg" alt="">
</div>
<div class="text text-2 mob-text-2">
<p class="name">Email</p>
<p class="value --semi-bold">info@sendon.com</p>
</div>
</a>
<a href="tel:+380987654321" class="footer__col -small">
<div class="social-icon">
<img src="images/ui-kit/phone.svg" alt="">
</div>
<div class="text text-2 mob-text-2">
<p class="name">Телефон</p>
<p class="value --semi-bold">+380 98 765 4321</p>
</div>
</a>
<div class="footer__col">
<div class="social-list">
<a href="#" class="social-icon">
<img src="images/ui-kit/fb.svg" alt="">
</a>
<a href="#" class="social-icon">
<img src="images/ui-kit/linkedin.svg" alt="">
</a>
<a href="#" class="social-icon">
<img src="images/ui-kit/twitter.svg" alt="">
</a>
<a href="#" class="social-icon">
<img src="images/ui-kit/telegram.svg" alt="">
</a>
</div>
</div>
<div class="footer__col -bottom">
<div class="col">
<p class="copyright text-2 mob-text-2 --font-display">
© SendOn, 2023
</p>
</div>
<div class="col">
<a href="text-page.html" class="link text-2 mob-text-2">
Oбробкa персональних даних
</a>
</div>
<div class="col">
<p class="designed-by">
Дизайн і розробка <a href="https://goodface.agency/" target="_blank">Goodface</a>
</p>
</div>
</div>
</div>
</div>
</footer>
<script src="js/lib/jquery-3.6.0.min.js"></script>
<script src="js/lib/gsap.min.js"></script>
<script src="js/lib/ScrollTrigger.min.js"></script>
<script src="js/lib/jquery.inputmask.min.js"></script>
<script src="js/lib/scroll-lock.min.js"></script>
<script src="js/lib/swiper-bundle.min.js"></script>
<script src="js/custom-solutions.js?v=1.1">
</script>
<script src="js/script.js?v=1.1"></script>
<script src="js/animations.js?v=1.1"></script>
<script src="js/test.js?v=1.1"></script>
</body>
</html>