/home/bdqbpbxa/demo-subdomains/sendon.goodface.com.ua/wp-content/themes/sendon/assets/contacts.html
<!DOCTYPE html>
<html lang="uk">
<head>
<title>
Contacts
</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/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 href="about-us.html">Про нас</a>
<a href="payments-solutions.html">Платіжні рішення</a>
<a class="-active" 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 href="about-us.html">Про нас</a>
<a href="payments-solutions.html">Платіжні рішення</a>
<a class="-active" 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="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">
Зв'яжіться з нами, і ми запропонуємо рішення для вашого бізнесу
</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>Contacts</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">
Про нас
</a>
<a href="contacts.html" class="text-2 mob-text-2 --semi-bold link -active">
Контакти
</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/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>