?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Product is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>Yoga | MegaOne | Creative 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/animate.min.css">
<link rel="stylesheet" href="../yoga/css/line-awesome.min.css">
<link rel="stylesheet" href="../yoga/css/owl.theme.default.min.css">
<link rel="stylesheet" href="../yoga/css/mediaelementplayer.css">
<link rel="stylesheet" href="../yoga/css/mejs-controls.svg">
<!-- Style Sheet -->
<link rel="stylesheet" href="../yoga/css/style.css">
<link rel="stylesheet" href="../yoga/css/settings.css">
</head>
<body data-spy=" " 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" href="../index-yoga.html">Home</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="about-yoga.html">About Yoga</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="process.html">Our Process</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="schedule.html">Schedule</a>
</li>
</ul>
<div class="logo">
<a href="../index-yoga.html"><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" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="prices.html">Our Prices</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after active" href="blog.html">Yoga Blogs</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="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="lni-close"></i>
</a>
<div class="logo">
<a href="../index-yoga.html"><img src="../yoga/img/logo_img.png" alt="Logo Img"></a>
</div>
</div>
<nav class="navbar1">
<ul class="navbar-nav">
<li class="nav-item animation1"><a class="nav-link" href="../index-yoga.html">Home</a></li>
<li class="nav-item animation1"><a class="nav-link" href="about-yoga.html">About Yoga</a></li>
<li class="nav-item animation1"><a class="nav-link " href="process.html">Our Process</a></li>
<li class="nav-item animation1"><a class="nav-link active" href="schedule.html">Schedule</a></li>
<li class="nav-item animation1"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item animation1"><a class="nav-link" href="prices.html">Our Prices</a></li>
<li class="nav-item animation1"><a class="nav-link active" href="blog.html">Yoga Blogs</a></li>
<li class="nav-item animation1"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<div id="page_content">
<!--HEADER IMAGE-->
<div class="header5_img">
<div class="overlay">
<div class="header_tittle">
<p class="header_tittle1">Yoga Blog</p>
<p class="header_tittle2">A natural way of getting a perfect body & mind</p>
</div>
</div>
</div>
<section id="search">
<div class="container">
<div class="row pt-sm-5">
<div class="col-12 col-lg-4 order-2 order-md-1">
<div class="search_outerbox">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-search" type="button"><i class="fa fa-search fa-fw"></i></button>
</span>
</div>
</div>
<section id="topics">
<div class="container">
<div class="row">
<div class="col-12 pr-0 pl-0">
<div class="topic_outerbox mt-4">
<h2>Topics</h2>
<div class="inner-box">
<ul>
<li><a href="#">Art</a> <span class="dots">......................</span>4</li>
<li><a href="#">Fashion</a> <span class="dots pr-1">..................</span>5</li>
<li><a href="#">Life style </a> <span class="dots pr-1">.................</span>3</li>
<li><a href="#">Motivation</a> <span class="dots">................</span> 8</li>
<li><a href="#">Travel</a> <span class="dots">....................</span>6</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="popular_post">
<div class="container">
<div class="row">
<div class="col-12 p-0">
<div class="outer_popular mt-4">
<h2>Popular Post</h2>
<div class="outer mt-4 display">
<div class="popular_image">
<a href="detail-blog.html"><img src="img/portfolio/thumbnail4.png" alt="popular image"></a>
</div>
<div class="text_post">
<p class="main"> Minimal Post...</p>
<p class="date">August 13, 2019 by</p><span>Mark Edison</span>
</div>
</div>
<div class="outer pt-lg-3 display">
<div class="popular_image">
<a href="detail-blog.html"><img src="img/portfolio/thumbnail2.png" alt="audio image"></a>
</div>
<div class="text_post">
<p class="main"> Standard Post....</p>
<p class="date">October 22, 2019 by</p><span>Mark Edison</span>
</div>
</div>
<div class="outer pt-lg-3 display">
<div class="popular_image">
<a href="detail-blog.html"><img src="img/portfolio/thumbnail3.png" alt="standard image"></a>
</div>
<div class="text_post">
<p class="main">Standard Post...</p>
<p class="date">October 30, 2019 by</p><span>Mark Edison</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="tags">
<div class="container">
<div class="row">
<div class="col-12 pr-0 pl-0">
<div class="outer_tag mt-4">
<h2 class="main_tag">Tags</h2>
<div class="inner_tag">
<div class="tag_text">
<span><a href="">BIKRAM</a></span>
<span><a href="">ASHTANGA</a></span>
<span><a href="">POWER</a></span>
<span><a href="">SIVANANDA</a></span>
<span><a href="">YIN</a></span>
<span><a href="">JIVAMUKTI</a></span>
<span><a href="">HOT</a></span>
<span><a href="">IYENGAR</a></span>
<span><a href="">PRENATAL</a></span>
<span><a href="">YOGA</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="archieve">
<div class="container">
<div class="row">
<div class="col-12 pr-0 pl-0">
<div class="topic_outerbox mt-4">
<h2>Archives</h2>
<div class="inner-box1">
<ul>
<li><a href="#">May 2016</a> <span class="dots">..................</span>1</li>
<li><a href="#">July 2015</a> <span class="dots">..................</span>3</li>
<li><a href="#">Dec 2017</a> <span class="dots">..................</span>1</li>
<li><a href="#">Oct 2019</a> <span class="dots">..................</span>6</li>
<li><a href="#">Sep 2018</a> <span class="dots">..................</span>8</li>
<li><a href="#">Feb 2020</a> <span class="dots">..................</span>1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="sale_image">
<div class="container">
<div class="row">
<div class="col-12 pr-0 pl-0 pt-4 pb-4">
<img class="sale_img" src="../yoga/img/sale.jpg" alt="advertisment image">
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-8 pt-sm-4 pt-md-0 pt-lg-0 order-1 order-md-2">
<!--..................MINIMAL POST....-->
<div class="minimal_image mt-sm-10 mt-md-0 mt-lg-0">
<section class="min-post">
<img src="img/blog/blog_page.png" alt="Blog Image">
</section>
</div>
<div class="text_minimal">
<a href="detail-blog.html"><h2>Minimal Post With A Preview Image</h2></a>
<div class="display">
<p class="date">August 13, 2019 </p><div class="verticle_line margin_1"></div>
<span>Mark Edison</span>
</div>
<p class="text_dummy">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a href="detail-blog.html" class="btn btn-large btn-primary">Read More</a>
</div>
<div class="divider1"></div>
<!--...........AUDIO............-->
<div class="audio-post mt-10">
<div class="img-area">
<img src="img/blog/blog_page1.png" alt="audio image">
<audio id="player2" preload="none" controls style="max-width: 100%;">
<source src="img/blog/audio.mp3" type="audio/mp3">
</audio>
</div>
<div class="text_minimal">
<a href="detail-blog.html"><h2>Standard Post With A Self Hosted Audio</h2></a>
<div class="display">
<p class="date">August 13, 2019 </p><div class="verticle_line margin_1"></div>
<span>Mark Edison</span>
</div>
<p class="text_dummy">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a href="detail-blog.html" class="btn btn-large btn-primary">Read More</a>
</div>
<div class="divider1"></div>
</div>
<!--.........PORTFOLIO-->
<div class="audio-post mt-10">
<div class="img-area">
<div class="row">
<div class="col-4 pt-0 pb-0 pr-0">
<a href="img/blog/portfolio1.png" data-fancybox="gallery1">
<div class="box4">
<img src="img/blog/thumbnail1.png" alt="" />
<div class="box-content">
<span class="post">View Gallery</span>
<ul class="icon">
<li> <i class="fa fa-search"></i>
</li>
</ul>
</div>
</div>
</a>
</div>
<div class="col-4 p-0">
<a href="img/blog/portfolio2.png" data-fancybox="gallery1">
<div class="box4">
<img src="img/blog/thumbnail2.png" alt="portfolio image">
<div class="box-content">
<span class="post">View Gallery</span>
<ul class="icon">
<li><i class="fa fa-search"></i>
</li>
</ul>
</div>
</div>
</a>
</div>
<div class="col-4 pt-0 pb-0 pl-0">
<a href="img/blog/portfolio5.png" data-fancybox="gallery1">
<div class="box4">
<img src="img/blog/thumbnail5.png" alt="portfolio image">
<div class="box-content">
<span class="post">View Gallery</span>
<ul class="icon">
<li> <i class="fa fa-search"></i>
</li>
</ul>
</div>
</div>
</a>
</div>
<div class="col-4 pt-0 pb-0 pr-0">
<a href="img/blog/portfolio4.png" data-fancybox="gallery1">
<div class="box4">
<img src="img/blog/thumbnail4.png" alt="portfolio image">
<div class="box-content">
<span class="post">View Gallery</span>
<ul class="icon">
<li><i class="fa fa-search"></i>
</li>
</ul>
</div>
</div>
</a>
</div>
<div class="col-4 p-0">
<a href="img/blog/portfolio3.png" data-fancybox="gallery1">
<div class="box4">
<img src="img/blog/thumbnail3.png" alt="portfolio image">
<div class="box-content">
<span class="post">View Gallery</span>
<ul class="icon">
<li><i class="fa fa-search"></i>
</li>
</ul>
</div>
</div>
</a>
</div>
<div class="col-4 pt-0 pb-0 pl-0">
<a href="img/blog/portfolio6.png" data-fancybox="gallery1">
<div class="box4">
<img src="img/blog/thumbnail6.png" alt="portfolio image">
<div class="box-content">
<span class="post">View Gallery</span>
<ul class="icon">
<li><i class="fa fa-search"></i>
</li>
</ul>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="text_minimal">
<a href="detail-blog.html"><h2>Standard Post With A Image Gallery</h2></a>
<div class="display">
<p class="date">August 13, 2019 </p><div class="verticle_line margin_1"></div>
<span>Mark Edison</span>
</div>
<p class="text_dummy">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a href="detail-blog.html" class="btn btn-large btn-primary">Read More</a>
</div>
<div class="divider1"></div>
</div>
<!--.........CAROUSAL ...........-->
<div class="audio-post mt-10">
<div class="img-area">
<div id="carouselExampleControls" class="carousel slide carousal-fade" data-ride="carousel">
<div class="carousel-inner ml-lg-10 ">
<div class="carousel-item active">
<img src="img/blog/blog_carousal1.png" class="d-block w-100 h-100" alt=" ">
</div>
<div class="carousel-item">
<img src="img/blog/blog_carousal2.png" class="d-block w-100 h-100" alt=" ">
</div>
<div class="carousel-item">
<img src="img/blog/blog_carousal3.png" class="d-block w-100 h-100" alt=" ">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="text_minimal">
<a href="detail-blog.html"><h2>Standard Post With Image Slider</h2></a>
<div class="display">
<p class="date">August 13, 2019 </p><div class="verticle_line margin_1"></div>
<span>Mark Edison</span>
</div>
<p class="text_dummy">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a href="detail-blog.html" class="btn btn-large btn-primary">Read More</a>
</div>
<div class="divider1"></div>
</div>
<!--..........PAGINATION..........-->
<ul class="pagination mt-10">
<li class="page-item active">
<a class="page-link" href="#">1<span class="sr-only">(current)</span></a>
</li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#"><i class="fas fa-arrow-right"></i></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- START FOOTER SECTION -->
<section id="footer" class="grey_bg margin_footer-top">
<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>