<% include partials/head %>

    <div class="main-wrapper">

        <% include partials/header %>

        <!-- Main Features Wrapper -->
        <div class="features-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">
                                    JogaApp For Professional
                                </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="<%= baseUrl %>/images/waves-shape-2.svg" alt="Shape">
                </div>
            </section>
            <!-- End Inner Page Banner -->

            <!-- Features List Section -->
            <section class="features-section py-sm-5 py-4">
                <div class="container">
                    <div class="heading line-after text-center py-lg-4 py-3">
                        <h2 class="font-weight-semibold">Awesome Features</h2>
                    </div>
                    <div class="container-lg mx-auto">
                        <div class="row align-items-center pt-4">
                            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 order-lg-0 order-1">
                                <div class="feature-left">
                                    <div data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                        <div class="feature-box position-relative radius-12 bottom-border-up transition-all-3ms p-3 p-sm-4">
                                            <div class="subheading text-capitalize pb-3">
                                                <h4>Lorem ipsum dolor sit amet </h4>
                                            </div>
                                            <div class="feature-description">
                                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae, expedita exercitationem facilis tenetur nam quibusdam illo!</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                        <div class="feature-box position-relative radius-12 bottom-border-up transition-all-3ms p-3 p-sm-4">
                                            <div class="subheading text-capitalize pb-3">
                                                <h4>Lorem ipsum dolor sit amet </h4>
                                            </div>
                                            <div class="feature-description">
                                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae, expedita exercitationem facilis tenetur nam quibusdam illo!</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                        <div class="feature-box position-relative radius-12 bottom-border-up transition-all-3ms p-3 p-sm-4">
                                            <div class="subheading text-capitalize pb-3">
                                                <h4>Lorem ipsum dolor sit amet </h4>
                                            </div>
                                            <div class="feature-description">
                                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae, expedita exercitationem facilis tenetur nam quibusdam illo!</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12 order-lg-1 order-0 pb-lg-0 pb-4">
                                <div class="feature-center mx-500 mx-auto position-relative" data-aos="zoom-in" data-aos-duration='2000'>
                                    <img src="<%= baseUrl %>/images/logo-black.png" class="logo" alt="Jogaapp" class="img-fluid">
                                    <img src="<%= baseUrl %>/images/mobile.svg" alt="Mobile Thumbnail" class="img-fluid">
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 order-lg-2 order-2">
                                <div class="feature-right">
                                    <div data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                        <div class="feature-box position-relative radius-12 bottom-border-up transition-all-3ms p-3 p-sm-4">
                                            <div class="subheading text-capitalize pb-3">
                                                <h4>Lorem ipsum dolor sit amet </h4>
                                            </div>
                                            <div class="feature-description">
                                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae, expedita exercitationem facilis tenetur nam quibusdam illo!</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                        <div class="feature-box position-relative radius-12 bottom-border-up transition-all-3ms p-3 p-sm-4">
                                            <div class="subheading text-capitalize pb-3">
                                                <h4>Lorem ipsum dolor sit amet </h4>
                                            </div>
                                            <div class="feature-description">
                                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae, expedita exercitationem facilis tenetur nam quibusdam illo!</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                        <div class="feature-box position-relative radius-12 bottom-border-up transition-all-3ms p-3 p-sm-4">
                                            <div class="subheading text-capitalize pb-3">
                                                <h4>Lorem ipsum dolor sit amet </h4>
                                            </div>
                                            <div class="feature-description">
                                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae, expedita exercitationem facilis tenetur nam quibusdam illo!</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </section>
            <!-- End Features List Section -->

            <section class="app-detail-slider position-relative py-sm-5 py-4">
                <div class=" yellow-gradient-border"></div>
                <div class="container z-index-9">
                    <div class="heading line-after text-center py-lg-4 py-3">
                        <h2 class="font-weight-semibold">Application Details</h2>
                    </div>
                    <div class="container-md row-reverse-content px-lg-3 px-0">
                        <div class="row align-items-center pt-0">
                            <div class="col-sm-6 col-12">
                                <div class="mx-500 mx-auto">
                                    <div class="mobile-device position-relative" data-aos="zoom-in" data-aos-duration='3000'>
                                        <div class="device-background rounded-circle pulse-effect-lg animation-du-2s animation-dl-2s"></div>
                                        <div class="device iphone">
                                            <div class="app-slides">
                                                <div class="app-slider owl-carousel owl-nav-style owl-side-nav sm">
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-1.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-2.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-3.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-4.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-5.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-6.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-7.png)"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-12">
                                <div class="mx-500 mx-auto" data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                    <div class="heading">
                                        <h2 class="font-weight-semibold">Jogaapp for<span class="text-darkYellow"> Professional's</span></h2>
                                    </div>
                                    <div class="text-darkGrey pt-md-4 pt-3 px-md-0">
                                        <ul class="list-top-space-sm text-fadeBlack">
                                            <li>
                                                <div class="d-flex">
                                                    <span class="bullets mr-3"></span>
                                                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero, laboriosam et consequuntur neque rerum voluptates magnam</p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex">
                                                    <span class="bullets mr-3"></span>
                                                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero, laboriosam et consequuntur neque rerum voluptates magnam</p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex">
                                                    <span class="bullets mr-3"></span>
                                                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero, laboriosam et consequuntur neque rerum voluptates magnam</p>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="font-weight-bold pt-4 pr-3">
                                            <p>Download <span class="text-darkYellow">Professionals</span> JogaApp Application form Here</p>
                                        </div>
                                        <div class="d-flex align-items-center pt-2">
                                            <a href="javascript:void(0)" class="btn-app-link apple transition-all-4ms m-2">
                                                <span>Download on the</span>
                                                <span class="store-name">App Store</span>
                                            </a>
                                            <a href="javascript:void(0)" class="btn-app-link android transition-all-4ms m-2">
                                                <span>Download on the</span>
                                                <span class="store-name">Play Store</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center pt-0">
                            <div class="col-sm-6 col-12">
                                <div class="mx-500 mx-auto">
                                    <div class="mobile-device position-relative" data-aos="zoom-in" data-aos-duration='3000'>
                                        <div class="device-background rounded-circle pulse-effect-lg animation-du-2s animation-dl-2s"></div>
                                        <div class="device iphone">
                                            <div class="app-slides">
                                                <div class="app-slider owl-carousel owl-nav-style owl-side-nav sm">
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-1.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-2.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-3.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-4.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-5.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-6.png)"></div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="app-screensshots" style="background-image:url(<%= baseUrl %>/images/client-7.png)"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-12">
                                <div class="mx-500 mx-auto" data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                                    <div class="heading">
                                        <h2 class="font-weight-semibold">Private Member's<span class="text-darkYellow"> Application</span></h2>
                                    </div>
                                    <div class="text-darkGrey pt-md-4 pt-3 px-md-0">
                                        <ul class="list-top-space-sm text-fadeBlack">
                                            <li>
                                                <div class="d-flex">
                                                    <span class="bullets mr-3"></span>
                                                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero, laboriosam et consequuntur neque rerum voluptates magnam</p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex">
                                                    <span class="bullets mr-3"></span>
                                                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero, laboriosam et consequuntur neque rerum voluptates magnam</p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex">
                                                    <span class="bullets mr-3"></span>
                                                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero, laboriosam et consequuntur neque rerum voluptates magnam</p>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="font-weight-bold pt-4 pr-3">
                                            <p>Download <span class="text-darkYellow">Clinet</span> JogaApp Application form Here</p>
                                        </div>
                                        <div class="d-flex align-items-center pt-2">
                                            <a href="javascript:void(0)" class="btn-app-link apple transition-all-4ms m-2">
                                                <span>Download on the</span>
                                                <span class="store-name">App Store</span>
                                            </a>
                                            <a href="javascript:void(0)" class="btn-app-link android transition-all-4ms m-2">
                                                <span>Download on the</span>
                                                <span class="store-name">Play Store</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
        </div>
        <!-- End Main Features Wrapper -->

    </div>

<% include partials/footer %>