/home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua/index.html
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="utf-8" />
<title>bill_line</title>
<meta
name="title"
content="Платіжна система для будь-якого онлайн бізнесу"
/>
<meta
name="description"
content="bill_line — fintech-компанія, платіжний сервіс провайдер, що створює сучасне фінансове рішення для будь-якого онлайн-бізнесу"
/>
<!-- TODO: Delete noindex on production -->
<meta name="robots" content="noindex" />
<meta name="googlebot" content="noindex" />
<!-- 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/compose.css" />
<!-- Favicon -->
<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="#9680ff"
/>
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#ffffff" />
<!-- 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://billline.net" />
<meta property="og:site_name" content="bill_line" />
<meta
property="og:title"
content="Платіжна система для будь-якого онлайн бізнесу"
/>
<meta
property="og:description"
content="bill_line — fintech-компанія, платіжний сервіс провайдер, що створює сучасне фінансове рішення для будь-якого онлайн-бізнесу"
/>
<meta property="og:image" content="images/opengraph.png" />
<style>
.preloader {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
background-color: var(--white);
overflow: hidden;
}
.preloader.-visible {
display: block;
}
.preloader video,
.preloader img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 759px) {
.preloader video,
.preloader img {
-webkit-transform: scale(2);
transform: scale(2);
}
}
</style>
</head>
<body class="-homepage">
<div class="preloader">
<video src="images/preloader.mp4" muted autoplay playsinline></video>
</div>
<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.length;
if (preloader && isPreloaderLoaded) {
preloader.remove();
} else if (preloader) {
preloader.classList.add("-visible");
window.addEventListener("load", function () {
window.localStorage.setItem(
"visited-pages",
visitedPages + " " + fullPageUrl
);
});
}
</script>
<header class="header">
<div class="container">
<div class="header-container">
<a href="/" class="header__logo">
<img src="images/logo-text.svg" alt="billline.net" />
</a>
<div class="header__menu">
<div
class="
localization-dropdown
--dropdown
text-2
--medium-text
--caps-text
"
>
<div class="--dropdown__value">
<span
class="
localization-dropdown__icon
--mask-item
--gradient-hover
"
style="
-webkit-mask-image: url(images/icons/globe.svg);
mask-image: url(images/icons/globe.svg);
"
></span>
<p class="--gradient-hover">Укр</p>
<span
class="
localization-dropdown__arrow
--mask-item
--gradient-hover
"
style="
-webkit-mask-image: url(images/icons/caret-down.svg);
mask-image: url(images/icons/caret-down.svg);
"
></span>
</div>
<div class="--dropdown__list">
<a
href="#"
class="--dropdown__list-item --gradient-hover -active"
>
Укр
</a>
<a href="/ru" class="--dropdown__list-item --gradient-hover">
Рус
</a>
<a href="/en" class="--dropdown__list-item --gradient-hover">
Eng
</a>
</div>
</div>
<nav class="header__menu-nav text-2 --medium-text">
<a class="header__nav --gradient-hover" href="/product">
Продукт
</a>
<a class="header__nav --gradient-hover" href="/connect">
Підключення
</a>
<a class="header__nav --gradient-hover" href="/api"> API </a>
<a class="header__nav --gradient-hover" href="/about">
Про компанію
</a>
<a class="header__nav --gradient-hover" href="/contacts">
Контакти
</a>
</nav>
<div class="header__button-box">
<a
href="https://cabinet.billline.net/login"
target="_blank"
class="default-button -small"
>
<p data-hover-text="Увійти">Увійти</p>
</a>
<a
href="https://cabinet.billline.net/register"
target="_blank"
class="default-button -small -shadow -black"
>
<p>Реєстрація</p>
<span class="default-button__arrow"></span>
</a>
</div>
</div>
<button
class="
header__open-menu-button
-small
default-button
-shadow
-white
"
>
<div></div>
<div></div>
<div></div>
</button>
</div>
</div>
</header>
<main>
<section
class="homepage-main-section --margin-bottom-200 --mob-margin-bottom-80"
>
<div class="container">
<div class="homepage-main-container" data-animate="swim-top">
<div class="homepage-main__text-box">
<h1 class="homepage-main__title title-1 mob-title-1 --bold-text">
Платіжна система для будь‑якого онлайн бізнесу
</h1>
<p class="homepage-main__text text-1 mob-text-1">
Довірте платіжні процеси bill_line і приділяйте <br />більше
часу для розвитку компанії
</p>
<a
href="https://cabinet.billline.net/register"
target="_blank"
class="default-button -shadow -black"
>
<p>Реєстрація</p>
<span class="default-button__arrow"></span>
</a>
</div>
<div class="homepage-main__image">
<img
src="images/homepage/main-img.png"
alt="Платіжна система для будь-якого онлайн бізнесу - billline.net"
/>
</div>
</div>
</div>
</section>
<section
class="
partners-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-80 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="partners-container --content-container-M">
<p class="partners-section__description text-1 mob-text-1">
Компанії, які працюють з нами
</p>
<ul class="partners-section__grid">
<li>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/estore.svg"
alt="eStore - billline.net"
/>
</li>
<li>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/gc-ua.svg"
alt="GC UA - billline.net"
/>
</li>
<li>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/sigma.svg"
alt="Sigma - billline.net"
/>
</li>
<li>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/slotegrator.svg"
alt="Slotegrator - billline.net"
/>
</li>
<li>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/gf.svg"
alt="Goodface - billline.net"
/>
</li>
<li>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/corefy.svg"
alt="Corefy - billline.net"
/>
</li>
</ul>
</div>
</div>
</section>
<article
class="
connect-card-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="connect-card-section-container --content-container-M">
<h2
class="
connect-card-section__title
title-2
mob-title-2
--bold-text
"
>
Створюємо кращий платіжний <br />досвід для ваших клієнтів
</h2>
<div class="connect-card__block">
<div
class="connect-card__left"
style="
background-image: url(images/connect-card/connect-background-1.svg);
"
>
<div class="connect-card__editor --white-text">
<h3>Платіжна система</h3>
<h4>
Ми робимо все, щоб клієнти вашого бізнесу безперебійно
здійснювали оплати. Cтворюємо індивідуальні рішення, які
допоможуть вирішити конкретно ваші задачі.
</h4>
<p>
bill_line забезпечує оплату для інтернет-магазинів,
платформ, маркетплейсів, банків, страхових компаній,
благодійних організацій, служб таксі, онлайн-кас, мобільних
операторів, ігор та будь-яких інших компаній з платіжними
операціями в інтернеті.
</p>
</div>
<a
href="https://cabinet.billline.net/register"
target="_blank"
class="connect-card__button default-button -shadow -white"
>
<p>Реєстрація</p>
<span class="default-button__arrow"></span>
</a>
</div>
<div class="connect-card__right">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/connect-card/img-1.png"
alt="Створюємо кращий платіжний досвід для ваших клієнтів - billline.net"
/>
</div>
</div>
</div>
</div>
</article>
<section
class="
homepage-methods-section
--margin-top-200 --margin-bottom-160
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="info-block -payment --content-container-M">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Найзручніші методи оплат</h2>
<p>
Ми співпрацюємо тільки з надійними та перевіреними компаніями,
заради комфорту та безпеки наших клієнтів.
</p>
</div>
</div>
<div class="info-block__image" data-check-in-viewport>
<div class="info-block__logo">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/logo.svg"
alt="billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/apple-pay.svg"
alt="Apple Pay - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/union-pay.svg"
alt="Union Pay - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/mastercard.svg"
alt="Mastercard - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/prostir.png"
alt="Простір - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/telegram.svg"
alt="Telegram - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/google-pay.svg"
alt="Google Pay - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/visa.svg"
alt="Visa - billline.net"
/>
</div>
</div>
</div>
</div>
</section>
<article
class="
homepage-info-card-section
--margin-top-160 --margin-bottom-160
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="info-card-grid -two-col --content-container-M">
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #e0eff9">
<span
class="--mask-item"
style="
background-color: #66aee0;
-webkit-mask-image: url(images/icons/currency-circle-dollar.svg);
mask-image: url(images/icons/currency-circle-dollar.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
Приймайте платежі <br />в різних валютах
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>
Основні валюти, які використовують клієнти bill_line — гривня,
долар, євро. Але підключаємо локальні валюти з будь-якої
країни світу.
</p>
</div>
</div>
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #e7f4e1">
<span
class="--mask-item"
style="
background-color: #7ac668;
-webkit-mask-image: url(images/icons/timer.svg);
mask-image: url(images/icons/timer.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
Отримуйте швидкі <br />виплати
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>
В нас є різні варіанти отримання грошей. Це виплати на карту
або розрахунковий рахунок. В особистому кабінеті зможете
налаштувати автоматичні виплати по API або в будь-який момент
отримати виплати в ручному режимі.
</p>
</div>
</div>
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #e8ebf8">
<span
class="--mask-item"
style="
background-color: #8d9adb;
-webkit-mask-image: url(images/icons/selection-plus.svg);
mask-image: url(images/icons/selection-plus.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
Підключайте індивідуальне рішення
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>
Маємо досвід роботи з різними нішами. Від Інтернет-магазинів
до маркетплейсів з великою кількістю платіжних операцій.
Можемо створити візуальне та технічне рішення під ваші
потреби.
</p>
</div>
</div>
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #fbf2da">
<span
class="--mask-item"
style="
background-color: #ebbf46;
-webkit-mask-image: url(images/icons/smiley-wink.svg);
mask-image: url(images/icons/smiley-wink.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
Збільшуйте кількість вдалих оплат
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>
Ваші клієнти зможуть здійснювати оплати без збоїв. Тому що ми
забезпечили безперебійну систему. Співпрацюємо з декількома
банками і проведемо платіж через інших партнерів.
</p>
</div>
</div>
</div>
</div>
</article>
<section
class="
homepage-cta-banner-section
--margin-top-160 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="cta-card -banner">
<div class="cta-card__text-box">
<h2 class="cta-card__title title-2 mob-title-2 --bold-text">
Як bill_line Checkout збільшив кількість вдалих оплат на 26%
</h2>
<div class="cta-card__text text-1 mob-text-1">
<p>
Дізнавайтеся на прикладах співпраць, які результати приносить
Checkout bill_line
</p>
</div>
<div class="cta-card__button-box">
<a
href="https://t.me/PartnershipBL"
target="_blank"
class="default-button -shadow -black"
>
<p>Дізнатись більше</p>
<span class="default-button__arrow"></span>
</a>
</div>
</div>
<div class="cta-card__custom-image-box">
<div class="cta-card__custom-image">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/logo-text.svg"
alt="billline.net"
/>
</div>
<div class="cta-card__custom-x">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/cta-card/banner-x.svg"
alt="Дізнавайтеся на прикладах співпраць - billline.net"
/>
</div>
<div class="cta-card__custom-image-text">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/cta-card/estore.svg"
alt="eStore - billline.net"
/>
</div>
</div>
</div>
</div>
</section>
<section
class="
homepage-detail-analytics-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="info-block -analytics --content-container-M">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Детальна аналітика за запитом</h2>
<p>
Отримуйте звіт за всіма транзакціями, конверсіями, доходами,
оборотом, платежами за місцем їх проведення, за типами карток,
платіжними операціями кожного каналу, а також за інформацією
про платників.
</p>
<p>
Щоб ви аналізували фінансові показники і масштабували бізнес.
Також можемо створити кастомну аналітику під будь-який запит.
</p>
</div>
</div>
<div class="info-block__image">
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/merchants.jpg"
alt="Детальна аналітика за запитом - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/transactions.jpg"
alt="Детальна аналітика за запитом - billline.net"
/>
</div>
</div>
</div>
</div>
</section>
<article
class="
connect-card-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="connect-card__block --content-container-M">
<div
class="connect-card__left"
style="
background-image: url(images/connect-card/connect-background-2.svg);
"
>
<div class="connect-card__editor --white-text">
<h3>Найшвидший спосіб інтеграції до вашого бізнесу</h3>
<h4>Підключення займає в середньому від 3,5 годин</h4>
<p>
Зрозумілі API та документація дозволяють легко підключити
платіжну систему bill_line. Також маємо модульні рішення для
типових CMS. А наша підтримка швидко допоможе в разі чогось.
</p>
<p>
Якщо вам потрібна нестандартна інтеграція, створимо
індивідуальне рішення.
</p>
</div>
<a
href="#form"
class="connect-card__button default-button -shadow -white"
>
<p>Підключити</p>
<span class="default-button__arrow"></span>
</a>
</div>
<div class="connect-card__right">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/api-img.png"
alt="Найшвидший спосіб інтеграції до вашого бізнесу - billline.net"
/>
</div>
</div>
</div>
</article>
<article
class="
quote-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container">
<div class="quote-card --content-container-S">
<div class="quote-card-container" data-animate="swim-top">
<div class="quote-card__text-container">
<blockquote
class="quote-card__quote title-5 mob-title-5 --bold-text"
>
«Робота з платежами — це завжди глибоке розуміння того, як
працює бізнес кожного клієнта. І bill_line у цьому питанні
завжди розуміє клієнта на 100%.»
</blockquote>
<div class="quote-card__user">
<img
class="quote-card__user-photo -lazyload"
srcset="images/lazyload.png"
src="images/quote-card/quote-photo-2.png"
alt="Олег Киян - billline.net"
/>
<div class="quote-card__user-info">
<div
class="
quote-card__user-name
text-2
mob-text-2
--bold-text
"
>
Олег Киян
</div>
<div class="quote-card__user-position text-3">
СМО WhiteBit
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
<article
class="
secure-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="secure-container --content-container-M">
<div class="info-block -secure">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Безпека платежів в пріоритеті</h2>
<p>
bill_line сертифікована за найвищими галузевими стандартами
та відповідає світовим стандартам безпеки.
</p>
</div>
</div>
<div class="info-block__image">
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/secure-img-1.png"
alt="Безпека платежів в пріоритеті - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/secure-img-2.svg"
alt="Безпека платежів в пріоритеті - billline.net"
/>
</div>
</div>
</div>
<div class="info-card-grid --margin-top-120 --mob-margin-top-40">
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #e7f4e1">
<span
class="--mask-item"
style="
background-color: #7ac668;
-webkit-mask-image: url(images/icons/lock.svg);
mask-image: url(images/icons/lock.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
3D secure 2.0
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>
Додатковий рівень аутентифікації, який захищає вас від
відповідальності за шахрайські платежі карткою.
</p>
</div>
</div>
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #eae6ff">
<span
class="--mask-item"
style="
background-color: #9680ff;
-webkit-mask-image: url(images/icons/shield-check.svg);
mask-image: url(images/icons/shield-check.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
Захищена форма оплати
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>
Форма оплати захищена від передачі даних, зміни браузера,
фроду та будь-яких шахрайських операцій.
</p>
</div>
</div>
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #e0eff9">
<span
class="--mask-item"
style="
background-color: #66aee0;
-webkit-mask-image: url(images/icons/detective.svg);
mask-image: url(images/icons/detective.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
Anti-fraud системи
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>
Допомагають виявити потенційну небезпеку на ранніх етапах та
перевірити кожну транзакцію.
</p>
</div>
</div>
</div>
</div>
</div>
</article>
<article
class="
homepage-improve-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="info-block --content-container-M">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Постійно покращуємо технології</h2>
<p>
Ми постійно розвиваємо платіжну систему, і розуміємо, що
потрібно бізнесу.
</p>
<p>
Вузька спеціалізація дозволяє постійно покращувати продукти
bill_line. А внутрішня команда розробників регулярно створює
та тестує нові функції.
</p>
<p>
Як результат, бізнес отримує кращий досвід роботи з платежами.
</p>
</div>
</div>
<div class="info-block__image -square">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/improve-tech-image.jpg"
alt="Постійно покращуємо технології - billline.net"
/>
</div>
</div>
</div>
</article>
<article
class="
support-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="support-container --content-container-M">
<div class="support-section__image">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/support-img.jpg"
alt="Турботлива підтримка - billline.net"
/>
</div>
<div class="support-section__text-box">
<div class="support-section__messangers">
<div class="support-section__email">
<span
class="--mask-item"
style="
-webkit-mask-image: url(/images/icons/envelope.svg);
mask-image: url(/images/icons/envelope.svg);
"
></span>
</div>
<div class="support-section__telegram">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/telegram.svg"
alt="Telegram - billline.net"
/>
</div>
<div class="support-section__skype">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/skype.svg"
alt="Skype - billline.net"
/>
</div>
</div>
<h2
class="support-section__title title-5 mob-title-5 --bold-text"
>
Турботлива підтримка
</h2>
<div class="support-section__text text-2 mob-text-2">
<p>
Напевне, ви не раз стикалися з підтримкою фінансових
продуктів, де потрібно проходити десять кіл пекла, щоб
вирішити проблему?
</p>
<p>
У нас все простіше – пишіть в зручний для вас месенджер і
одразу отримуйте рішення.
</p>
</div>
<a
href="/contacts"
class="support-section__button default-button -shadow -black"
>
<p>Написати в підтримку</p>
<span class="default-button__arrow"></span>
</a>
</div>
</div>
</div>
</article>
<article
class="
quote-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container">
<div class="quote-card --content-container-S">
<div class="quote-card-container" data-animate="swim-top">
<div class="quote-card__text-container">
<blockquote
class="quote-card__quote title-5 mob-title-5 --bold-text"
>
«Я вірю, що наша компанія стає все більше і більше про людей.
Ми виявляємо проблеми раніше, ніж їх помічає клієнт»
</blockquote>
<div class="quote-card__user">
<img
class="quote-card__user-photo -lazyload"
srcset="images/lazyload.png"
src="images/quote-card/quote-photo-1.png"
alt="Анатолій Карпенко - billline.net"
/>
<div class="quote-card__user-info">
<div
class="
quote-card__user-name
text-2
mob-text-2
--bold-text
"
>
Анатолій Карпенко
</div>
<div class="quote-card__user-position text-3">
Head of bill_line Support
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
<article
class="
cta-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="cta-card -version-1">
<div class="cta-card__text-box --white-text">
<h2 class="cta-card__title title-2 mob-title-2 --bold-text">
Приймайте платежі з bill_line
</h2>
<div class="cta-card__text text-1 mob-text-1">
<p>
Надайте своїм клієнтам швидший, простіший і безпечніший спосіб
оплати.
</p>
</div>
<div class="cta-card__button-box">
<a
href="https://cabinet.billline.net/register"
target="_blank"
class="default-button -shadow -white"
>
<p>Реєстрація</p>
<span class="default-button__arrow"></span>
</a>
<a href="/contacts" class="default-button --white-text">
<p data-hover-text="Написати Sales">Написати Sales</p>
<span class="default-button__arrow"></span>
</a>
</div>
</div>
<div class="cta-card__illustration">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/cta-card/cta-illustration-1.png"
alt="Приймайте платежі з bill_line - billline.net"
/>
</div>
</div>
</div>
</article>
<section
id="form"
class="form-section --margin-top-200 --mob-margin-top-120"
>
<div class="container" data-animate="swim-top">
<div class="form-container --content-container-S">
<div class="form-section__title-box">
<div class="form-section__img">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/form/form-stars.svg"
alt="Підключайте індивідуальне рішення - billline.net"
/>
</div>
<h2 class="form-section__title title-2 mob-title-2 --bold-text">
Підключайте індивідуальне рішення
</h2>
<p class="form-section__subtitle text-1 mob-text-1">
Ми розуміємо, що кожен бізнес особливий, тому створюємо рішення,
які враховують потреби вашої компанії. Наша команда розробки має
досвід реалізації найбільш складних технічних систем.
</p>
</div>
<div class="form-block -connect --sending-form-container">
<div class="--sending-form">
<div class="form__title-box --white-text">
<h3 class="form__title title-5 mob-title-5 --bold-text">
Заявка на підключення
</h3>
<p class="form__subtitle text-1 mob-text-1">
Залишайте заявку, щоб почати співпрацю
</p>
</div>
<div class="form">
<form name="connect">
<div class="form__grid">
<div class="input -input" data-important="not-empty">
<label>Ім’я *</label>
<input type="text" name="name" />
<span
class="input__invalid"
data-correct-text="Перевірте правильність введених даних"
data-fill-text="Це поле є обов'язковим для заповнення"
>
</span>
</div>
<div class="input -input" data-important="not-empty">
<label>URL адреса *</label>
<input type="text" name="url" />
<span
class="input__invalid"
data-correct-text="Перевірте правильність введених даних"
data-fill-text="Це поле є обов'язковим для заповнення"
>
</span>
</div>
<div class="input -input" data-important="email">
<label>Електронна пошта *</label>
<input type="text" name="email" />
<span
class="input__invalid"
data-correct-text="Перевірте правильність введених даних"
data-fill-text="Це поле є обов'язковим для заповнення"
></span>
</div>
<div class="input -input">
<label>Telegram/Viber/Whatsapp</label>
<input type="text" name="social" />
</div>
<div class="input -input form__textarea">
<label>Короткий опис компанії</label>
<textarea
class="-adaptive-height"
name="message"
></textarea>
</div>
</div>
<div class="checkbox --checkbox" data-important="checked">
<input type="checkbox" checked />
<span class="checkbox__button"></span>
<p class="checkbox__text">
Я згоден, що я ознайомився(лась) з
<a
href="files/Політика%20конфіденційності%20%20(UA).pdf"
target="_blank"
class="default-link --gradient-hover"
>
Політикою конфіденційності
</a>
та приймаю її
</p>
</div>
<button class="form__button default-button -shadow -black">
<p>Надіслати заявку</p>
</button>
</form>
</div>
</div>
<div class="--sending-block --sending-loading">
<div
class="form-sending__img --mask-item"
style="
-webkit-mask-image: url(images/icons/circle-dashed.svg);
mask-image: url(images/icons/circle-dashed.svg);
"
></div>
<div class="form-sending__subtitle text-1 mob-text-1">
Обробляємо вашу заявку...
</div>
</div>
<div class="--sending-block --sending-success">
<div
class="form-sending__img --mask-item"
style="
-webkit-mask-image: url(images/icons/check-circle.svg);
mask-image: url(images/icons/check-circle.svg);
"
></div>
<div
class="form-sending__title title-5 mob-title-5 --bold-text"
>
Заявку успішно відправлено
</div>
<div class="form-sending__subtitle text-1 mob-text-1">
Наші менеджери зв'яжуться з вами найближчим часом і дадуть
відповіді на запитання, що вас цікавлять.
</div>
<button
class="
form-sending__button
default-button
-shadow
-black
--back-to-form
"
>
<p>ОК</p>
</button>
</div>
<div class="--sending-block --sending-error">
<div
class="form-sending__img --mask-item"
style="
-webkit-mask-image: url(images/icons/x-circle-big.svg);
mask-image: url(images/icons/x-circle-big.svg);
"
></div>
<div
class="form-sending__title title-5 mob-title-5 --bold-text"
>
Заявку не вдалося надіслати
</div>
<div class="form-sending__subtitle text-1 mob-text-1">
Сталася помилка під час відправлення. Будь ласка, спробуйте ще
раз.
</div>
<button
class="
form-sending__button
default-button
-shadow
-white
--back-to-form
"
>
<span
class="default-button__icon --mask-item"
style="
-webkit-mask-image: url(images/icons/arrow-clockwise.svg);
mask-image: url(images/icons/arrow-clockwise.svg);
"
></span>
<p>Спробувати ще раз</p>
</button>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer__top">
<div class="footer__top-left">
<div class="footer__logo">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/logo.svg"
alt="billline.net"
/>
</div>
<div class="footer__socials">
<a
href="https://www.facebook.com/billline.net"
target="_blank"
class="default-button -shadow -white -social"
>
<span
class="default-button__icon --mask-item"
style="
-webkit-mask-image: url(images/icons/facebook.svg);
mask-image: url(images/icons/facebook.svg);
"
></span>
</a>
<a
href="https://www.instagram.com/bill_line.payments/"
target="_blank"
class="default-button -shadow -white -social"
>
<span
class="default-button__icon --mask-item"
style="
-webkit-mask-image: url(images/icons/instagram.svg);
mask-image: url(images/icons/instagram.svg);
"
></span>
</a>
<a
href="https://www.linkedin.com/company/billline"
target="_blank"
class="default-button -shadow -white -social"
>
<span
class="default-button__icon --mask-item"
style="
-webkit-mask-image: url(images/icons/linkedin.svg);
mask-image: url(images/icons/linkedin.svg);
"
></span>
</a>
</div>
</div>
<div class="footer__top-right text-2 --medium-text">
<nav class="footer__nav-list">
<a class="footer__nav --gradient-hover" href="/product">
Продукт
</a>
<a class="footer__nav --gradient-hover" href="/connect">
Підключення
</a>
<a class="footer__nav --gradient-hover" href="/about">
Про компанію
</a>
<a class="footer__nav --gradient-hover" href="/contacts">
Контакти
</a>
<a class="footer__nav --gradient-hover" href="/api"> API </a>
</nav>
<nav class="footer__nav-list">
<a
class="footer__nav --gradient-hover"
href="files/Вимоги%20(UA).pdf"
target="_blank"
>
Вимоги
</a>
<a
class="footer__nav --gradient-hover"
href="files/Політика%20конфіденційності%20%20(UA).pdf"
target="_blank"
>
Полiтика конфiденцiйностi
</a>
<a
class="footer__nav --gradient-hover"
href="files/Полiтика%20cookie%20%20(UA).pdf"
target="_blank"
>
Полiтика Cookie
</a>
<a
class="footer__nav --gradient-hover"
href="files/Полiтика%20AML%20(UA).pdf"
target="_blank"
>
Полiтика AML
</a>
</nav>
</div>
</div>
<div class="footer__bot">
<div class="footer__partners">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/partners/pci-dss.svg"
alt="PCI DSS - billline.net"
/>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/partners/visa.svg"
alt="VISA - billline.net"
/>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/partners/mastercard.svg"
alt="Mastercard - billline.net"
/>
</div>
<p class="footer__copyright text-2 --medium-text">© bill_line 2022</p>
</div>
</div>
</footer>
<div class="cookie-block">
<div class="container">
<div class="cookie" data-animate="swim-top">
<p class="text-2 mob-text-2 --white-text">
Цей сайт використовує файли cookie. Використовуючи наш сайт, ви
погоджуєтесь з нашою
<a
href="files/Полiтика%20cookie%20%20(UA).pdf"
target="_blank"
class="default-link"
>Політикою Cookie</a
>.
</p>
<button
class="
cookie__button
default-button
-small
-shadow
-white
text-2
--medium-text
"
>
Приймаю
</button>
</div>
</div>
</div>
<script src="js/lib/jquery-3.6.0.min.js"></script>
<script src="js/lib/jquery.cookie.js"></script>
<script src="js/lib/jquery.inputmask.min.js"></script>
<script src="js/custom-solutions.js"></script>
<script src="js/scroll-animation.js"></script>
<script src="js/form.js"></script>
<script src="js/script.js"></script>
</body>
</html>