?
á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>Yoga | MegaOne HTML5 Template</title>
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<!-- Favicon -->
<link rel="icon" href="yoga/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="yoga/css/line-awesome.min.css">
<link rel="stylesheet" href="yoga/css/animate.min.css">
<link rel="stylesheet" href="yoga/css/owl.theme.default.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="yoga/css/style.css">
<link rel="stylesheet" href="yoga/css/settings.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="150">
<!-- PRELOADER -->
<div class="loader1">
<div id="loading-area"></div>
</div>
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fa fa-angle-up"></i></a>
<!-- START NAVBAR SECTION -->
<header>
<div class="circle rounded-circle"></div>
<img class="logo_icon" src="yoga/img/logo-icon.png" alt="">
<div class="logo margin_navbar-logo logo_display">
<a href="index-yoga.html">
<img src="yoga/img/logo_img.png" alt="Logo Img"></a>
</div>
<div class="my-tog-btn">
<span></span>
<span></span>
<span></span>
</div>
<!-- NAVBAR FOR LARGE SCREEN-->
<nav id="my-nav1" class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container">
<div class="collapse navbar-collapse" id="navbarSupportedContent1" >
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="seventh nav-link before after scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after scroll .about_yoga" href="#about_yoga">About Yoga</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="yoga/process.html">Our Process</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="yoga/schedule.html">Schedule</a>
</li>
</ul>
<div class="logo">
<a href="#home" class="scroll"><img src="yoga/img/logo_img.png" alt="Logo Img"></a>
</div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="seventh nav-link before after scroll" href="#portfolio_top">Gallery</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="yoga/prices.html">Our Prices</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="yoga/blog.html">Yoga Blogs</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="yoga/contact-us.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<!--MODEL WINDOW FOR NAVBAR-->
<div class="outer-window">
<div class="navbar_small">
<a class="close-outerwindow"><i class="las la-times"></i>
</a>
<div class="logo">
<a href="#home" class="scroll"><img src="yoga/img/logo_img.png" alt="Logo Img"></a>
</div>
</div>
<nav class="navbar1">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link scroll" href="#about_yoga">About Yoga</a></li>
<li class="nav-item"><a class="nav-link" href="yoga/process.html">Our Process</a></li>
<li class="nav-item"><a class="nav-link" href="yoga/schedule.html">Schedule</a></li>
<li class="nav-item"><a class="nav-link scroll" href="#portfolio_top">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="yoga/prices.html">Our Prices</a></li>
<li class="nav-item"><a class="nav-link" href="yoga/blog.html">Yoga Blogs</a></li>
<li class="nav-item"><a class="nav-link" href="yoga/contact-us.html">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<!-- START REV SLIDER SECTION -->
<section id="home">
<div id="rev_slider_2_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="yogaslider" data-source="gallery" style="background:transparent;padding:0;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div id="rev_slider_2_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
<ul> <!-- SLIDE -->
<li data-index="rs-4" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="assets/100x50_89c72-slide1bg.png" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="yoga/img/slider_img/banner1.png" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption rev-btn"
id="slide-4-layer-2"
data-x="['center','center','center','center']" data-hoffset="['1','1','1','1']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"delay":10,"speed":3500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:50px;opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"600ms","ease":"Power1.easeIn","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:linear-gradient(90deg, rgba(198,68,252,1) 0%, rgba(88,86,214,1) 100%);bs:solid;bw:0 0 0 0;br:30px 30px 30px 30px;"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[22,22,22,25]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[22,22,22,25]"
style="z-index: 5; white-space: nowrap; font-size: 15px; line-height: 15px; font-weight: 100; color: rgba(255,255,255,1); letter-spacing:0 ;font-family:'Raleway', sans-serif;background:linear-gradient(90deg, rgba(88,86,214,1) 0%, rgba(207,67,202,1) 100%);border-color:rgba(0,0,0,1);border-radius:50px 50px 50px 50px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
<div id="video1">
<a class="white_text" href="yoga/img/Pexels%20Videos%202790143.mp4">Launch Video</a>
</div>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
id="slide-4-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-78','-78','-78','-78']"
data-fontsize="['24','24','24','16']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":400,"speed":2500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power2.easeIn"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: nowrap; font-size: 24px; line-height: 34px; font-weight: 300; color: #ffffff; letter-spacing: 0;font-family:'Open Sans', sans-serif;">A natural way of getting a perfect body & mind </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
id="slide-4-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-150','-150','-150','-150']"
data-fontsize="['72','72','72','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":0,"split":"lines","splitdelay":0.05,"speed":3500,"split_direction":"forward","frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","split":"lines","splitdelay":0.05,"speed":1000,"split_direction":"forward","frame":"999","to":"y:-50px;opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 7; white-space: nowrap; font-size: 72px; line-height: 85px; font-weight: 100; color: #ffffff; letter-spacing: 0;font-family:'Raleway', sans-serif;">Yoga is Power </div>
</li>
<!-- SLIDE -->
<li data-index="rs-6" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="assets/100x50_ecaf9-banner-2.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="yoga/img/slider_img/banner-2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme"
id="slide-6-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-78','-78','-78','-78']"
data-fontsize="['24','24','24','16']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":150,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; white-space: nowrap; font-size: 24px; line-height: 34px; font-weight: 300; color: #ffffff; letter-spacing: 0;font-family:'Open Sans', sans-serif;">Discover Inner Sanctuary & Live Towards Eternity </div>
<!-- LAYER NR. 5 -->
<div class="tp-caption tp-resizeme"
id="slide-6-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-150','-150','-150','-150']"
data-fontsize="['72','72','72','50']"
data-fontweight="['300','100','100','100']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: nowrap; font-size: 72px; line-height: 85px; font-weight: 300; color: #ffffff; letter-spacing: 0;font-family:'Raleway', sans-serif;">Yoga is Life </div>
<!-- LAYER NR. 6 -->
<a href="#about_yoga" class="tp-caption rev-btn pagescroll"
id="slide-6-layer-7"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"},{"frame":"hover","speed":"600ms","ease":"Power1.easeIn","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:linear-gradient(270deg, rgba(133,121,224,1) 0%, rgba(207,67,202,1) 100%);bs:solid;bw:0 0 0 0;"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[25,25,25,25]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[25,25,25,25]"
style="z-index: 7; white-space: nowrap; font-size: 15px; line-height: 17px; font-weight: 100; color: #ffffff; letter-spacing:0 ;font-family:'Raleway', sans-serif;background:linear-gradient(90deg, rgba(88,86,214,1) 0%, rgba(207,67,202,1) 100%);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
Read More</a>
</li>
<!-- SLIDE -->
<li data-index="rs-8" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="assets/100x50_a797b-banner-3.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="yoga/img/slider_img/banner-3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 7 -->
<div class="tp-caption tp-resizeme"
id="slide-8-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-78','-78','-78','-78']"
data-fontsize="['24','24','24','16']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":150,"speed":2000,"sfxcolor":"#ffffff","sfx_effect":"blockfromright","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; white-space: nowrap; font-size: 24px; line-height: 34px; font-weight: 300; color: #ffffff; letter-spacing: 0;font-family:'Open Sans', sans-serif;">Anybody can breathe, therefore anyone can do yoga </div>
<!-- LAYER NR. 8 -->
<div class="tp-caption tp-resizeme"
id="slide-8-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-150','-150','-150','-150']"
data-fontsize="['72','72','72','50']"
data-fontweight="['300','300','300','100']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"sfxcolor":"#ffffff","sfx_effect":"blockfromleft","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: nowrap; font-size: 72px; line-height: 85px; font-weight: 300; color: #ffffff; letter-spacing: 0;font-family:'Raleway', sans-serif;">Yoga is Therapy </div>
<!-- LAYER NR. 9 -->
<a href="#about_yoga" class="tp-caption rev-btn pagescroll "
id="slide-8-layer-7"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"},{"frame":"hover","speed":"600ms","ease":"Power1.easeIn","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:linear-gradient(270deg, rgba(133,121,224,1) 0%, rgba(207,67,202,1) 100%);bs:solid;bw:0 0 0 0;"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[25,25,25,25]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[25,25,25,25]"
style="z-index: 7; white-space: nowrap; font-size: 15px; line-height: 17px; font-weight: 100; color: #ffffff; letter-spacing:0 ;font-family:'Raleway', sans-serif;background:linear-gradient(90deg, rgba(88,86,214,1) 0%, rgba(207,67,202,1) 100%);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
Read More</a>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
</div><!-- END REVOLUTION SLIDER -->
</section>
<div class="main_content">
<!-- START ABOUT YOGA SECTION -->
<section id="about_yoga">
<div class="container">
<div class="row">
<div class=" col-sm-12 col-md-6 col-lg-6 img-sc">
<div class="blue_rectangle"></div>
<div class="about_img margin_aboutimg">
<img src="yoga/img/about_logo.png" alt="Yoga Image">
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="about-heading">
<p class="colored_heading wow fadeInUp" data-wow-delay="400ms" data-wow-duration="0.5s" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">Information about us</p>
<h1 class="heading margin_heading wow fadeInUp" data-wow-delay="600ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">Our yoga studio</h1>
<p class="info wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi
in voluptate velit esse cillum.<span class="mt-3">
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>
<a href="yoga/about-yoga.html" class="btn btn-large btn-primary margin_button wow fadeInUp" data-wow-delay="900ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInUp;">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- START TYPES OF YOGA SECTION -->
<section id="types_of_yoga">
<div class="container">
<div class="row no-gutters">
<div class="col-12 col-md-4 col-lg-4 wow fadeInLeft" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInLeft;">
<div class="cover">
<div class="card">
<h1 class="numbering">01.</h1>
</div>
<div class="card-body">
<h5 class="card-title">Lotus Veris</h5>
<p class="card-text info">sed diam nonummy nibh euismod laoreeadipiscing elit Excepteur sint occaecat cupidatat non proident,
sunt in culpa diam.</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 col-lg-4 wow fadeInUp" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
<div class="cover">
<div class="card">
<h1 class="numbering">02.</h1>
</div>
<div class="card-body">
<h5 class="card-title">Ying chen</h5>
<p class="card-text info">sed diam nonummy nibh euismod laoreeadipiscing elit Excepteur sint occaecat cupidatat non proident,
sunt in culpa diam.</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 col-lg-4 wow fadeInRight" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name:fadeInRight;">
<div class="cover">
<div class="card">
<h1 class="numbering">03.</h1>
</div>
<div class="card-body">
<h5 class="card-title">Fen su Din</h5>
<p class="card-text info">sed diam nonummy nibh euismod laoreeadipiscing elit Excepteur sint occaecat cupidatat non proident,
sunt in culpa diam.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- START GALLERY SECTION -->
<section id="portfolio_top">
<div class="container">
<div class="col-sm-12 col-md-12">
<div class="cbp-item small-screen">
<div class="text_wrap wow fadeIn" data-wow-delay="350ms">
<div class="portfolio-heading">
<p class="colored_heading text_color">Watch our exclusive</p>
<h1 class="heading heading_color new_font">Yoga Gallery</h1>
<p class="info info_margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="wow fadeInUp" data-wow-delay="250ms" data-wow-duration="1.5s" style="visibility: visible; animation-delay: 250ms; animation-name: fadeInUp;">
<div id="portfolio-measonry" class="cbp border-portfolio simple_overlay">
<div class="cbp-item itemshadow">
<div class="padding_box">
<figure class="snip0015">
<img class="padding_color" src="yoga/img/portfolio1.png" alt="">
<figcaption>
<div class="caption_center">
<i class="las la-plus plus_icon"></i>
<h3 class="hover_heading">Perfect Yoga</h3>
<p>Small Yoga Exercise Detail Here</p>
</div>
<a href="yoga/img/portfolio1.png" data-fancybox="gallery1"></a>
</figcaption>
</figure>
</div>
</div>
<div class="cbp-item large-screen">
<div class="text_wrap wow fadeIn" data-wow-delay="350ms">
<div class="portfolio-heading">
<p class="colored_heading text_color">Watch our exclusive</p>
<h1 class="heading heading_color">Yoga Gallery</h1>
<p class="info info_margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="cbp-item itemshadow">
<div class="padding_box">
<figure class="snip0015">
<img class="padding_color" src="yoga/img/portfolio2.png" alt="">
<figcaption>
<div class="caption_center">
<i class="las la-plus plus_icon"></i>
<h3 class="hover_heading">Perfect Yoga</h3>
<p>Small Yoga Exercise Detail Here</p>
</div>
<a href="yoga/img/portfolio2.png" data-fancybox="gallery1"></a>
</figcaption>
</figure>
</div>
</div>
<div class="cbp-item itemshadow">
<div class="padding_box">
<figure class="snip0015">
<img class="padding_color" src="yoga/img/portfolio3.png" alt="">
<figcaption>
<div class="caption_center">
<i class="las la-plus plus_icon"></i>
<h3 class="hover_heading">Perfect Yoga</h3>
<p>Small Yoga Exercise Detail Here</p>
</div>
<a href="yoga/img/portfolio3.png" data-fancybox="gallery1"></a>
</figcaption>
</figure>
</div>
</div>
<div class="cbp-item itemshadow">
<div class="padding_box">
<figure class="snip0015">
<img class="padding_color" src="yoga/img/portfolio4.png" alt="">
<figcaption>
<div class="caption_center">
<i class="las la-plus plus_icon"></i>
<h3 class="hover_heading">Perfect Yoga</h3>
<p>Small Yoga Exercise Detail Here</p>
</div>
<a href="yoga/img/portfolio4.png" data-fancybox="gallery1"></a>
</figcaption>
</figure>
</div>
</div>
<div class="cbp-item">
<div class="cells">
<div class="portfolio-heading1">
<h1 class="main_heading">We have many more</h1>
<p class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit labore et dolore magna aliqua.</p>
<a href="yoga/gallery.html" class="btn btn-large btn-primary">View All</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- START COUNTER SECTION -->
<section id="counters">
<div class="container">
<div class="row wow fadeInUp" data-wow-delay="700ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: fadeInUp;">
<div class="counter-heading">
<p class="colored_heading">Don't take our words</p>
<h1 class="heading_mainc margin_heading">Your Experience in Numbers</h1>
<p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam,laboris nisi
in voluptate velit esse cillum.</p>
</div>
</div>
<div class="row wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 800ms; animation-name: fadeInUp;">
<div class="col-12 col-md-4 col-lg-4">
<div class="wrapper">
<div class="counter">
<i class="las la-smile counter_icon"></i>
<span class="timer count-title count-number" data-to="4500" data-speed="1000"></span> <i class="las la-plus counter_plus"></i>
</div>
<p class="count-text">Satisfied Customers</p>
</div>
</div>
<div class="col-12 col-md-4 col-lg-4">
<div class="wrapper">
<div class="counter">
<i class="las la-building counter_icon"></i>
<span class="timer count-title count-number" data-to="9500" data-speed="1000"></span> <i class="las la-plus counter_plus"></i>
</div>
<p class="count-text ">Yoga Trainings</p>
</div>
</div>
<div class="col-12 col-md-4 col-lg-4">
<div class="wrapper">
<div class="counter">
<i class="las la-heart counter_icon"></i>
<span class="timer count-title count-number" data-to="6000" data-speed="1000"></span><i class="las la-plus counter_plus"></i>
</div>
<p class="count-text ">Healthy Lives</p>
</div>
</div>
</div>
</div>
</section>
<!-- START TRAINING SECTION -->
<section id="training_vedio">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-6 order-2 order-md-1 order-lg-1 wow fadeInLeft" data-wow-delay="700ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 700ms; animation-name:fadeInLeft;">
<div class="vedio-heading">
<p class="colored_heading">Don't take our words</p>
<h1 class="main_heading margin_heading md_heading">Watch Training Video</h1>
<p class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation.</p>
<div id="video">
<a data-fancybox="" href="yoga/img/Pexels%20Videos%202790143.mp4" class="btn btn-large btn-primary">
<i class="las la-play mr-2"></i>Play Now</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-6 order-1 order-md-2 order-lg-2 wow fadeInRight" data-wow-delay="700ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 700ms; animation-name:fadeInRight;">
<div class="vedio_img">
<img src="yoga/img/training_video.png" alt="Yoga Image"></div>
</div>
</div>
</div>
</section>
<!-- START TESTIMONIAL SECTION -->
<section id="testimonials">
<div class="container">
<div class="row">
<div class="col-12">
<div class="counter-heading">
<p class="colored_heading">Our Testimonials</p>
<h1 class="heading_mainc margin_heading">Happy Yoga People</h1>
</div>
</div>
</div>
<div class="owl-testimonial owl-carousel owl-theme ">
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="info infot_margin">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet.</p>
<div class="testimonial_img">
<img src="yoga/img/testimonial1.png" alt="testimonial picture">
</div>
<div class="text">
<p class="testimonial_name">David Raleway</p>
<p class="info blue_text">Business</p>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="info infot_margin">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet.</p>
<div class="testimonial_img">
<img src="yoga/img/testimonial2.png" alt="testimonial picture">
</div>
<div class="text">
<p class="testimonial_name">Kate Marasisa</p>
<p class="info blue_text">Illustrator</p>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="info infot_margin">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet.</p>
<div class="testimonial_img">
<img src="yoga/img/testimonial3.png" alt="testimonial picture">
</div>
<div class="text">
<p class="testimonial_name">Sam Hendias</p>
<p class="info blue_text">Web Designer</p>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="info infot_margin">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet.</p>
<div class="testimonial_img">
<img src="yoga/img/testimonial1.png" alt="testimonial picture">
</div>
<div class="text">
<p class="testimonial_name">David Raleway</p>
<p class="info blue_text">Business</p>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="info infot_margin">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet.</p>
<div class="testimonial_img">
<img src="yoga/img/testimonial2.png" alt="testimonial picture">
</div>
<div class="text">
<p class="testimonial_name">Kate Marasisa</p>
<p class="info blue_text">Illustrator</p>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="info infot_margin">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet.</p>
<div class="testimonial_img">
<img src="yoga/img/testimonial3.png" alt="testimonial picture">
</div>
<div class="text">
<p class="testimonial_name">Sam Hendias</p>
<p class="info blue_text">Web Designer</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- START YOGA BLOG SECTION -->
<section id="blog">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6 order-sm-1">
<div class="blog_img">
<img src="yoga/img/blog_img.png" alt="Blog Image">
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 order-sm-2">
<div class="blog_text">
<p class="colored_heading">Read Our Blog</p>
<h1 class="main_heading margin_heading heading_font_sm">Why Yoga Is Important</h1>
<p class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
<a href="yoga/blog.html" class="btn btn-large btn-primary">Read More</a>
</div>
</div>
</div>
</section>
<!-- START CONTACT SECTION -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-12 wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 700ms; animation-name: fadeInUp;">
<div class="contact_text">
<p class="colored_heading">Let's Get Started</p>
<h1 class="heading margin_heading heading_font_sm">Need Personal Training?</h1>
<p class="info info_width contact_margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</p>
<a href="yoga/contact-us.html" class="btn btn-large btn-primary margin_button">Start Now</a>
</div>
</div>
</div>
</div>
</section>
<!-- START MAP SECTION -->
<section id="map">
<div class="row">
<div class="col-12">
<div class="mapouter">
<div class="gmap_canvas">
<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3333.9674103770367!2d-111.89998968532109!3d33.31966746342612!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzPCsDE5JzEwLjgiTiAxMTHCsDUzJzUyLjEiVw!5e0!3m2!1sen!2s!4v1573716071790!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- START FOOTER SECTION -->
<section id="footer">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<ul class="footer_ul">
<li class="footer_list"><i class="lab la-facebook-f"></i></li>
<li class="footer_list"><i class="lab la-twitter"></i></li>
<li class="footer_list"><i class="lab la-google-plus"></i></li>
<li class="footer_list"><i class="lab la-linkedin-in"></i></li>
<li class="footer_list"><i class="lab la-instagram"></i></li>
<li class="footer_list"><i class="las la-envelope"></i></li>
</ul>
<p class="info footer_text"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themeindustry</p>
</div>
</div>
</div>
</section>
</div>
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<!-- custom script -->
<script src="yoga/js/mediaelement-and-player.min.js"></script>
<script src="yoga/js/wow.min.js"></script>
<script src="yoga/js/script.js"></script>
</body>
</html>