abinesh/career.blade.php

389 lines
19 KiB
PHP
Raw Normal View History

2023-10-21 13:03:51 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Career</title>
<link rel="website icon" type="png" href="{{ asset('haodapay/images/haodafavicon.png')}}">
<script src="{{ asset('haodapay/js/tailwind.js') }}"></script>
<link rel="stylesheet" href="{{ asset('haodapay/css/career.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') }}">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<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>
<!-- CAREER MAIN SECTION -->
<section>
<div class="career__container container mx-auto flex flex-wrap lg:flex-nowrap px-5 lg:px-0 mt-10 lg:mt-20 xl:mt-32">
<div class="careerContainer__content w-full md:w-1/2 wow animate__animated animate__slideInLeft">
<div class="careerContainer__content__title xl:mt-11 mb-4 md:mb-8 xl:mb-14 text-center md:text-left">
<span>Were fearless, independent & Original</span>
</div>
<div class="careerContainer__content__para text-center md:text-left wow animate__animated animate__slideInLeft">
<span>Were fearless collaborators, and were looking for people with the skills and ambition to make us even better.</span>
</div>
</div>
<div class="careerContainer__image w-full md:w-1/2 flex justify-center item-center mt-8 sm:mt-14 md:mt-0 wow animate__animated animate__slideInRight">
<div class="careerContainer__img">
<img src="{{ asset('haodapay/images/careerMain.webp')}}" alt="">
</div>
</div>
</div>
</section>
<!-- JOB LIST SECTION -->
<section>
<div class="jobList__container container mx-auto">
<div class="jobList__title text-center my-10 lg:mt-32 lg:mb-12 wow animate__animated animate__flash">
<span>Opportunities</span>
</div>
<div class="jobList__list">
<div class="jobList">
<a href="#">
<div class="jobTitle">
<span>HR Admin</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
<div class="jobList">
<a href="{{ URL('v2/career/ui-ux-designer') }}">
<div class="jobTitle">
<span>UI/UX Designer</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
<div class="jobList">
<a href="#">
<div class="jobTitle">
<span>Account Executive</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
<div class="jobList">
<a href="#">
<div class="jobTitle">
<span>Digital Marketing Head</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
<div class="jobList">
<a href="#">
<div class="jobTitle">
<span>Full Stack Developer</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div class="seeMore grid place-content-center my-14">
<div class="seeMore__btn grid place-content-center">
<button>SEE MORE</button>
</div>
</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=""></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 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 src="{{ asset('haodapay/js/aos.js')}}"></script>
<script>
AOS.init();
</script>
</body>
</html>