<% include partials/head %>
    
    <div class="main-wrapper">

        <% include partials/header %>
       
        <!-- Main Partners Wrapper -->
        <div class="partners-wrapper">

            <!-- Inner Page Banner -->
            <!-- <section class="inner-page-banner position-relative">
                <div class="container d-flex align-items-center justify-content-center h-100 px-0 position-relative">
                    <div class="inner-banner-block d-flex align-items-center justify-content-center position-relative p-4">
                        <div class="text-center text-black">
                            <div class="heading lg position-relative  pb-2">
                                <h1 class="text-expand font-weight-bold text-white">
                                    Become our partner
                                </h1>
                            </div>
                            <div class="subheading item-animated fadeInUp animation-du-1_5s animation-dl-2ms pt-3">
                                <h3 class="font-weight-light">Enjoy perks which are only available to members of our partners network</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wavesshape shape">
                    <img src="/images/waves-shape-2.svg" alt="Shape">
                </div>
            </section> -->
            <section class="inner-pages-img-banner position-relative text-white overlay-black d-flex align-items-center" style="background-image: url(../images/partners-banner.jpg)">
                <div class="container z-index-9 text-center">
                    <div class="heading lg position-relative">
                        <h1 class="text-expand font-weight-bold text-white">
                            Become our partner
                        </h1>
                    </div>
                    <div class="subheading item-animated fadeInUp animation-du-1_5s animation-dl-4ms pt-3">
                        <h3 class="text-white">Enjoy perks which are only available to members of our partners network</h3>
                    </div>
                </div>
            </section>
            <!-- End Inner Page Banner -->
            
            <!-- Main Partners content -->
            <section class="partners-section py-sm-5 py-4">
                <div class="container p-lg-4">
                    <div class="row align-items-center">
                        <div class="col-md-5 col-12">
                            <div class="tumbnails-img-md mx-500 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                                <img src="/images/illustration/partner.svg" alt="Become A Partner" class="img-fluid">
                            </div>
                        </div>
                        <div class="col-md-7 col-12 pt-lg-0 pt-4">
                            <div class="mx-700 mx-auto py-lg-5" data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                <div class="heading">
                                    <h2 class="text-fadeBlack font-weight-bold text-uppercase">Join <span class="text-darkYellow">Joga</span></h2>
                                </div>
                                <!-- <div class="subheading pt-3">
                                    <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>
                                </div> -->
                                <ul class="list-top-space text-fadeBlack pt-lg-5 pt-4">
                                    <li>
                                        <div class="d-flex ">
                                            <i class="fas fa-thumbs-up mr-3 pt-1"></i>
                                            <p>A customisable Club Management Solution for businesses looking to integrate already existing applications, or building a brand new system that meets your business goals.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="d-flex ">
                                            <i class="fas fa-thumbs-up mr-3 pt-1"></i>
                                            <p>You will have a bird's eye view of your whole business from anywhere you are, and access information about one or more locations at once while getting immediate feedback about their performance.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="d-flex ">
                                            <i class="fas fa-thumbs-up mr-3 pt-1"></i>
                                            <p>The easiest way to connect with clients. Avoid missed calls, late replies, or unanswered emails with JogaApp's Automation Software.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="d-flex ">
                                            <i class="fas fa-thumbs-up mr-3 pt-1"></i>
                                            <p>Before committing to any project, we first ensure to understand your top priorities and then work together towards building the best solution to specific problems, also providing advice and Club Management Consultant sessions when requested.</p>
                                        </div>
                                    </li>
                                </ul>
                                <div class="text-md-left text-center pt-lg-5 pt-4">
                                    <a href="http://club.jogaapp.com/club/club_register" target="_blank" class="btn btn-lg global-radius btn-yellow btn-hvr-shutter">Partner Signup</a>
                                    <a href="http://club.jogaapp.com/club" target="_blank" class="btn btn-lg global-radius btn-black btn-hvr-shutter ml-3">Partner Login</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Main Partners content -->

            <!-- Partners Benefits -->
            <section class="partners-benefits yellow-gradient-border position-relative py-sm-5 py-4" data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                <div class="container">
                    <div class="heading text-center py-lg-4 py-3">
                        <h2 class="text-fadeBlack font-weight-bold text-uppercase">Partner <span class="text-darkYellow">Benefits</span></h2>
                    </div>
                    <div class="container-md mx-auto">
                        <div class="row justify-content-center pt-lg-5 pt-4">
                            <div class="col-sm-6 col-md-6 col-lg-4 py-3">
                                <div class="modern-box radius-12 position-relative border-animation overflow-hidden transition-all-3ms">
                                    <div class="modern-box-icon mx-150 mx-auto transition-all-3ms">
                                        <img src="/images/illustration/partner-business.svg" alt="Business Referrals" class="img-fluid align-middle">
                                    </div>
                                    <div class="subheading py-3"> 
                                        <h3 class="transition-all-4ms">Business Referrals</h3>
                                    </div>
                                    <div class="modern-box-text">
                                        <p>Because our partnership network includes businesses from different industries, we can help you to generate new leads, refer new clients to your business, and connect you with decision makers that are usually not accessible without a known contact. Until today, the best marketing tool for any businesses is via word of mouth or through referrals from a common connection.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-6 col-lg-4 py-3">
                                <div class="modern-box radius-12 position-relative border-animation overflow-hidden transition-all-3ms">
                                    <div class="modern-box-icon mx-150 mx-auto transition-all-3ms">
                                        <img src="/images/illustration/partner-industry.svg" alt="Industry Expertise" class="img-fluid align-middle">
                                    </div>
                                    <div class="subheading py-3"> 
                                        <h3 class="transition-all-4ms">Industry Expertise</h3>
                                    </div>
                                    <div class="modern-box-text">
                                        <p>We have been involved in all sides of the industry, as clients, managers, and professionals, and that is why we can provide invaluable insights that only comes with years of experience.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-6 col-lg-4 py-3">
                                <div class="modern-box radius-12 position-relative border-animation overflow-hidden transition-all-3ms">
                                    <div class="modern-box-icon mx-150 mx-auto transition-all-3ms">
                                        <img src="/images/illustration/partner-support.svg" alt="Support" class="img-fluid align-middle">
                                    </div>
                                    <div class="subheading py-3"> 
                                        <h3 class="transition-all-4ms">Support</h3>
                                    </div>
                                    <div class="modern-box-text">
                                        <p>Just like any system in the  world, at some point there might be a need to connect with customer  support. Choosing a company that has the clients’ needs at its heart can help you avoid unnecessary headaches in the future, and that is why we offer online, business hours, and upon request a top of the line dedicated customer support team available 24/7.</p>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6 col-md-6 col-lg-4 py-3">
                                <div class="modern-box radius-12 position-relative border-animation overflow-hidden transition-all-3ms">
                                    <div class="modern-box-icon d-flex align-items-center mx-150 mx-auto transition-all-3ms">
                                        <img src="/images/illustration/partner-earning.svg" alt="Continuous Earnings / Affiliate Program" class="img-fluid">
                                    </div>
                                    <div class="subheading py-3"> 
                                        <h3 class="transition-all-4ms">Continuous Earnings / Affiliate Program</h3>
                                    </div>
                                    <div class="modern-box-text">
                                        <p>If you are looking to increase your monthly revenue just by referring us to a new client, this program offers the possibility for clients, businesses, and professionals to generate a recurring income with sales that comes from personal connections.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Partners Benefits -->

            <!-- Our Clients Section -->
            <!-- <section class="our-client-section yellow-gradient-border position-relative py-sm-5 py-4" data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                <div class="container">
                    <div class="heading line-after text-center py-lg-4 py-3">
                        <h2 class="font-weight-semibold">Our client</h2>
                    </div>
                    <div class="owl-carousel owl-theme container-lg" id="client-list-slider">
                        <div class="item">
                            <div class="client-logo position-relative text-center p-3 my-sm-3 my-2">
                                <a href="javascript:void(0)" class="d-block">
                                    <img src="/images/americal-club.png" alt="Clients Logo" class="img-fluid">
                                </a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="client-logo position-relative text-center p-3 my-sm-3 my-2">
                                <a href="javascript:void(0)" class="d-block">
                                    <img src="/images/americal-club.png" alt="Clients Logo" class="img-fluid">
                                </a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="client-logo position-relative text-center p-3 my-sm-3 my-2">
                                <a href="javascript:void(0)" class="d-block">
                                    <img src="/images/americal-club.png" alt="Clients Logo" class="img-fluid">
                                </a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="client-logo position-relative text-center p-3 my-sm-3 my-2">
                                <a href="javascript:void(0)" class="d-block">
                                    <img src="/images/americal-club.png" alt="Clients Logo" class="img-fluid">
                                </a>
                            </div>
                        </div>
                    </div>
            </section> -->
            <!-- End Our Clients Section -->
        </div>
        <!-- End Main Partners Wrapper -->
    
    </div>

<% include partials/footer %>