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

        <% include partials/header %>

        <!-- Main Our Service Area  Wrapper -->
        <div class="our-service-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">
                                <h2 class="text-expand">
                                    Our Service Areas
                                </h2>
                            </div>
                            <div class="subheading item-animated fadeInUp animation-du-1_5s animation-dl-2ms pt-3">
                                <h3 class="font-weight-light">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wavesshape shape">
                    <img src="<%= siteUrl %>public/images/waves-shape-2.svg" alt="Shape">
                </div>
            </section>
            <!-- End Inner Page Banner -->
            
            <!-- Main Services Area content -->
            <section class="our-service-section py-sm-5 py-4">
                <div class="container p-lg-4">
                    <div class="service-list row-reverse-content pt-4">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-12">
                                <div class="tumbnails-img-sm mx-300 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                                    <img src="<%= siteUrl %>public/images/sports.svg" alt="Sport Clubs" class="img-fluid">
                                </div>
                            </div>
                            <div class="col-md-7 col-12 pt-lg-0 pt-4">
                                <div class="mx-500 mx-auto" data-aos="fade-up" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                    <div class="subheading text-capitalize py-lg-4 py-3">
                                        <h3 class="font-weight-normal">Sport Clubs</h3>
                                    </div>
                                    <div class="about-description">
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam quam culpa iure, error labore vel tempore ducimus expedita veniam veritatis non deserunt voluptatibus! Consectetur velit laudantium culpa sed! Culpa, consequuntur.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-md-5 col-12">
                                <div class="tumbnails-img-sm mx-300 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                                    <img src="<%= siteUrl %>public/images/teaching.svg" alt="Tutorials Classes" class="img-fluid">
                                </div>
                            </div>
                            <div class="col-md-7 col-12 pt-lg-0 pt-4">
                                <div class="mx-500 mx-auto" data-aos="fade-up" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                    <div class="subheading text-capitalize py-lg-4 py-3">
                                        <h3 class="font-weight-normal">Tutorials Classes</h3>
                                    </div>
                                    <div class="about-description">
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam quam culpa iure, error labore vel tempore ducimus expedita veniam veritatis non deserunt voluptatibus! Consectetur velit laudantium culpa sed! Culpa, consequuntur.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-md-5 col-12">
                                <div class="tumbnails-img-sm mx-300 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                                    <img src="<%= siteUrl %>public/images/doctor.svg" alt="Doctor's Appointment" class="img-fluid">
                                </div>
                            </div>
                            <div class="col-md-7 col-12 pt-lg-0 pt-4">
                                <div class="mx-500 mx-auto" data-aos="fade-up" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                    <div class="subheading text-capitalize py-lg-4 py-3">
                                        <h3 class="font-weight-normal">Doctor's Appointment</h3>
                                    </div>
                                    <div class="about-description">
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam quam culpa iure, error labore vel tempore ducimus expedita veniam veritatis non deserunt voluptatibus! Consectetur velit laudantium culpa sed! Culpa, consequuntur.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-md-5 col-12">
                                <div class="tumbnails-img-sm mx-300 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                                    <img src="<%= siteUrl %>public/images/booking.svg" alt="Any type of Booking" class="img-fluid">
                                </div>
                            </div>
                            <div class="col-md-7 col-12 pt-lg-0 pt-4">
                                <div class="mx-500 mx-auto" data-aos="fade-up" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                    <div class="subheading text-capitalize py-lg-4 py-3">
                                        <h3 class="font-weight-normal">Any type of Booking</h3>
                                    </div>
                                    <div class="about-description">
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam quam culpa iure, error labore vel tempore ducimus expedita veniam veritatis non deserunt voluptatibus! Consectetur velit laudantium culpa sed! Culpa, consequuntur.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Main Services Area content -->

            <!-- Application Supported Platform Section -->
            <section class="app-links bg-no-repeat text-white overlay-black position-relative py-sm-5 py-4">
                <div class="container z-index-9">
                    <div class="row align-items-center py-lg-5 py-3 overflow-hidden">
                        <div class="col-md-4 col-12 text-md-left text-center">
                            <div class="heading">
                                <h2 class="font-weight-bold">Supported <span class="text-darkYellow"> Platforms</span></h2>
                            </div>
                            <div class="subheading pt-3">
                                <h4 class="font-weight-normal">JogaApp Application available in multiple platforms</h4>
                            </div>
                        </div>
                        <div class="col-md-4 col-12 pt-md-0 pt-4">
                            <div class="thumbnails-img-sm position-relative mx-220 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                                <img src="<%= siteUrl %>public/images/devices.svg" alt="Support Platform" class="img-fluid">
                                <img src="<%= siteUrl %>public/images/logo-black.png" class="monitor" alt="Jogaapp" class="img-fluid">
                                <img src="<%= siteUrl %>public/images/logo-black.png" class="tab" alt="Jogaapp" class="img-fluid">
                                <img src="<%= siteUrl %>public/images/logo-black.png" class="mobile" alt="Jogaapp" class="img-fluid">
                            </div>
                        </div>
                        <div class="col-md-4 col-12 app-platform text-md-right text-center pt-md-0 pt-4">
                            <a href="https://apps.apple.com/us/app/jogaapp-schedule-management/id1360252866" title="JogaApp" class="apple m-2"></a>
                            <a href="https://play.google.com/store/apps/details?id=com.jogaapp" title="JogaApp" class="android m-2"></a>
                            <a href="javascript:void(0)" class="web m-2"></a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Application Supported Platform Section -->

        </div>
        <!-- End Main Our Service Area  Wrapper -->
    
    </div>

<% include partials/footer %>