/home/bdqbpbxa/demo-subdomains/settlepay.goodface.com.ua/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>SettlePay</title>
<meta charset="utf-8" />
<meta name="description" content="SettlePay Be ahead in the crypto and fiat game!" />
<!-- TODO: Delete noindex on production -->
<meta name="robots" content="noindex" />
<meta name="googlebot" content="noindex" />
<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="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<!-- 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" />
<link rel="stylesheet" type="text/css" href="css/adaptive.css" />
<!-- 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://settlepay.goodface.com.ua/" />
<meta property="og:site_name" content="SettlePay" />
<meta property="og:title" content="Home Page" />
<meta
property="og:description"
content="Be ahead in the
crypto and fiat game!"
/>
<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 -header -mobile">
<div class="header-content">
<div class="header__left-block">
<a href="index.html" class="main-logo">
<img src="./images/desktopLogo.svg" alt="settlePay" />
</a>
<div class="hamburger">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="header__nav-blocks">
<ul class="header__nav-list">
<li>
<a href="settle-pay-wallet.html" role="button" class="nav-bar-links">Personal</a>
</li>
<li>
<a href="businessAccount.html" role="button" class="nav-bar-links">Business</a>
</li>
</ul>
</div>
<div class="header__nav-block">
<div class="header__right-block">
<a
class="header-login-button"
role="button"
href="https://wallet.settlepay.net/ua/login"
target="_blank"
>Log in</a
>
<a
class="header-get-wallet-button"
role="button"
href="https://wallet.settlepay.net/ua/register"
target="_blank"
>Get Wallet</a
>
</div>
</div>
</div>
</div>
</header>
<main>
<section class="main-section --black-section --first-section">
<div class="container -smaller">
<div class="first-section -centered-title --pc-display">
<h1 class="title -centered-title title-1">
SettlePay • Be ahead in the
<span class="-centered-title yellow-frame title-yellow-1">crypto and fiat game!</span>
</h1>
</div>
<div class="first-section2 -centered-title --mob-display">
<h1 class="title -centered-title title-1">
SettlePay •<br />Be ahead in the
<div class="header-gap">
<span class="-centered-title yellow-frame title-yellow-1">crypto and fiat</span>
<span class="-centered-title yellow-frame title-yellow-1"> game!</span>
</div>
</h1>
</div>
<p class="--paragraph-grey-center --pc-display">
Choose the next step and manage your funds:
</p>
<div class="home-card-section">
<a class="footer-main-card" href="settle-pay-wallet.html" role="button">
<div class="footer-right-card-wrapper">
<div class="tab-home-page">For you</div>
<p class="--home-card-title">
SettlePay<br />
Wallet
</p>
<div class="--arrow-button -footer">
<span>Learn more</span>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.5856 11.0001L11.2928 5.70716L12.707 4.29297L20.414 12.0001L12.707 19.7072L11.2928 18.293L16.5856 13.0001H5V11.0001H16.5856Z"
fill="#1B1B1B"
/>
</svg>
</div>
</div>
<div class="footer-main-card__img-right">
<picture>
<source
srcset="images/Footer/FooterCard2Mobile.png"
media="(max-width: 1024px)"
/>
<img src="images/Footer/FooterCard2.png" alt="SettlePay Business" />
</picture>
</div>
</a>
<a class="footer-main-card" href="businessAccount.html" role="button">
<div class="footer-left-card-wrapper">
<div class="tab-home-page">For your Business</div>
<p class="--home-card-title">
SettlePay<br />
Business
</p>
<div class="--arrow-button -footer">
<span>Learn more</span>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.5856 11.0001L11.2928 5.70716L12.707 4.29297L20.414 12.0001L12.707 19.7072L11.2928 18.293L16.5856 13.0001H5V11.0001H16.5856Z"
fill="#1B1B1B"
/>
</svg>
</div>
</div>
<div class="footer-main-card__img-left">
<picture>
<source
srcset="images/Footer/FooterCard1Mobile.png"
media="(max-width: 1024px)"
/>
<img src="images/Footer/FooterCard1.png" alt="SettlePay Business" />
</picture>
</div>
</a>
</div>
</div>
</section>
<section class="main-section-padding-top --white-section">
<div class="container -smaller -without-padding-bottom">
<div class="main-section__flex">
<div class="--pc-display">
<h2 class="title-1 padding-bottom-4">For you, it's Personal,</h2>
<h2 class="title-1">for us — <span class="yellow-frame2">SettlePay Wallet</span></h2>
</div>
<!-- Mobile -->
<div class="--mob-display --home-page-section">
<h2 class="title title-1 padding-bottom-4">For you, it's</h2>
<h2 class="title title-1">Personal, for us —</h2>
<h2 class="title title-1 -title-padding">
<span class="yellow-frame2">SettlePay Wallet</span>
</h2>
</div>
<div class="home-page-description">
Private cabinet or mobile application that has everything for financial operations:
secure purchases, money transfers, card top-ups, and withdrawal of funds from the
exchange
</div>
</div>
<div class="home-page-card-list">
<div class="home-page-card">
<div class="info-card-container">
<div class="info-card-wrapper">
<div class="home-page-card-header">Account Top-ups</div>
<div class="home-page-card-description">
Add funds conveniently: with a card,<br class="--pc-display" />
cryptocurrency, or another method.
</div>
</div>
<!-- <a role="button" class="card-info-button" href="#">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M5 12H18.9998M18.9998 12L11.9999 5M18.9998 12L11.9999 19"
stroke="#1B1B1B"
stroke-width="1.99999"
/>
</g>
</svg>
</a> -->
</div>
<div class="home-page-card-img-wrapper">
<picture>
<source srcset="images/homePage/wallet/1-mob.png" media="(max-width: 1024px)" />
<img src="images/homePage/wallet/1.png" alt="fiirst-card" />
</picture>
</div>
</div>
<div class="home-page-card">
<div class="info-card-container">
<div class="info-card-wrapper">
<div class="home-page-card-header">Transfers</div>
<div class="home-page-card-description">Quickly send money to other users.</div>
</div>
<!-- <a role="button" class="card-info-button" href="#">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M5 12H18.9998M18.9998 12L11.9999 5M18.9998 12L11.9999 19"
stroke="#1B1B1B"
stroke-width="1.99999"
/>
</g>
</svg>
</a> -->
</div>
<div class="home-page-card-img-wrapper">
<picture>
<source srcset="images/homePage/wallet/2-mob.png" media="(max-width: 1024px)" />
<img src="images/homePage/wallet/2.png" alt="second-card" />
</picture>
</div>
</div>
<div class="home-page-card">
<div class="info-card-container">
<div class="info-card-wrapper">
<div class="home-page-card-header">Deposits</div>
<div class="home-page-card-description --home-page-card-description-limit">
Easily fund accounts on gaming <br class="--pc-display" />
websites.
</div>
</div>
<!-- <a role="button" class="card-info-button" href="#">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M5 12H18.9998M18.9998 12L11.9999 5M18.9998 12L11.9999 19"
stroke="#1B1B1B"
stroke-width="1.99999"
/>
</g>
</svg>
</a> -->
</div>
<div class="home-page-card-img-wrapper">
<picture>
<source srcset="images/homePage/wallet/3-mob.png" media="(max-width: 1024px)" />
<img src="images/homePage/wallet/3.png" alt="fourth-card" />
</picture>
</div>
</div>
<div class="home-page-card">
<div class="info-card-container">
<div class="info-card-wrapper">
<div class="home-page-card-header">Exchange</div>
<div class="home-page-card-description">
Swap fiat and cryptocurrencies<br class="--pc-display" />in your account.
</div>
</div>
<!-- <a role="button" class="card-info-button" href="#">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M5 12H18.9998M18.9998 12L11.9999 5M18.9998 12L11.9999 19"
stroke="#1B1B1B"
stroke-width="1.99999"
/>
</g>
</svg>
</a> -->
</div>
<div class="home-page-card-img-wrapper">
<picture>
<source srcset="images/homePage/wallet/4-mob.png" media="(max-width: 1024px)" />
<img src="images/homePage/wallet/4.png" alt="fourth-card" />
</picture>
</div>
</div>
<div class="home-page-card">
<div class="info-card-container">
<div class="info-card-wrapper">
<div class="home-page-card-header">Withdrawals</div>
<div class="home-page-card-description">
Receive instant transfers<br class="--pc-display" />
to your account.
</div>
</div>
<!-- <a role="button" class="card-info-button" href="#">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M5 12H18.9998M18.9998 12L11.9999 5M18.9998 12L11.9999 19"
stroke="#1B1B1B"
stroke-width="1.99999"
/>
</g>
</svg>
</a> -->
</div>
<div class="home-page-card-img-wrapper">
<picture>
<source srcset="images/homePage/wallet/5-mob.png" media="(max-width: 1024px)" />
<img src="./images/homePage/wallet/5.png" alt="fifth-card" />
</picture>
</div>
</div>
<div class="home-page-card --card-center">
<div class="info-card-container">
<div class="home-page-card-header -centered">
Explore more<br />
SettlePay Wallet<br />
features
</div>
</div>
<div class="home-page-card-img-wrapper">
<source srcset="images/homePage/wallet/6-mob.png" media="(max-width: 1024px)" />
<img src="./images/homePage/wallet/6.png" alt="sisth-card" />
</div>
<!-- <a role="button" class="home-page-card-button" href="#">
Learn more
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M5 12H18.9998M18.9998 12L11.9999 5M18.9998 12L11.9999 19"
stroke="#1B1B1B"
stroke-width="1.99999"
/>
</g>
</svg>
</a> -->
</div>
</div>
<div class="home-page-get-wallet-wrapper">
<div class="home-page-qr-code-section">
<div class="home-page-qr-code-top-section">
<h2 class="home-page-qr-code-title">Get the Wallet</h2>
<div class="home-page-qr-code-description">
Experience smooth financial<br class="--mob-display" />
control with<br class="--pc-display" />
the help of our user-<br class="--mob-display" />friendly mobile app.
</div>
</div>
<img src="./images/homePage/qr.png" alt="qrImage" class="qrImage" />
<div class="home-page-qr-buttons">
<a
class="home-page-qr-button"
target="_blank"
href="https://apps.apple.com/ua/app/settlepay-wallet/id1661943322?l=uk"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M17.7619 12.6995C17.7838 11.0012 18.6958 9.39426 20.1427 8.50474C19.2299 7.20114 17.7011 6.37462 16.1105 6.32486C14.414 6.14678 12.7693 7.34003 11.9048 7.34003C11.0236 7.34003 9.69253 6.34254 8.25922 6.37203C6.39096 6.43239 4.64928 7.49459 3.74033 9.12797C1.78646 12.5108 3.24387 17.4825 5.11552 20.217C6.05195 21.556 7.14636 23.0517 8.57838 22.9986C9.97969 22.9405 10.5031 22.105 12.1946 22.105C13.8704 22.105 14.3614 22.9986 15.8225 22.9649C17.3261 22.9405 18.2735 21.62 19.1771 20.2683C19.8499 19.3142 20.3677 18.2598 20.7111 17.144C18.944 16.3966 17.764 14.6182 17.7619 12.6995Z"
fill="white"
/>
<path
d="M15.0022 4.52654C15.822 3.54231 16.2259 2.27724 16.1281 1C14.8756 1.13156 13.7185 1.73022 12.8876 2.67669C12.075 3.60144 11.6522 4.84424 11.7321 6.07267C12.9851 6.08557 14.217 5.50314 15.0022 4.52654Z"
fill="white"
/>
</svg>
Get the App
</a>
<a
class="home-page-qr-button"
href="https://play.google.com/store/apps/details?id=com.fourbill.settlepay&pli=1"
target="_blank"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M15.7452 7.51479L6.78721 2.31959C6.44889 2.11695 6.05405 2 5.63152 2C4.75909 2 3.99193 2.52899 3.62459 3.26823L3.6909 3.33454L11.8086 11.4507L15.7452 7.51479ZM3.39674 4.13998C3.39527 4.17211 3.39453 4.20439 3.39453 4.23678V19.7633C3.39453 19.796 3.39529 19.8287 3.39679 19.8612L11.2587 12.0005L3.39674 4.13998ZM3.62502 20.7326C3.99259 21.4714 4.75961 22 5.63152 22C6.04495 22 6.43311 21.8882 6.76598 21.692L6.79242 21.6765L15.7598 16.5008L11.8086 12.5503L3.69091 20.6667L3.62502 20.7326ZM16.457 16.0983L20.1109 13.9894C20.8125 13.6106 21.2887 12.871 21.2887 12.0181C21.2887 11.1713 20.8188 10.4353 20.1242 10.0553L20.1163 10.0498L16.4412 7.91845L12.3585 12.0005L16.457 16.0983Z"
fill="white"
/>
</svg>
Get the App
</a>
</div>
</div>
<div class="home-page-get-wallet-cards-wrapper">
<img src="./images/homePage/walletCard1.png" class="walletCard1" alt="walletCard" />
<img src="./images/homePage/walletCard2.png" class="walletCard2" alt="walletCard" />
<img src="./images/homePage/walletCard3.png" class="walletCard3" alt="walletCard" />
</div>
</div>
</div>
</section>
<section class="--black-section slider-section-margin">
<div class="container -without-padding-bottom">
<div class="main-section__inner -centered-title">
<div class="business-section">
<p class="--paragraph-grey-center -business">One button - all payment methods</p>
<h2 class="title -centered-title title-3 -business">
For your<br class="--mobile-display" /><span class="yellow-frame3">Business</span>
</h2>
</div>
</div>
<div class="business-button-section">
<a
href="https://wallet.settlepay.net/ua/login"
target="_blank"
class="business-log-in-button"
>Log in</a
>
</div>
</div>
<div class="scrollcards --homePage">
<div class="container -smaller">
<div class="scrollcards__wrapper slider">
<div class="swiper-wrapper">
<div class="scrollcards__card swiper-slide">
<div class="scrollcards__card-left">
<p class="title">Payment methods</p>
<p class="subtitle">
Our team will conduct a detailed analysis of your product and select the
optimal payment methods, precisely meeting the needs of your business. We'll
customize a variety of payment options to ensure optimal integration with your
business and maximize your revenue potential.
</p>
</div>
<div class="scrollcards__card-right">
<div class="img">
<img src="images/homePage/scrollCards/1.png" alt="" />
</div>
</div>
</div>
<div class="scrollcards__card swiper-slide">
<div class="scrollcards__card-left">
<p class="title">Multi-currency Account</p>
<p class="subtitle">
Our modern and adaptive payment gateway offers the lowest fees, contributing
to increased chances of successful operations and earnings growth. We provide
convenience and accessibility for our users, ensuring optimal conditions for
maximizing your income and efficient payment management.
</p>
</div>
<div class="scrollcards__card-right">
<div class="img">
<img src="images/homePage/scrollCards/2.png" alt="" />
</div>
</div>
</div>
<div class="scrollcards__card swiper-slide">
<div class="scrollcards__card-left">
<p class="title">Payment gateway</p>
<p class="subtitle">
Our modern and responsive payment portal offers minimal commission rates aimed
at increasing conversions and optimizing revenues. Our technological platform
is developed taking into account modern trends and the highest standards,
guaranteeing the reliability and security of payment operations. Low
commission rates help increase customer engagement and increase the number of
successful transactions.
</p>
</div>
<div class="scrollcards__card-right">
<div class="img">
<img src="images/homePage/scrollCards/3.png" alt="" />
</div>
</div>
</div>
<div class="scrollcards__card swiper-slide">
<div class="scrollcards__card-left">
<p class="title">Control system</p>
<p class="subtitle">
SettlePay Company has developed its own private account especially for your
business. This unique platform allows you to exercise real control over all
monetary transactions in real time. You get the opportunity to view detailed
analytics and monitor cash flows, ensuring transparency and efficiency of your
business's financial management.
</p>
</div>
<div class="scrollcards__card-right">
<div class="img">
<img src="images/homePage/scrollCards/4.png" alt="" />
</div>
</div>
</div>
</div>
</div>
<div class="nav-pag margin-top40">
<div class="prev swiper-button"></div>
<div class="swier-pagination pagination"></div>
<div class="next swiper-button"></div>
</div>
</div>
</div>
</section>
<section class="main-section-padding-top --white-section">
<div class="container -smaller">
<div class="faq-theme-item">
<h3 class="title title-1 -centered-title">FAQ</h3>
<div class="-centered-title">
<p class="--paragraph-grey-center --for-faq">
Got questions? We've got answers.<br class="--mob-display" />
Explore our comprehensive FAQ section to find solutions to common inquiries.
</p>
</div>
<div class="faq-list">
<div class="faq-item --accordion -centered-title" data-accordion-group="section-1">
<div class="faq-item__open --accordion__open">
<h4 class="faq-item-header">What is SettlePay Wallet and why do I need it?</h4>
<span class="faq-item__plus-opener">
<svg
class="accordion-icon"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
>
<path
d="M6 9.5L12 15.5L18 9.5"
stroke="#1B1B1B"
stroke-width="3"
stroke-linecap="square"
/>
</svg>
</span>
</div>
<div class="--accordion__content-container">
<div class="--accordion__content faq-item__content text-2 mob-text-2">
SettlePay Wallet is a Crypto-Fiat Bridge providing you with a solution of quick
and simple ways to do deposits/withdrawals with your favorite platforms such as
Binance. In addition with the lowest fees for deposits and withdrawals on the
market.
</div>
</div>
</div>
<div class="faq-item --accordion -centered-title" data-accordion-group="section-1">
<div class="faq-item__open --accordion__open">
<h4 class="faq-item-header">What currencies do you support?</h4>
<span class="faq-item__plus-opener">
<svg
class="accordion-icon"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
>
<path
d="M6 9.5L12 15.5L18 9.5"
stroke="#1B1B1B"
stroke-width="3"
stroke-linecap="square"
/>
</svg>
</span>
</div>
<div class="--accordion__content-container">
<div class="--accordion__content faq-item__content text-2 mob-text-2">
SettlePay Wallet is a Crypto-Fiat Bridge providing you with a solution of quick
and simple ways to do deposits/withdrawals with your favorite platforms such as
Binance. In addition with the lowest fees for deposits and withdrawals on the
market.
</div>
</div>
</div>
<div class="faq-item --accordion -centered-title" data-accordion-group="section-1">
<div class="faq-item__open --accordion__open">
<h4 class="faq-item-header">
How can I start<br class="--mob-display" />
cooperation with<br class="--mob-display" />
SettlePay?
</h4>
<span class="faq-item__plus-opener">
<svg
class="accordion-icon"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
>
<path
d="M6 9.5L12 15.5L18 9.5"
stroke="#1B1B1B"
stroke-width="3"
stroke-linecap="square"
/>
</svg>
</span>
</div>
<div class="--accordion__content-container">
<div class="--accordion__content faq-item__content text-2 mob-text-2">
SettlePay Wallet is a Crypto-Fiat Bridge providing you with a solution of quick
and simple ways to do deposits/withdrawals with your favorite platforms such as
Binance. In addition with the lowest fees for deposits and withdrawals on the
market.
</div>
</div>
</div>
<div class="faq-item --accordion -centered-title" data-accordion-group="section-1">
<div class="faq-item__open --accordion__open">
<h4 class="faq-item-header">What cryptocurrencies are supported?</h4>
<span class="faq-item__plus-opener">
<svg
class="accordion-icon"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
>
<path
d="M6 9.5L12 15.5L18 9.5"
stroke="#1B1B1B"
stroke-width="3"
stroke-linecap="square"
/>
</svg>
</span>
</div>
<div class="--accordion__content-container">
<div class="--accordion__content faq-item__content text-2 mob-text-2">
SettlePay Wallet is a Crypto-Fiat Bridge providing you with a solution of quick
and simple ways to do deposits/withdrawals with your favorite platforms such as
Binance. In addition with the lowest fees for deposits and withdrawals on the
market.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer --black-section">
<div class="container -footer">
<div class="footer-card-section">
<a class="footer-main-card" href="settle-pay-wallet.html" role="button">
<div class="footer-right-card-wrapper">
<div class="tab-home-page">For you</div>
<p class="--home-card-title">
SettlePay<br />
Wallet
</p>
<div class="--arrow-button -footer">
<span>Learn more</span>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.5856 11.0001L11.2928 5.70716L12.707 4.29297L20.414 12.0001L12.707 19.7072L11.2928 18.293L16.5856 13.0001H5V11.0001H16.5856Z"
fill="#1B1B1B"
/>
</svg>
</div>
</div>
<div class="footer-main-card__img-right">
<picture>
<source srcset="images/Footer/FooterCard2Mobile.png" media="(max-width: 1024px)" />
<img src="images/Footer/FooterCard2.png" alt="SettlePay Business" />
</picture>
</div>
</a>
<a class="footer-main-card" href="businessAccount.html" role="button">
<div class="footer-left-card-wrapper">
<div class="tab-home-page">For your Business</div>
<p class="--home-card-title">
SettlePay<br />
Business
</p>
<div class="--arrow-button -footer">
<span>Learn more</span>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.5856 11.0001L11.2928 5.70716L12.707 4.29297L20.414 12.0001L12.707 19.7072L11.2928 18.293L16.5856 13.0001H5V11.0001H16.5856Z"
fill="#1B1B1B"
/>
</svg>
</div>
</div>
<div class="footer-main-card__img-left">
<picture>
<source srcset="images/Footer/FooterCard1Mobile.png" media="(max-width: 1024px)" />
<img src="images/Footer/FooterCard1.png" alt="SettlePay Business" />
</picture>
</div>
</a>
</div>
<div class="get-app-banner">
<div class="get-app-banner-left-section">
<svg
xmlns="http://www.w3.org/2000/svg"
width="41"
height="40"
viewBox="0 0 41 40"
fill="none"
>
<path
d="M7.39944 16.5535C7.04295 16.5578 6.86607 16.1228 7.12445 15.8771L19.3383 4.26606C19.588 4.02862 20.0006 4.20566 20.0006 4.55028V9.70887C20.0006 9.92545 20.1762 10.1011 20.3928 10.1011H36.5122C36.8162 10.1011 37.0035 9.7706 36.8399 9.51428C33.1826 3.78102 26.9659 0 20.0006 0C8.8003 0 0 8.88889 0 20.202C0 21.3238 -2.09656e-08 22.4455 0.317024 23.5672C0.363051 23.73 0.514329 23.8383 0.68356 23.8383H32.5964C32.9536 23.8383 33.1248 24.277 32.862 24.519L20.6585 35.7578C20.4071 35.9893 20.0006 35.811 20.0006 35.4694V30.2912C20.0006 30.0746 19.8251 29.899 19.6085 29.899H3.08916C2.7851 29.899 2.59786 30.2295 2.7614 30.4858C6.41917 36.219 12.6484 40 20.0006 40C30.801 40 40.0013 31.1112 40.0013 19.7981C40.0013 18.6774 40.0013 17.5568 39.6853 16.4363C39.6389 16.2718 39.4851 16.1631 39.3142 16.1651L7.39944 16.5535Z"
fill="#FFD21C"
/>
</svg>
<div class="get-app-banner-left-section-text">Get the</div>
<div class="get-app-banner-left-section-yellow-frame">
<span>SettlePay Wallet app</span>
</div>
</div>
<div class="get-app-banner-right-section">
<a
class="get-app-banner-button"
href="https://apps.apple.com/ua/app/settlepay-wallet/id1661943322?l=uk"
target="_blank"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M17.7619 12.6995C17.7838 11.0012 18.6958 9.39426 20.1427 8.50474C19.2299 7.20114 17.7011 6.37462 16.1105 6.32486C14.414 6.14678 12.7693 7.34003 11.9048 7.34003C11.0236 7.34003 9.69253 6.34254 8.25922 6.37203C6.39096 6.43239 4.64928 7.49459 3.74033 9.12797C1.78646 12.5108 3.24387 17.4825 5.11552 20.217C6.05195 21.556 7.14636 23.0517 8.57838 22.9986C9.97969 22.9405 10.5031 22.105 12.1946 22.105C13.8704 22.105 14.3614 22.9986 15.8225 22.9649C17.3261 22.9405 18.2735 21.62 19.1771 20.2683C19.8499 19.3142 20.3677 18.2598 20.7111 17.144C18.944 16.3966 17.764 14.6182 17.7619 12.6995Z"
fill="white"
/>
<path
d="M15.0022 4.52654C15.822 3.54231 16.2259 2.27724 16.1281 1C14.8756 1.13156 13.7185 1.73022 12.8876 2.67669C12.075 3.60144 11.6522 4.84424 11.7321 6.07267C12.9851 6.08557 14.217 5.50314 15.0022 4.52654Z"
fill="white"
/>
</svg>
Get for iOS
</a>
<a
class="get-app-banner-button"
href="https://play.google.com/store/apps/details?id=com.fourbill.settlepay&pli=1"
target="_blank"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M15.7452 7.51479L6.78721 2.31959C6.44889 2.11695 6.05405 2 5.63152 2C4.75909 2 3.99193 2.52899 3.62459 3.26823L3.6909 3.33454L11.8086 11.4507L15.7452 7.51479ZM3.39674 4.13998C3.39527 4.17211 3.39453 4.20439 3.39453 4.23678V19.7633C3.39453 19.796 3.39529 19.8287 3.39679 19.8612L11.2587 12.0005L3.39674 4.13998ZM3.62502 20.7326C3.99259 21.4714 4.75961 22 5.63152 22C6.04495 22 6.43311 21.8882 6.76598 21.692L6.79242 21.6765L15.7598 16.5008L11.8086 12.5503L3.69091 20.6667L3.62502 20.7326ZM16.457 16.0983L20.1109 13.9894C20.8125 13.6106 21.2887 12.871 21.2887 12.0181C21.2887 11.1713 20.8188 10.4353 20.1242 10.0553L20.1163 10.0498L16.4412 7.91845L12.3585 12.0005L16.457 16.0983Z"
fill="white"
/>
</svg>
Get for Android
</a>
</div>
</div>
<div class="link-section-wrapper">
<div class="link-section">
<div class="--flex-column --gap8">
<div class="footer-title">Follow us</div>
<div class="social-icons">
<a
class="social-icon"
href="https://www.instagram.com/settlepay_wallet/"
target="_blank"
>
<img src="./images/Footer/InstagramIcon.svg" alt="InstagramIcon" />
</a>
<a class="social-icon" href="https://www.facebook.com/settlepay/" target="_blank">
<img src="./images/Footer/FacebookIcon.svg" alt="FacebookIcon" />
</a>
<!-- <div class="social-icon">
<img src="./images/Footer/XIcon.svg" alt="XIcon" />
</div> -->
<a class="social-icon" href="https://t.me/SettlePayWallet" target="_blank">
<img src="./images/Footer/TelegramIcon.svg" alt="TelegramIcon" />
</a>
</div>
</div>
<div class="--flex-column --gap8">
<div class="footer-title">Support</div>
<a
role="button"
class="telegram-button"
href="https://t.me/SettlePay_Wallet_Bot"
target="_blank"
>
<img src="./images/Footer/TelegramIcon.svg" alt="TelegramIcon" />
Telegram Bot
</a>
</div>
</div>
<div class="mail-section-wrapper">
<div class="mail-section">
<div class="--flex-column --gap8">
<div class="footer-title">Wallet Support</div>
<a href="mailto:wallet@settlepay.support" class="footer-mail">
<img src="./images/Footer/LetterIcon.svg" alt="LetterIcon" />
wallet@settlepay.support
</a>
</div>
<div class="--flex-column --gap8">
<div class="footer-title">Cooperation</div>
<a href="mailto:partners@settlepay.net" class="footer-mail">
<img src="./images/Footer/LetterIcon.svg" alt="LetterIcon" />
partners@settlepay.net
</a>
</div>
</div>
<!-- <a role="button" class="footer-language">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
class="language-icon"
>
<path
d="M12 1.875C9.99747 1.875 8.0399 2.46882 6.37486 3.58137C4.70981 4.69392 3.41206 6.27523 2.64572 8.12533C1.87939 9.97543 1.67888 12.0112 2.06955 13.9753C2.46023 15.9393 3.42454 17.7435 4.84055 19.1595C6.25656 20.5755 8.06066 21.5398 10.0247 21.9305C11.9888 22.3211 14.0246 22.1206 15.8747 21.3543C17.7248 20.5879 19.3061 19.2902 20.4186 17.6251C21.5312 15.9601 22.125 14.0025 22.125 12C22.122 9.3156 21.0543 6.74199 19.1562 4.84383C17.258 2.94567 14.6844 1.87798 12 1.875ZM19.7934 10.875H16.8338C16.6888 8.71364 16.0639 6.61176 15.0047 4.72219C16.2671 5.2457 17.372 6.08787 18.2114 7.16636C19.0508 8.24484 19.5959 9.52271 19.7934 10.875ZM9.42282 13.125H14.5791C14.3681 15.6272 13.4541 17.9494 12.0019 19.6734C10.5431 17.9494 9.63375 15.6272 9.42282 13.125ZM9.42282 10.875C9.63375 8.37281 10.5431 6.05062 12 4.32656C13.4569 6.05062 14.3663 8.37281 14.5772 10.875H9.42282ZM9 4.72219C7.93912 6.61137 7.31268 8.71328 7.16625 10.875H4.20657C4.40455 9.52221 4.95037 8.244 5.79062 7.16547C6.63086 6.08694 7.73673 5.24505 9 4.72219ZM4.20657 13.125H7.16625C7.31268 15.2867 7.93912 17.3886 9 19.2778C7.73673 18.755 6.63086 17.9131 5.79062 16.8345C4.95037 15.756 4.40455 14.4778 4.20657 13.125ZM15.0047 19.2778C16.0639 17.3882 16.6888 15.2864 16.8338 13.125H19.7934C19.5959 14.4773 19.0508 15.7552 18.2114 16.8336C17.372 17.9121 16.2671 18.7543 15.0047 19.2778Z"
fill="white"
/>
</svg>
Українською
</a> -->
</div>
<div class="footer-divider"></div>
<div class="footer-bottom-section">
<div class="footer-rights --footer-bottom-text">
© SettlePay, 2023. All rights reserved.
</div>
<div class="footer-policy --footer-bottom-text">
<a role="button" href="privacy-policy.html" class="footer-link">Terms & Conditions</a>
<a
role="button"
href="https://drive.google.com/file/d/1NBlKprhHH47gmsFACBJbF_cJbynylNCr/view?pli=1"
target="_blank"
class="footer-link"
>AML/KYC Policy</a
>
</div>
<div class="footer-crated-by --footer-bottom-text">
<p>
Created by
<a
class="footer-good-face --white-text"
href="https://goodface.agency"
target="_blank"
role="button"
>
<span>Goodface</span>
<img
src="./images/Footer/GoodFaceLogo.svg"
width="18"
height="18"
alt="GoodFace"
/>
</a>
</p>
</div>
</div>
</div>
</div>
</footer>
<script src="js/lib/gsap.min.js"></script>
<script src="js/lib/ScrollTrigger.min.js"></script>
<script src="js/lib/jquery-3.6.0.min.js"></script>
<script src="js/lib/swiper-bundle.min.js"></script>
<script src="js/custom-solutions.js"></script>
<script src="js/script.js"></script>
<script src="js/test.js"></script>
</body>
</html>