/home/bdqbpbxa/demo-subdomains/gumballpay.goodface.com.ua/frontend/Authentication.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Page description">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 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">
<title>Authentication</title>
<link rel="stylesheet" href="./css/lib/swiper-bundle.min.css">
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="./css/adaptives.css">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png">
<link rel="manifest" href="./favicon/site.webmanifest">
<link rel="mask-icon" href="./favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="header --rounded">
<div class="header-blured-bg"></div>
<div class="container">
<div class="header__inner">
<a href="Homepage.html" class="logo">
<img src="images/homepage/logo-white.svg" alt="Logo">
<img src="images/homepage/logo-dark.svg" alt="Logo">
</a>
<div class="header__menu">
<div class="header__accordion">
<span class="header__accordion-opener body-2 body-2-medium link">
Solutions
</span>
<div class="header__accordion-content">
<div class="container">
<div class="header__accordion-menu">
<a href="Payment-processing.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-1.png" alt="">
<img src="images/ui-kit/header/header-1-black.png" alt="">
</div>
<div class="info">
<p class="title text-3 link__bold">
Payment processing
</p>
<p class="text body-2 --weight500">
We provides payment instruments to support different online businesses.
With a single integration, our merchants can start accepting online
payments globally.
</p>
</div>
</a>
<a href="Global-coverage.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-2.png" alt="">
<img src="images/ui-kit/header/header-2-black.png" alt="">
</div>
<div class="info">
<p class="title text-3 link__bold">
Global coverage
</p>
<p class="text body-2 --weight500">
We work with a vast network of acquirers spread across 4 continents
</p>
</div>
</a>
<a href="Smart-routing.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-3.png" alt="">
<img src="images/ui-kit/header/header-3-black.png" alt="">
</div>
<div class="info">
<p class="title text-3 link__bold">
Smart routing
</p>
<p class="text body-2 --weight500">
Smart routing helps online businesses bypass losing traffic and avoid
frustrated users due to false declines.
</p>
</div>
</a>
<a href="Fraud-prevention.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-4.png" alt="">
<img src="images/ui-kit/header/header-4-black.png" alt="">
</div>
<div class="info">
<p class="title text-3 link__bold">
Fraud & chargeback prevention
</p>
<p class="text body-2 --weight500">
Our solution comes with pre-integrated Fraud & Chargeback prevention
tools from industry-leading suppliers
</p>
</div>
</a>
<a href="Authentication.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-5.png" alt="">
<img src="images/ui-kit/header/header-5-black.png" alt="">
</div>
<div class="info">
<p class="title text-3 link__bold">
Authentication
</p>
<p class="text body-2 --weight500">
Security is one of the top priorities for our merchants when accepting
payments online.
</p>
</div>
</a>
<a href="24-7-support.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-6.png" alt="">
<img src="images/ui-kit/header/header-6-black.png" alt="">
</div>
<div class="info">
<p class="title text-3 link__bold">
24/7 support
</p>
<p class="text body-2 --weight500">
Accepting payments online is a process that requires constant
monitoring.
</p>
</div>
</a>
</div>
<a class="body-2 body-2-medium arrow-link" href="Solutions.html">all solutions</a>
</div>
</div>
</div>
<a class="body-2 body-2-medium link" href="About-us.html">About us</a>
<a class="body-2 body-2-medium link" href="Blog.html">Blog</a>
<a class="body-2 body-2-medium link" href="FAQ.html">FAQ</a>
<a class="body-2 body-2-medium link" href="Contact-us.html">Contact us</a>
</div>
<a href="#" class="header__button">Get started</a>
<div class="mobile-menu-opener">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<div class="mobile-menu">
<div class="container mobile-menu__wrapper">
<div class="mobile-menu__scroller">
<div class="mobile-menu-inner">
<div class="header__accordion --accordion">
<div class="header__accordion-opener-container">
<span class="header__accordion-opener title-3 mobile__title-3 link --accordion__open">
Solutions
</span>
<a href="Solutions.html" class="title text-3 mobile__text-2 --weight500">
All solutions
</a>
</div>
<div class="--accordion__content-container">
<div class="header__accordion-content --accordion__content">
<a href="Payment-processing.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-1.png" alt="">
</div>
<div class="info">
<p class="title text-3 mobile__text-2 --weight500">
Payment processing
</p>
</div>
</a>
<a href="Global-coverage.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-2.png" alt="">
</div>
<div class="info">
<p class="title text-3 mobile__text-2 --weight500">
Global coverage
</p>
</div>
</a>
<a href="Smart-routing.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-3.png" alt="">
</div>
<div class="info">
<p class="title text-3 mobile__text-2 --weight500">
Smart routing
</p>
</div>
</a>
<a href="Fraud-prevention.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-4.png" alt="">
</div>
<div class="info">
<p class="title text-3 mobile__text-2 --weight500">
Fraud & chargeback prevention
</p>
</div>
</a>
<a href="Authentication.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-5.png" alt="">
</div>
<div class="info">
<p class="title text-3 mobile__text-2 --weight500">
Authentication
</p>
</div>
</a>
<a href="24-7-support.html" class="header__accordion-item">
<div class="img">
<img src="images/ui-kit/header/header-6.png" alt="">
</div>
<div class="info">
<p class="title text-3 mobile__text-2 --weight500">
24/7 support
</p>
</div>
</a>
</div>
</div>
</div>
<a class="title-3 mobile__title-3 link" href="About-us.html">About us</a>
<a class="title-3 mobile__title-3 link" href="Blog.html">Blog</a>
<a class="title-3 mobile__title-3 link" href="FAQ.html">FAQ</a>
<a class="title-3 mobile__title-3 link" href="Contact-us.html">Contact us</a>
</div>
<div class="social-list">
<a href="#">
<img src="./images/footer/media-inst.svg">
</a>
<a href="#">
<img src="./images/footer/media-fb.svg">
</a>
<a href="#">
<img src="./images/footer/media-linkedin.svg">
</a>
<a href="#">
<img src="./images/footer/media-twitter.svg">
</a>
</div>
</div>
<a href="#" class="button__blue">Get started</a>
</div>
</div>
</header>
<main>
<section class="solution-mainpage solution-mainpage__dark --dark-section">
<div class="section-blur">
<span class="blur-item"></span>
<span class="blur-item"></span>
<span class="blur-item"></span>
<span class="blur-item"></span>
</div>
<div class="container">
<div class="--breadcrumb-wrapper">
<div class="breadcrumb">
<a href="Homepage.html" class="breadcrumb__image"></a>
<a href="Solutions.html">Solutions</a>
<p class="breadcrumb__link">Authentication</p>
</div>
</div>
<div class="solution-mainpage__inner">
<div class="solution-mainpage__text">
<h1 class="title title-1 mobile__title-1">Card authentication
<br><span class="title-opacity-white5 -span ">3D Secure</span>
</h1>
<div class="solution-mainpage__image">
<div class="-picture">
<img src="./images/authentication/authentication-main.png">
</div>
<span class="anchor">
<div class="anchor__container">
</div>
</span>
</div>
</div>
<div class="solution-mainpage__description">
<p class="body-1-medium --weight500 mobile__text-2">
Security is one of the top priorities for our merchants when accepting payments online
</p>
</div>
</div>
<div class="page-number body-1-demibold mobile__body-1-medium">
<p class="title-opacity-white5">Solution</p>
<div class="page-number__where">
<p class="activeSlideIndex">05</p>
<p class="title-opacity-white5 all-slides-count">06</p>
</div>
<div class="page-number__arrows">
<a href="Fraud-prevention.html" class="prev"></a>
<a href="24-7-support.html" class="next"></a>
</div>
</div>
</div>
</section>
<section class="payment__about-wrapper">
<div class="container">
<div class="payment__about authentication__about">
<div class='signpost payment__signpost-about body-2 body-2-medium mobile__body-2'>
Authentication
</div>
<p class="title title-2 mobile__title-2">
Payment authentication is the process <br class="--pc-display"> designed to confirm a customer’s
identity through one or
more factors:
<span class="title-opacity-dark4">knowledge, ownership, inheritance</span>
</p>
<div class="text-left">
<p class="text-2 mobile__text-2">
Payment authentication is used to validate the user. <br class="--pc-display">
It must be both accurate, and smooth to prevent chargebacks from happening and to ensure the
customer experience is not affected <br class="--pc-display">
in any way.
</p>
</div>
</div>
</div>
</section>
<section class="payment-benefits__wrapper">
<div class="container">
<div class="payment-benefits">
<div class="payment-benefits__text">
<div class='signpost body-2 body-2-medium mobile__body-2'>
our benefits
</div>
<p class="title-2 -title mobile__title-2 --letter-spacing-002">
Advantages of
<span class="title-opacity-dark4"> 3D secure technology</span>
</p>
<p class="text-2 -description mobile__text-2 ">
Belonging to the high-risk industry, online gaming & betting projects are prone to fraud
attacks and have to strictly comply with the regulations.
</p>
<a href="Contact-us.html" class='button__blue -button'>
Contact us
</a>
</div>
<div class="payment-benefits__items global-benefits">
<div class="benefits-card">
<div class="-ico">
<div class="-ico-container">
<img src="./images/authentication/auth-ico1.svg">
</div>
</div>
<p class="text-3 benefits-card__title mobile__text-2 ">
Reduce <br class="--pc-display"> online fraud
</p>
</div>
<div class="benefits-card">
<div class="-ico">
<div class="-ico-container">
<img src="./images/authentication/auth-ico2.svg">
</div>
</div>
<p class="text-3 benefits-card__title mobile__text-2 ">
Minimize <br class="--pc-display"> chargebacks
</p>
</div>
<div class="benefits-card card-100">
<div class="-ico">
<div class="-ico-container">
<img src="./images/authentication/auth-ico3.svg">
</div>
</div>
<p class="text-3 benefits-card__title mobile__text-2 ">
Use best practises for transaction verification
</p>
</div>
<div class="benefits-card card-100">
<div class="-ico">
<div class="-ico-container">
<img src="./images/authentication/auth-ico4.svg">
</div>
</div>
<p class="text-3 benefits-card__title mobile__text-2 ">
Enhance customer loyalty and improve you bottom-line
</p>
</div>
</div>
<a href="Contact-us.html" class='button__blue -button-hidden'>
Contact us
</a>
</div>
</div>
</section>
<section class="solution-blog__wrapper --rounded-section">
<div class="container">
<div class="solution-blog">
<div class="solution-blog__inner">
<div class="solution-blog__image">
<img src="./images/authentication/authentication-blog.png">
</div>
<div class="solution-blog__text">
<div class='signpost solution-blog__signpost body-2 body-2-medium mobile__body-2'>
Authentication
</div>
<p class="title-3 -title mobile__title-3">
Learn about
<span class=" title-opacity-dark4">authentication</span>
</p>
<div class="-description body-1-medium mobile__body-1-medium need-text-accordion-on-mob">
<p>
3D Secure protocol is designed to combat fraud and chargebacks. It requires
customers to
complete an extra verification step when paying. Usually, it is done by redirecting
customers to an authentication page on their bank’s website, where they can enter a
code
sent to their phone. This process is applied by major card networks globally.
</p>
<p>
3D Secure not only enhances payment security but also improves the overall buying
experience.
</p>
</div>
<div class="show-more-text mobile__body-1-medium body-1-medium weight600 "
data-text-changed="Hide text">
Learn more
</div>
</div>
</div>
</div>
</div>
</section>
<section class="form-section --dark-section">
<div class="section-blur">
<span class="blur-item blue-blur"></span>
<span class="blur-item pink-blur"></span>
<span class="blur-item blue-blur"></span>
<span class="blur-item pink-blur"></span>
<span class="blur-item blue-blur"></span>
</div>
<div class="container">
<div class="form-section__inner form-wrapper">
<div class="form-with-title">
<div class='signpost body-2 body-2-medium mobile__body-2'>
LET'S GET STARTED
</div>
<p class="form-section__title title-1 mobile__title-2">
Take your business <br class="--pc-display">
<span class="title-opacity-white5">to the next level</span>
</p>
<div class="form">
<form action="#">
<div class="input-box__double">
<div class="input-box">
<label class="input-box__label">Your name</label>
<input type="text" placeholder="Login">
<p class="-error">Incorrect value</p>
</div>
<div class="input-box">
<label class="input-box__label">Email</label>
<input type="text" placeholder="Email">
<p class="-error">Incorrect value</p>
</div>
</div>
<div class="input-box__double">
<div class="input-box">
<label class="input-box__label">Company name</label>
<input type="text" placeholder="Company name">
<p class="-error">Incorrect value</p>
</div>
<div class="input-box">
<label class="input-box__label">Company website (optional)</label>
<input type="url" placeholder="https://">
<p class="-error">Incorrect value</p>
</div>
</div>
<div class="input-box__double">
<div class="input-box">
<label class="input-box__label">Select partnership type</label>
<div class="--dropdown">
<input type="text">
<div class="--dropdown__value">
</div>
<div class="--dropdown__list">
<ul>
<li class="--dropdown__list-item">
Technology partners
</li>
<li class="--dropdown__list-item">
Option 2
</li>
<li class="--dropdown__list-item">
Option 3
</li>
<li class="--dropdown__list-item">
Option 4
</li>
<li class="--dropdown__list-item">
Option 5
</li>
</ul>
</div>
</div>
</div>
<div class="input-box">
<label class="input-box__label">How did you hear about us?</label>
<div class="--dropdown">
<input type="text">
<div class="--dropdown__value">
</div>
<div class="--dropdown__list">
<ul>
<li class="--dropdown__list-item">
Website / Search Engine
</li>
<li class="--dropdown__list-item">
Option 2
</li>
<li class="--dropdown__list-item">
Option 3
</li>
<li class="--dropdown__list-item">
Option 4
</li>
<li class="--dropdown__list-item">
Option 5
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="input-box">
<label class="input-box__label">How can we help you?</label>
<div class="textarea">
<textarea placeholder="Your message"></textarea>
</div>
<p class="-error">Incorrect value</p>
</div>
<div class="submit-wrapper">
<div class="input-box --checkbox text-2 mob-text-2" data-important="checked">
<input type="checkbox" checked>
<span class="visible-part">
<p>I agree to the <a href="Terms&Conditions.html">Terms of Use</a> and <a
href="KYC-Policy.html">Privacy Policy</a></p>
</span>
</div>
<button class="submit button__blue">Submit</button>
</div>
</form>
</div>
</div>
<div class="thanks-modal">
<div class="img">
<img src="images/ui-kit/thanks.png" alt="">
</div>
<p class="title title-2 mobile__title-2">Thanks for your request</p>
<p class="text text-3 mobile__text-2">We will try to answer you as soon as possible</p>
<a href="index.html" class="button-white__transparent button">Go to Homepage</a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer__inner">
<div class="footer__column footer__body2">
<div class="footer__subtitle">Contacts</div>
<a href="mailto:contact@gumballpay.com">contact@gumballpay.com</a>
<a href="tel:+447312221374">+44-7312-221374</a>
<div class="footer__contacts-media">
<a href="#"><img src="images/footer/media-inst.svg"></a>
<a href="#"><img src="images/footer/media-fb.svg"></a>
<a href="#"><img src="images/footer/media-linkedin.svg"></a>
<a href="#"><img src="images/footer/media-twitter.svg"></a>
</div>
</div>
<div class="footer__column">
<div class="footer__subtitle">Solutions</div>
<div class="footer__solutions-items footer__body2">
<div>
<a href="Payment-processing.html">Payment processing</a>
<a href="Global-coverage.html">Global Coverage</a>
<a href="Smart-routing.html">Smart routing</a>
</div>
<div>
<a href="Fraud-prevention.html">Fraud & Chargeback prevention</a>
<a href="24-7-support.html">24/7 support</a>
<a href="Authentication.html">Authentication</a>
</div>
</div>
</div>
<div class="footer__column">
<div class="footer__subtitle">Company</div>
<div class="footer__company-items footer__body2">
<div>
<a href="About-us.html">About us</a>
<a href="Blog.html">Blog</a>
</div>
<div>
<a href="Contact-us.html">Contact us</a>
<a href="FAQ.html">FAQ</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="container">
<div class="-inner">
<p class="copyright link">© GumBallPay, 2022</p>
<div class="footer__policy footer__body2">
<a href="Terms&Conditions.html">Terms & Conditions</a>
<a href="KYC-Policy.html">AML / KYC Policy</a>
<a href="KYC-Policy.html">Cookie Policy</a>
</div>
<div class="footer__createdby footer__body2 link">
Created by
<a href="https://goodface.agency" target="_blank">Goodface </a>
</div>
</div>
</div>
</div>
</footer>
<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/test.js"></script>
<script src="js/script.js"></script>
</body>
</html>