/home/bdqbpbxa/demo-subdomains/gumballpay.goodface.com.ua/frontend/Contact-us.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">

    <link rel="stylesheet" href="./css/lib/swiper-bundle.min.css">

    <link rel="stylesheet" href="./css/styles.css">
    <link rel="stylesheet" href="./css/adaptives.css">

    <title>Contact us</title>

    <!-- 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="contact-us --dark-section">
            <div class="container">
                <div class="contact-us__inner">
                    <div class="--breadcrumb-wrapper">
                        <div class="breadcrumb">
                            <a href="Homepage.html" class="breadcrumb__image"></a>
                            <p class="breadcrumb__link">Contact us</p>
                        </div>
                    </div>
                    <div class="contact-us__title">
                        <h1 class="title-1 mobile__title-1s">Let’s Talk</h1>
                        <p class="text-2 -text mobile__text-2">
                            Learn more about how GumBallPay can help you expand your business
                        </p>
                    </div>
                    <div class="contacts-cards">
                        <div class="card card-media">
                            <div class="card-media__contacts">
                                <div class="email">
                                    <p class="body-2 --weight500 mobile__body-2">Email</p>
                                    <a href="mailto:contact@gumballpay.com"
                                        class="text-1 -description mobile__text-1">contact@gumballpay.com</a>
                                </div>
                                <div class="phone">
                                    <p class="body-2 --weight500 mobile__body-2">Phone</p>
                                    <a href="tel:+447312221374"
                                        class="text-1 -description mobile__text-1">+44-7312-221374</a>
                                </div>
                            </div>

                            <div class="card-media__social">
                                <p class="body-2 --weight500 -text mobile__body-2"> Follow us</p>
                                <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>

                        </div>

                        <div class="card card-text">
                            <p class="title-3 -title mobile__title-3">
                                Partnerships <br> build strong futures
                            </p>
                            <p class="body-1-medium -description mobile__body-1-medium ">
                                GumBallPay cooperates with many international partners with trust, professionalism, and
                                responsibility as the foundation of these relationships
                            </p>

                            <div class='button__blue -button modal-form-open'>
                                Get started
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <div class="modal-form --dark-section ">
        <div class="close body-2 --weight500 mobile__body-2 ">Close</div>
        <div class="modal-form__inner form-wrapper">
            <div class="form-with-title">
                <p class="title title-2 mobile__title-2 --letter-spacing-002">
                    Fill the form and we’ll <br class="--pc-display">
                    <span class="title-opacity-white5">be in touch as soon as possible</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>

    <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>