832 lines
43 KiB
PHP
832 lines
43 KiB
PHP
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Haodapayment</title>
|
|||
|
|
<script src="{{ asset('haodapay/js/tailwind.js') }}"></script>
|
|||
|
|
<link rel="stylesheet" href="{{ asset('haodapay/css/style.css') }}">
|
|||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
|
|||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|||
|
|
<link rel="stylesheet" href="{{ asset('haodapay/css/animate.min.css') }}">
|
|||
|
|
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
|||
|
|
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
|
|||
|
|
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
|||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<section>
|
|||
|
|
<header class="container mx-auto px-4 xl:px-0">
|
|||
|
|
<div class="header__container">
|
|||
|
|
<input type="checkbox" name="" id="check">
|
|||
|
|
|
|||
|
|
<div class="logo-container">
|
|||
|
|
<div class="logo-img">
|
|||
|
|
<a href="./index.html"><img src="{{ asset('haodapay/images/companyLogo.webp') }}" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="nav-btn">
|
|||
|
|
<div class="nav-links">
|
|||
|
|
<ul>
|
|||
|
|
|
|||
|
|
<li class="nav-link" style="--i: .85s">
|
|||
|
|
<a href="#">Products <i class="fa-solid fa-chevron-down"></i></a>
|
|||
|
|
<div class="dropdown">
|
|||
|
|
<ul>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Collect Payments <i class="fa-solid fa-chevron-right"></i></a>
|
|||
|
|
<div class="dropdown second">
|
|||
|
|
<ul>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="https://www.bharatbillpay.net/effortless-fee-management.html">Education</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="https://www.bharatbillpay.net/streamlined-rent-maintenance-charge.html">Housing Society</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<div class="arrow"></div>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Payouts</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Recurring Payments</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Scale Your Business</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<div class="arrow"></div>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-link" style="--i: 1.1s">
|
|||
|
|
<a href="#">Features <i class="fa-solid fa-chevron-down"></i></a>
|
|||
|
|
<div class="dropdown">
|
|||
|
|
<ul>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Industries <i class="fa-solid fa-chevron-right"></i></a>
|
|||
|
|
<div class="dropdown second">
|
|||
|
|
<ul>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">E-commerce</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Other Industries</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<div class="arrow"></div>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Help</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="arrow"></div>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-link" style="--i: 1.1s">
|
|||
|
|
<a href="#">Partners <i class="fa-solid fa-chevron-down"></i></a>
|
|||
|
|
<div class="dropdown">
|
|||
|
|
<ul>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Partner Program</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Integrations and Offers</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="arrow"></div>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-link" style="--i: 1.1s">
|
|||
|
|
<a href="#">Articles <i class="fa-solid fa-chevron-down"></i></a>
|
|||
|
|
<div class="dropdown">
|
|||
|
|
<ul>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">News</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="{{ URL('v2/blog') }}">Blog</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="dropdown-link">
|
|||
|
|
<a href="#">Help</a>
|
|||
|
|
</li>
|
|||
|
|
<div class="arrow"></div>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-link" style="--i: 1.35s">
|
|||
|
|
|
|||
|
|
<a href="{{ URL('v2/career') }}">Career</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-link" style="--i: 1.35s">
|
|||
|
|
<a href="#">About Us</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="log-sign" style="--i: 1.8s">
|
|||
|
|
<a href="#" class="btn">Sign in</a>
|
|||
|
|
<a href="#" class="btn solid">Create an account</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="hamburger-menu-container">
|
|||
|
|
<div class="hamburger-menu">
|
|||
|
|
<div></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- MAIN SECTION -->
|
|||
|
|
<section style ="w-full; background-image: url({{ asset('haodapay/images/Section.webp')}};
|
|||
|
|
background-position: center/cover;
|
|||
|
|
background-size: cover;
|
|||
|
|
position: relative;
|
|||
|
|
z-index: -1;" class="main w-full py-6 lg:py-28">
|
|||
|
|
|
|||
|
|
<div class="main__container container mx-auto flex flex-wrap-reverse md:flex-wrap lg:flex-nowrap">
|
|||
|
|
|
|||
|
|
<div class="main__containerLeft w-full lg:w-1/2 pt-0 lg:pt-10">
|
|||
|
|
<div class="main__container__title text-4xl xl:text-6xl text-center lg:text-left" data-aos="fade-up">
|
|||
|
|
<span>Elevate Your Business with <span class="auto-type"><span class="typed-cursor" aria-hidden="true">|</span></span> <br>Payments.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="main__container__para pr-0 xl:pr-10 text-center lg:text-left wow animate__animated animate__fadeInLeft">
|
|||
|
|
<span>Experience the Future of Flawless Payments with HaodaPay! Embrace worry-free online payments with HaodaPay's cutting-edge security. Our encryption shields your financial data, providing peace of mind. Join the countless satisfied customers who trust HaodaPay for seamless, secure, and hassle-free payments.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="main__container__register">
|
|||
|
|
<div class="main__container__btn">
|
|||
|
|
<button>Register Now</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="main__containerRight w-full lg:w-1/2 mt-6 lg:mt-0">
|
|||
|
|
<div class="main__containerRight__images">
|
|||
|
|
<div class="main__containerRight__img3">
|
|||
|
|
<img src="{{ asset('haodapay/images/card1.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="main__containerRight__img1">
|
|||
|
|
<img src="{{ asset('haodapay/images/card2.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="main__containerRight__img2">
|
|||
|
|
<img src="{{ asset('haodapay/images/card3.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- FEATURES SECTION -->
|
|||
|
|
<section class="features mt-0 lg:mt-10 px-4 lg:px-0">
|
|||
|
|
<div class="features__container container mx-auto px-0 lg:px-24 pt-0 lg:pt-24">
|
|||
|
|
<div class="features__boxes grid xl:grid-cols-3 gap-10 grid-cols-1 md:grid-cols-2">
|
|||
|
|
|
|||
|
|
<div class="features__box1 2xl:row-span-3 xl:row-span-2 lg:p-4 mt-10 lg:mt-0 wow animate__animated animate__slideInLeft">
|
|||
|
|
<div class="features__box1__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Featured icon (1).webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box1__title">
|
|||
|
|
<span>Our Valuable Features</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box1__para">
|
|||
|
|
<span>Haodapay simplifies payments, streamlines finances, offers current accounts, ensures swift payouts, and automates payroll compliance.</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="features__box2 wow animate__animated animate__slideInDown">
|
|||
|
|
<div class="features__box2__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Featured icon.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__title mt-4 lg:mt-8 mb-2 lg:mb-4">
|
|||
|
|
<span>Professional Services</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__para mb-5">
|
|||
|
|
<span>Professional services firms have the capability to provide their clients with the flexibility to distribute payments over an extended period.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__btn">
|
|||
|
|
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2 wow animate__animated animate__slideInDown">
|
|||
|
|
<div class="features__box2__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Featured icon-2.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__title mt-4 lg:mt-8 mb-2 lg:mb-4">
|
|||
|
|
<span>Our Products</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__para mb-5">
|
|||
|
|
<span>Haoda Payments is the comprehensive solution that caters to all your business payment and banking requirements.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__btn">
|
|||
|
|
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2 wow animate__animated animate__slideInUp"> <div class="features__box2__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Featured icon-1.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__title mt-4 lg:mt-8 mb-2 lg:mb-4">
|
|||
|
|
<span>Collect Payments</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__para mb-5">
|
|||
|
|
<span>Haoda Payments enables you to effortlessly gather online payments across diverse channels while simplifying reconciliation.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__btn">
|
|||
|
|
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2 wow animate__animated animate__slideInUp">
|
|||
|
|
<div class="features__box2__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Featured icon-3.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__title mt-4 lg:mt-8 mb-2 lg:mb-4">
|
|||
|
|
<span>Safe and Secure</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__para mb-5">
|
|||
|
|
<span>At HaodaPay, your peace of mind is our utmost priority in today's digital age. Our payment gateway is designed for top-tier safety.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="features__box2__btn">
|
|||
|
|
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- WHO ARE WE SECTION -->
|
|||
|
|
|
|||
|
|
<section class="whoAreWe w-full mt-10 pb-4">
|
|||
|
|
<div class="whoAreWe__container container mx-auto flex flex-wrap lg:flex-nowrap pt-0 xl:pt-28 pb-0 xl:pb-20">
|
|||
|
|
<div class="whoAreWe__left w-full lg:w-1/2 pr-0 xl:pr-32 wow animate__animated animate__slideInLeft">
|
|||
|
|
<div class="whoAreWe__left__subTitle text-center lg:text-left text-lg md:text-2xl">
|
|||
|
|
<span>WHO ARE WE</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="whoAreWe__left__title text-center lg:text-left text-3xl md:text-4xl xl:text-5xl">
|
|||
|
|
<span>Unlock Excellence in Payment Processing with HaodaPay.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="whoAreWe__left__para text-center lg:text-left text-sm md:text-lg">
|
|||
|
|
<span>Authoritatively transform functionalized information without cross-platform convergence. Quickly reconceptualize cross-unit e-markets without superior products.Authoritatively restore high standards in outsourcing whereas vertical meta-services. Compellingly reconceptualize out-of-the-box outsourcing through plug-and-play synergy.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="whoAreWe__left__btn">
|
|||
|
|
<div class="whoAreWe__left__more">
|
|||
|
|
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="whoAreWe__right w-full lg:w-1/2 mt-14 lg:mt-0 wow animate__animated animate__slideInRight">
|
|||
|
|
<div class="whoAreWe__right__image">
|
|||
|
|
<div class="whoAreWe__right__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/whoweare__r.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- OUR BEST SERVICE SECTION -->
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<div class="ourBestServiceSection__container container mx-auto mt:10 xl:mt-32 px-4">
|
|||
|
|
<div class="ourBestServiceSection__container__title wow animate__animated animate__zoomIn">
|
|||
|
|
<span>Our Best Services</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestServiceSection__container__para mt-5 lg:mt-10 mb-10 xl:mb-24 wow animate__animated animate__lightSpeedInLeft">
|
|||
|
|
<span>Presenting Banking Plan & Services That are Right For You</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__container grid place-content-center lg:grid-cols-3 gap-10 px-0 xl:px-32 grid-cols-1 sm:grid-cols-2">
|
|||
|
|
<div class="ourBestService__box" data-aos="fade-down">
|
|||
|
|
<div class="ourBestService__box__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Icon.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__title">
|
|||
|
|
<span>Payment Methods</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__para">
|
|||
|
|
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__btn">
|
|||
|
|
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box" data-aos="fade-down">
|
|||
|
|
<div class="ourBestService__box__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Vector(1).webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__title">
|
|||
|
|
<span>Subscriptions</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__para">
|
|||
|
|
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__btn">
|
|||
|
|
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box" data-aos="fade-down">
|
|||
|
|
<div class="ourBestService__box__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Icon-1.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__title">
|
|||
|
|
<span>Split Payments</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__para">
|
|||
|
|
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__btn">
|
|||
|
|
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
|
|||
|
|
<div class="ourBestService__box__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Icon-2.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__title">
|
|||
|
|
<span>Request a Payment</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__para">
|
|||
|
|
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__btn">
|
|||
|
|
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
|
|||
|
|
<div class="ourBestService__box__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Icon-4.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__title">
|
|||
|
|
<span>Onsite Payments</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__para">
|
|||
|
|
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__btn">
|
|||
|
|
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
|
|||
|
|
<div class="ourBestService__box__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Icon-5.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__title">
|
|||
|
|
<span>Secure Transactions</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__para">
|
|||
|
|
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__btn">
|
|||
|
|
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
|
|||
|
|
<div class="ourBestService__box__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Icon-3.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__title">
|
|||
|
|
<span>e-Wallet</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__para">
|
|||
|
|
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__btn">
|
|||
|
|
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
|
|||
|
|
<div class="ourBestService__box__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Icon-6.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__title">
|
|||
|
|
<span>Ecommerce Integrations</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__para">
|
|||
|
|
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__btn">
|
|||
|
|
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
|
|||
|
|
<div class="ourBestService__box__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/Icon-7.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__title">
|
|||
|
|
<span>Payment Methods</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__para">
|
|||
|
|
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ourBestService__box__btn">
|
|||
|
|
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- WHY CHOOSE US SECTION -->
|
|||
|
|
|
|||
|
|
<section class="whyChooseUs w-full mt-0 lg:mt-32 pb-4">
|
|||
|
|
<div class="whyChooseUs__container container mx-auto flex flex-wrap lg:flex-nowrap pt-28 pb-20">
|
|||
|
|
<div class="whyChooseUs__left w-full lg:w-1/2 mt-14 lg:mt-0" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
|
|||
|
|
<div class="whyChooseUs__left__image mt-10">
|
|||
|
|
<div class="whyChooseUs__left__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/whychooseus__l.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="whyChooseUs__right w-full lg:w-1/2 mt-20 lg:mt-0" data-aos="zoom-in-down">
|
|||
|
|
<div class="whyChooseUs__right__title text-center lg:text-left text-lg md:text-2xl">
|
|||
|
|
<span>WHY CHOOSE US</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="whyChooseUs__right__para text-center lg:text-left text-3xl md:text-4xl xl:text-5xl">
|
|||
|
|
<span>We Provide You World Class Best Payment Solutions Features For You.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="whyChooseUs__right__container grid grid-cols-1 sm:grid-cols-2 gap-14">
|
|||
|
|
<div class="transpatent" data-aos="fade-down">
|
|||
|
|
<div class="transpatent__title">
|
|||
|
|
<span>Transparent</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="transpatent__para">
|
|||
|
|
<span>Customer expectations of transparency are growing. It’s also true that being clearer and more transparent will have a direct effect on your sales.</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="transpatent" data-aos="fade-down">
|
|||
|
|
<div class="transpatent__title">
|
|||
|
|
<span>Proactive</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="transpatent__para">
|
|||
|
|
<span>Proactive service refers to processes and techniques used to protect against customer problems and to motivate repeat or higher-volume purchases.</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="transpatent" data-aos="fade-down">
|
|||
|
|
<div class="transpatent__title">
|
|||
|
|
<span>Affordable</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="transpatent__para">
|
|||
|
|
<span>Something is affordable, most people have enough money to buy it.</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="transpatent" data-aos="fade-down">
|
|||
|
|
<div class="transpatent__title">
|
|||
|
|
<span>Flexible</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="transpatent__para">
|
|||
|
|
<span>Can deal with unexpected problems or tasks effectively.</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- OUR PARTNERS SECTION -->
|
|||
|
|
|
|||
|
|
<section class="ourPartners pb-20">
|
|||
|
|
<div class="ourPartners__container container mx-auto">
|
|||
|
|
<div class="ourPartners__title m-10 lg:m-20 wow animate__animated animate__tada">
|
|||
|
|
<span>Our Partners</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="OurPartners__images flex justify-center items-center flex-wrap gap-x-20 gap-y-5">
|
|||
|
|
<div class="OurPartners__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/axis.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="OurPartners__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/cashfree.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="OurPartners__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/federal.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="OurPartners__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/logo-idfcbank.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="OurPartners__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/tata.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="OurPartners__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/yes 1.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- SLIDER SECTION -->
|
|||
|
|
|
|||
|
|
<section class="slider">
|
|||
|
|
<div class="slider__container container grid place-content-center mx-auto pb-20">
|
|||
|
|
<div class="slider-content">
|
|||
|
|
<div class="blogTitle__blog text-center xl:py-20 py-10 text-white text-lg lg:text-4xl font-bold wow animate__animated animate__bounce">
|
|||
|
|
<span>BLOG</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<ul class="carousel">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="card">
|
|||
|
|
<div class="swiper__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/img1.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__dates my-3 flex justify-between w-full">
|
|||
|
|
<p class="blue">FINANCE</p>
|
|||
|
|
<p>1 Month Ago</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__title text-left">
|
|||
|
|
<span>The Impact of Payment Gateways on User Experience.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider___para my-5">
|
|||
|
|
<span>Explore how a user-friendly payment gateway can boost customer satisfaction and drive conversion rates </span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__learnMore mt-6">
|
|||
|
|
<p>12 Min Read</p>
|
|||
|
|
<p class="read">Read more</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="card">
|
|||
|
|
<div class="swiper__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/img2.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__dates my-3 flex justify-between w-full">
|
|||
|
|
<p class="blue">FINANCE</p>
|
|||
|
|
<p>1 Month Ago</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__title text-left">
|
|||
|
|
<span>Securing Online Transactions: A Deep Dive into Payment Security.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider___para my-5">
|
|||
|
|
<span>Discover the intricate world of online payment security.We take you on a deep dive into the crucial aspects of
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__learnMore mt-6">
|
|||
|
|
<p>12 Min Read</p>
|
|||
|
|
<p class="read">Read more</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="card">
|
|||
|
|
<div class="swiper__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/img3.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__dates my-3 flex justify-between w-full">
|
|||
|
|
<p class="blue">FINANCE</p>
|
|||
|
|
<p>1 Month Ago</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__title text-left">
|
|||
|
|
<span>Understanding the Benefits of Contactless Payments.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider___para my-5">
|
|||
|
|
<span>Explore the modern convenience of contactless payments in this informative blog. We delve into the myriad</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__learnMore mt-6">
|
|||
|
|
<p>12 Min Read</p>
|
|||
|
|
<p class="read">Read more</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="card">
|
|||
|
|
<div class="swiper__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/img4.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__dates my-3 flex justify-between w-full">
|
|||
|
|
<p class="blue">FINANCE</p>
|
|||
|
|
<p>1 Month Ago</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__title text-left">
|
|||
|
|
<span>The Role of AI in Fraud Prevention for Online Payments.
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider___para my-5">
|
|||
|
|
<span>
|
|||
|
|
Delve into the cutting-edge realm of artificial intelligence and its pivotal role in safeguarding online payments.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__learnMore mt-6">
|
|||
|
|
<p>12 Min Read</p>
|
|||
|
|
<p class="read">Read more</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="card">
|
|||
|
|
<div class="swiper__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/img5.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__dates my-3 flex justify-between w-full">
|
|||
|
|
<p class="blue">FINANCE</p>
|
|||
|
|
<p>1 Month Ago</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__title text-left">
|
|||
|
|
<span>The Ultimate Guide to Choosing the Right Payment Gateway.
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider___para my-5">
|
|||
|
|
<span>Explore the factors you need to consider when selecting a payment gateway for your business and ensure seamless </span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__learnMore mt-6">
|
|||
|
|
<p>12 Min Read</p>
|
|||
|
|
<p class="read">Read more</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="card">
|
|||
|
|
<div class="swiper__img">
|
|||
|
|
<img src="{{ asset('haodapay/images/img6.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__dates my-3 flex justify-between w-full">
|
|||
|
|
<p class="blue">FINANCE</p>
|
|||
|
|
<p>1 Month Ago</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__title text-left">
|
|||
|
|
<span>Demystifying Payment Processing Fees: What You Need to Know.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider___para my-5">
|
|||
|
|
<span> Unravel the complexities of payment processing fees and discover how to optimize costs while providing top-notch </span>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider__learnMore mt-6">
|
|||
|
|
<p>12 Min Read</p>
|
|||
|
|
<p class="read">Read more</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- CALL BACK SECTION -->
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<div class="callBack container mx-auto grid place-content-center my-10 lg:my-20 xl:32">
|
|||
|
|
<div class="callBack__container">
|
|||
|
|
<div class="callBack__title wow animate__animated animate__heartBeat">
|
|||
|
|
<span>Ready to get started ?</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="callBack__btn">
|
|||
|
|
<div class="callBack__btns" data-aos="fade-up">
|
|||
|
|
<button>Request Call Back </button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- FOOTER SECTION -->
|
|||
|
|
|
|||
|
|
<section class="footer container mx-auto">
|
|||
|
|
<div class="footer__container flex px-3">
|
|||
|
|
<div class="footer__about wow animate__animated animate__backInLeft">
|
|||
|
|
<div class="footer__about__title">
|
|||
|
|
<span>About Us</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer__about__para mt-1 mb-4 lg:mb-6">
|
|||
|
|
<span>HaodaPay is revolutionizing online money management. Our clean APIs, seamless integration, and comprehensive solutions enable businesses to accept and disburse payments swiftly, securely. No more complexities.</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer__about__icons flex">
|
|||
|
|
<div class="social__icons mr-5"><i class="fa-brands fa-facebook"></i></div>
|
|||
|
|
<div class="social__icons mr-5"><i class="fa-brands fa-square-instagram"></i></div>
|
|||
|
|
<div class="social__icons mr-5"><i class="fa-brands fa-youtube"></i></div>
|
|||
|
|
<div class="social__icons mr-5"><i class="fa-brands fa-x-twitter"></i></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer__container__content flex gap-x-20 xl:gap-x-14 lg:gap-x-20 gap-y-16 justify-start md:justify-center xl:justify-between flex-wrap lg:flex-nowrap w-full px-5 lg:px-5">
|
|||
|
|
<div class="footer__about__information wow animate__animated animate__backInLeft">
|
|||
|
|
<div class="footer__about__informationTitle">
|
|||
|
|
<span>Information's</span>
|
|||
|
|
</div>
|
|||
|
|
<p>Payment Gateway</p>
|
|||
|
|
<p>Payouts</p>
|
|||
|
|
<p>Login/Register</p>
|
|||
|
|
<p>Certificates</p>
|
|||
|
|
<p>Disclaimer Policy</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer__about__usefullink wow animate__animated animate__backInLeft">
|
|||
|
|
<div class="footer__about__usefullinkTitle">
|
|||
|
|
<span>Useful Links</span>
|
|||
|
|
</div>
|
|||
|
|
<p>News</p>
|
|||
|
|
<p>About Us</p>
|
|||
|
|
<p>Contact</p>
|
|||
|
|
<p>Privacy Policy</p>
|
|||
|
|
<p>Terms & Conditions</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer__about__payment wow animate__animated animate__backInLeft">
|
|||
|
|
<div class="footer__about__paymentTitle">
|
|||
|
|
<span>Payments</span>
|
|||
|
|
</div>
|
|||
|
|
<p>Pricing</p>
|
|||
|
|
<p>Payment link</p>
|
|||
|
|
<p>Settlements</p>
|
|||
|
|
<p>Refunds</p>
|
|||
|
|
<p>Developers</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer__about__images">
|
|||
|
|
<div class="footer__about__companyLogoImg w-full grid place-content-center">
|
|||
|
|
<div class="footer__about__companyLogo">
|
|||
|
|
<img src="{{ asset('haodapay/images/1_1 Logo 1.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer__about__companyLogoImg w-full grid place-content-center">
|
|||
|
|
<div class="footer__about__secure mt-2">
|
|||
|
|
<img src="{{ asset('haodapay/images/Sectigo.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="footer__about__companyLogoImg w-full grid place-content-center">
|
|||
|
|
<div class="footer__about__positive mt-8">
|
|||
|
|
<img src="{{ asset('haodapay/images/image 1.webp')}}" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- FOOTER IMAGES -->
|
|||
|
|
|
|||
|
|
<section class="footerImg container mx-auto my-10">
|
|||
|
|
<div class="footerImg__container flex justify-center item-center flex-wrap sm:flex-nowrap gap-y-4 gap-x-10 px-2">
|
|||
|
|
<div class="footerImg__container__iso1">
|
|||
|
|
<img src="{{ asset('haodapay/images/iaf.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="footerImg__container__iso2">
|
|||
|
|
<img src="{{ asset('haodapay/images/madeinindia.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="footerImg__container__iso27001">
|
|||
|
|
<img src="{{ asset('haodapay/images/iso27001.webp')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="footerImg__container__iso">
|
|||
|
|
<img src="{{ asset('haodapay/images/iso.png')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="footerImg__container__start">
|
|||
|
|
<img src="{{ asset('haodapay/images/startupindia.png')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
<div class="footerImg__container__digital">
|
|||
|
|
<img src="{{ asset('haodapay/images/digital.png')}}" alt="img">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- FOOTER BOTTOM SECTION -->
|
|||
|
|
|
|||
|
|
<section class="footerBottom">
|
|||
|
|
<div class="footerBootom__container container mx-auto flex justify-center lg:justify-between item-center flex-wrap gap-y-2 px-4 lg:px-0">
|
|||
|
|
<div class="footerBootom__container__rights text-center lg:text-left">
|
|||
|
|
<span>All Rights Reserved <i class="fa-solid fa-copyright"></i> Haoda Payment Solutions Pvt Ltd. 2023</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="footerBootom__container__content">
|
|||
|
|
<nav class="footerBootom__nav">
|
|||
|
|
<ul class="footerBootom__ul flex flex-wrap justify-center item-center">
|
|||
|
|
<li class="ml-4 mr-2"><a href=""></a>News</li><span>|</span>
|
|||
|
|
<li class="ml-4 mr-2"><a href="blog.html"></a>Blog</li><span>|</span>
|
|||
|
|
<li class="ml-4 mr-2"><a href=""></a>Privacy</li><span>|</span>
|
|||
|
|
<li class="ml-4 mr-2"><a href=""></a>Terms</li> <span>|</span>
|
|||
|
|
<li class="ml-4 mr-2"><a href=""></a>Contact</li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<script>
|
|||
|
|
let typed = new Typed(".auto-type",{
|
|||
|
|
strings: ["Seamless","Secure","Streamlined"],
|
|||
|
|
typeSpeed : 150,
|
|||
|
|
backSpeed : 150,
|
|||
|
|
loop :true,
|
|||
|
|
cursorChar: '|',
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
|||
|
|
|
|||
|
|
<script src="{{ asset('haodapay/js/wow.min.js') }}"></script>
|
|||
|
|
<script>
|
|||
|
|
new WOW().init();
|
|||
|
|
</script>
|
|||
|
|
<script>
|
|||
|
|
AOS.init();
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|