<!DOCTYPE html>
<html lang="uk">
<head>
<title>
404 Error
</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 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="#" class="-active">Головна</a>
<a 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="section-404">
<div class="container">
<div class="section-404__wrapper">
<h1 class="title title-1 mob-title-1">
Сторінка не знайдена
</h1>
<p class="text text-1 mob-text-2">
Можливо, введено неправильну адресу або сторінку <br class="--pc-display"> видалено.
</p>
<div class="default-button -hover-swipe -texted -light">
<div class="icon-wrapper">
<span class="icon">
<span class="-text">404</span>
<span>
<img src="images/ui-kit/home.svg" alt="">
</span>
</span>
</div>
<span class="text">
На головну
</span>
</div>
</div>
</div>
</section>
</main>
<section class="breadcrumbs -page-404">
<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 -active">
Головна
</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">
Контакти
</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>