?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>YogaInsctructor | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="vendor/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/wow.css">
<!-- Slider Settings -->
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="yoga-instructor/css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="yoga-instructor/css/style.css">
</head>
<body data-offset="90" data-spy="scroll" data-target=".navbar">
<!--Loader-->
<div class="loader">
<div class="loader-spinner"></div>
</div>
<!-- Loader -->
<!-- Header Start -->
<header>
<!--Navbar-->
<nav class="navbar navbar-expand-lg fixed-top navbar-top-default">
<div class="container">
<a class="navbar-brand scroll" href="#home">
<img src="yoga-instructor/img/logo.png" alt="logo">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About Yoga</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#exercises">Exercises</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">Blog & Articles</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact Us</a>
</li>
</ul>
</div>
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<!-- Container End -->
<!--Side Menu Button-->
</nav>
<!-- Navbar End -->
<!-- Side Menu Start -->
<div class="side-menu hidden">
<div class="inner-wrapper">
<div class="sidemenu-image">
<a class="scroll" href="#home">
<img src="yoga-instructor/img/side-menu.png" alt="image">
</a>
</div>
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About Yoga</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#exercises">Exercises</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">Blog & Articles</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact Us</a>
</li>
</ul>
</nav>
<div class="side-menu-footer">
<div class="social-icons">
<ul>
<li>
<a href="#" class="hover"><i class="fab fa-facebook-f"></i></a>
</li>
<li><a href="#" class="hover"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="hover"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="hover"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class=" text copywrite text-left">© 2021 MegaOne. <br>Made With Love by Themesindustry.</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- Side Menu End -->
</header>
<!-- Header End -->
<!-- Banner Start -->
<section class="banner" id="home">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 img-section order-2 order-lg-1 wow fadeInRight" data-wow-delay="1500ms">
<img src="yoga-instructor/img/banner-img.png" alt="img">
</div>
</div>
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInLeft" data-wow-delay="1500ms">
<div class="text-col">
<ul>
<li><a>Yoga/</a></li>
<li><a>Instructor/ </a></li>
<li><a>Self Medication</a></li>
</ul>
<h2 class="heading">Yoga is best Exercise.</h2>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit lacus vel facilisis. </p>
<a class="media" href="yoga-instructor/standalone.html" >
<i class="fas fa-chevron-right"></i>
<div class=" media-body">Learn More</div>
</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
</div>
</div>
<!-- Container End -->
</section>
<!-- Banner End -->
<!-- About Section Start -->
<section class="about-section" id="about">
<div class="container">
<!-- row-1 -->
<div class="row row-1 no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 heading-col text-center wow fadeIn" data-wow-delay="400ms">
<h5 class="subheading">About Yoga Services</h5>
<h2 class="heading">Lorem ipsum dolor sit<br> amet consectetur.</h2>
</div>
</div>
<!-- Row-3 -->
<div class="row row-2 no-gutters yoga-services">
<div class="col-lg-3 col-md-0 col-sm-0"></div>
<div class="col-lg-6 col-md-12 col-sm-12 text-center">
<div class="img-col wow fadeInDown" data-wow-delay="400ms">
<img src="yoga-instructor/img/about-img.png" alt="img">
</div>
</div>
<div class="col-lg-3 col-md-0 col-sm-0"></div>
</div>
<!-- Row-3 -->
<div class="row row-3 no-gutters yoga-services">
<div class="col-lg-3 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="service text-center">
<h2 class="heading">01.</h2>
<h5 class="subheading">Yoga Exercise</h5>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12"></div>
<div class="col-lg-3 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="service text-center">
<h2 class="heading">02.</h2>
<h5 class="subheading">Learning Yoga</h5>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
</div>
<!-- Row-4 -->
<div class="row row-4 no-gutters yoga-services">
<div class="col-lg-4 col-md-12 col-sm-12"></div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<div class="service text-center">
<h2 class="heading">03.</h2>
<h5 class="subheading">Get Started Now</h5>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12"></div>
</div>
</div>
<!-- Container End -->
</section>
<!-- About Section End -->
<!-- Reviews Section Start -->
<section class="reviews-section">
<div class="container">
<div class="carousel-section">
<div class=" text-center reviews-carousel owl-carousel owl-themes active">
<div class="item">
<div class="testimonials">
<h5 class="subheading">People Love Us</h5>
<h2 class="heading">Our Happy Clients</h2>
<p class="text text-1">We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we can’t boast years and years of service we can ensure you that is a good thing in this industry.
</p>
<h5 class="text name">John Smith - New York City </h5>
<ul class="star-icons">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
</div>
</div>
<div class="item active">
<div class="testimonials">
<h5 class="subheading">People Love Us</h5>
<h2 class="heading">Our Happy Clients</h2>
<p class="text text-1">We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we can’t boast years and years of service we can ensure you that is a good thing in this industry.
</p>
<h5 class="text name">John Smith - New York City </h5>
<ul class="star-icons">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
</div>
</div>
<div class="item">
<div class="testimonials">
<h5 class="subheading">People Love Us</h5>
<h2 class="heading">Our Happy Clients</h2>
<p class="text text-1">We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we can’t boast years and years of service we can ensure you that is a good thing in this industry.
</p>
<h5 class="text name">John Smith - New York City </h5>
<ul class="star-icons">
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
<li><i class="fas fa-star"></i></li>
</ul>
</div>
</div>
</div>
<!-- Carousel End -->
<div class="icons">
<div class="left-customPrevBtn">
<i class="fas fa-chevron-left customPrevBtn"></i>
</div>
<div class="right-customNextBtn">
<i class="fas fa-chevron-right customNextBtn"></i>
</div>
</div>
</div>
<!-- Carousel Section End -->
</div>
<!-- Container -->
</section>
<!-- Reviews Section End -->
<!--portfolio section start-->
<section class="portfolio-section company-portfolio-section padding-top" id="exercises">
<div class="container">
<div class="section-heading">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 text-center text-lg-left wow fadeInDown " data-wow-delay="400ms">
<h2 class="heading">Yoga<br>
Excercises
</h2>
</div>
<div class="col-md-12 pt-5">
<div id="js-filters-mosaic" class="cbp-l-filters-button wow fadeInUp text-center text-lg-left" data-wow-delay="350ms">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item"> ALL Exercises</div>
<div data-filter=".morning" class="cbp-filter-item">Morning</div>
<div data-filter=".evening" class="cbp-filter-item">Evening</div>
<div data-filter=".others" class="cbp-filter-item">Others</div>
</div>
<div id="js-grid-mosaic" class="cbp cbp-l-grid-mosaic">
<div class="cbp-item morning evening">
<a href="yoga-instructor/img/portfolio-img-1.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="yoga-instructor/img/portfolio-img-1.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Best Exercise</h4>
<p class="p-hover-des">Awesome Workout</p>
</div>
</div>
</a>
</div>
<div class="cbp-item others morning">
<a href="yoga-instructor/img/portfolio-img-2.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="yoga-instructor/img/portfolio-img-2.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Best Yoga</h4>
<p class="p-hover-des">Awesome Spanish House</p>
</div>
</div>
</a>
</div>
<div class="cbp-item evening others morning ">
<a href="yoga-instructor/img/portfolio-img-3.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="yoga-instructor/img/portfolio-img-3.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Best Yoga Exercise</h4>
<p class="p-hover-des">Awesome Spanish House</p>
</div>
</div>
</a>
</div>
<div class="cbp-item evening others">
<a href="yoga-instructor/img/portfolio-img-4.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="yoga-instructor/img/portfolio-img-4.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Best Yoga Time</h4>
<p class="p-hover-des">Awesome Spanish House</p>
</div>
</div>
</a>
</div>
</div>
<div id="js-loadMore-lightbox-gallery" class="cbp-l-loadMore-button text-data wow fadeInUp" data-wow-delay="650ms">
<div class="row portfolio-foot-detail text-data-inner">
<div class="col-7 col-lg-4 offset-lg-6 text-left pl-4 portfolio-text">
<span class="p-text">We’ve got more than</span>
<h4 class="p-num">114</h4>
<span class="p-text">Excercises to kep you fit in life.</span>
</div>
<div class="col-5 col-lg-2 d-flex justify-content-end align-items-center portfolio-btn">
<a class="btn button btn-rounded pink-btn btn-hvr-purple " href="yoga-instructor/standalone.html">
View all
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--portfolio section end-->
<!-- Blog Section Start -->
<section class="blog-section" id="blog">
<div class="container">
<!-- Row-1 -->
<div class="row row-1 no-gutters text-center">
<div class="col-lg-12 col-md-12 col-sm-12 section-heading wow fadeInDown" data-wow-delay="400ms">
<h2 class="heading">Latest blog & articles will keep you updated.</h2>
</div>
</div>
<!-- Row-2 -->
<div class="row row-2 ">
<div class="col-lg-4 col-md-6 col-sm-12 blog-col-1 wow fadeInLeft" data-wow-delay="400ms">
<div class="card">
<img src="yoga-instructor/img/blog-1.png" alt="blog-img">
<div class="card-body">
<p class="date-text">October 29, 2020</p>
<h5 class="heading">Self Yoga</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit ipsum dolor sit am Lorem </p>
<ul class="name">
<li><img class="mr-2" src="yoga-instructor/img/blog-img-1.png" alt="img" >David Villas</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 blog-col-2 wow fadeInUp" data-wow-delay="400ms">
<div class="card">
<img src="yoga-instructor/img/blog-2.png" alt="blog-img">
<div class="card-body">
<p class="date-text">December 14, 2020</p>
<h5 class="heading">Outdoor Yoga</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit ipsum dolor sit am </p>
<ul class="name">
<li><img class="mr-2" src="yoga-instructor/img/blog-img-2.png" alt="img">Jessy Jhonson</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 blog-col-3 wow fadeInRight" data-wow-delay="400ms">
<div class="card">
<img src="yoga-instructor/img/blog-3.png" alt="blog-img">
<div class="card-body">
<p class="date-text">October 23, 2020</p>
<h5 class="heading">Group Yoga Excercises</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit ipsum dolor sit am </p>
<ul class="name">
<li><img class="mr-2" src="yoga-instructor/img/blog-img-3.png" alt="img">Alex Wonder</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Blog Section End -->
<!-- Address Section Start-->
<section class="address-section" id="contact">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="mapouter">
<div class="gmap_canvas" id="google-map">
<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13249.110799327349!2d151.2286337!3d-33.8825012!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xc24335f142c0cf95!2sRoyal%20Hotel%20Paddington!5e0!3m2!1sen!2s!4v1604993513684!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen=""></iframe>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="contact-info">
<h5 class="subheading">Lorem ipsum dolor sit amet consectetur</h5>
<h2 class="heading">Yoga Center</h2>
<p class="text">123 Stree New York City , United States Of America. </p>
<p class="text">Office Telephone : 001 01085379709 <br>
Mobile : 001 63165370895
</p>
<p class="text">Email : admin@website.com <br>
Inquiries : email@website.com
</p>
<p class="text">Mon-Fri: 9am to 6pm </p>
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Address Section End -->
<!-- Contact Section Start -->
<section class="contact-section" >
<div class="container">
<div class="row no-gutters">
<div class="col-lg-4 col-md-12 col-sm-12 logo-section wow fadeInLeft" data-wow-delay="400ms">
<img src="yoga-instructor/img/contact-logo.png" alt="logo">
</div>
<div class="col-lg-8 col-md-12 col-sm-12 form-section wow fadeInRight" data-wow-delay="400ms">
<form id="contact-form-data" class="contact-form wow fadeInUp" data-wow-delay="400ms" >
<div class="row">
<div class="col-12" id="result"></div>
<div class="col-lg-5 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control " type="text" id="quote_name" placeholder="Name" required="" name="userName">
</div>
<div class="form-group">
<input class="form-control" type="text" id="quote_contact" name="userPhone" placeholder="Contact No" required="" >
</div>
<div class="form-group">
<input class="form-control" type="email" id="quote_email" placeholder="Email" required="" name="userEmail">
</div>
</div>
<div class="col-lg-1 col-md-0 col-sm-0"></div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" id="userMessage"
name="userMessage" placeholder="Type Your Message Here"></textarea>
</div>
<div class="form-group">
<a class="btn button btn-rounded white-btn btn-hvr-black contact_btn" href="javascript:void(0);">
Let's Get in Touch
</a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Contact Section End-->
<!-- Footer Start -->
<footer class="no-gutters">
<div class="container">
<div class="social-icons">
<ul>
<li><a class="hovr wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="hovr wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-twitter"></i><span></span></a>
</li>
<li><a class="hovr wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-google-plus-g"></i><span></span></a>
</li>
<li><a class="hovr wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-linkedin-in"></i><span></span></a>
</li>
<li><a class="hovr wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-instagram"></i><span></span></a>
</li>
<li><a class="hovr wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="far fa-envelope"></i><span></span></a>
</li>
</ul>
</div>
<p class="text text-center wow fadeInUp" data-wow-delay="400ms">© 2021 MegaOne. made with love by themesindustry</p>
</div>
</footer>
<!-- Footer End -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="yoga-instructor/js/script.js"></script>
</body>
</html>