CINXE.COM
Eternal Wellness Yoga Studio
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="language" content="EN" /> <title>Eternal Wellness Yoga Studio</title> <meta name="description" content=""> <meta name="Keywords" content=""> <link rel="icon" href="images/favicon.png"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/wellness_yoga_studio.css"> </head> <div id="root"> </div> <body class="overflow-hidden"> <header class="main-header g_header overflow-hidden"> <div class="container"> <div class="main-nav"> <nav class="navbar navbar-light"> <div class="loader" data-aos="fade-down" data-aos-duration="2000"> <a class="navbar-brand" href="index.html"><img src="images/logo.png" class="logo" alt="logo"></a> </div> <div class="menu-toggle" data-aos="fade-left" data-aos-duration="2000"> <a href="javascript:void(0)" class="toggle" onclick="openNav()"><img src="images/icons/hamburger.png" class="" alt=""></a> </div> </nav> </div> </div> <div id="mySidenav" class="sidenav"> <div class="mob-sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="images/icons/close.png" class="" alt=""></a> <div class="main-nav clr main-nav-mob"> <nav class="navbar navbar-expand-lg navbar-light"> <div class="navbar-collapse"> <ul class="navbar-nav"> <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li> <li class="nav-item"><a class="nav-link" href="who-we-are.html">Who We Are</a></li> <!-- <li class="nav-item"><a class="nav-link" href="trainers.html">Trainers</a></li> --> <li class="nav-item"><a class="nav-link" href="services-home.html">Services</a></li> <li class="nav-item"><a class="nav-link" href="program-home.html">Programs</a></li> <!-- <li class="nav-item"><a class="nav-link" href="packages.html">Packages</a></li> --> <!-- <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li> --> <!-- <li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li> --> <li class="nav-item"><a class="nav-link" href="contact-us.html">Contact us</a></li> </ul> </div> </nav> </div> </div> </div> </header> <section class="main-banner position-relative d-flex align-items-center justify-content-center"> <div class="totalcontainer main-banner-img"> <div class="laya-please layer-1"></div> <div class="laya-please layer-2"> <div class="scenery"> <div class="sun"></div> <!-- <div class="cloud left"></div> --> <!-- <div class="cloud right flip"></div> --> <!-- <div class="cloud left bigger lower faster flip"></div> --> </div> </div> <div class="container1"> <div class="laya-please layer-3"></div> <div class="laya-please layer-4"></div> <div class="laya-please layer-5"></div> <div class="laya-please layer-6"></div> </div> <div class="container2"> <div class="laya-please layer-7"></div> <div class="laya-please layer-8"></div> </div> </div> <div class="banner-text position-relative"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-12"> <div class="banner-content home-banner-content text-center"> <h1 class="section-title text-white mb-0" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">Unwind <span></span> Inhale <span></span> Thrive</h1> <h2 class="div-title mb-0 text-white" style=" filter: drop-shadow(0px 5px 8px #361024); " data-aos="fade-right" data-aos-easing="linear" data-aos-duration="1700">Where Every Pose is a Step Towards Inner Harmony</h2> <div class="view-more mt-20 banner-btn" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="2000"> <a href="home.html" class="view-more-btn">Explore</a> </div> </div> </div> </div> </div> </div> </section> <script src="js/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.production.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/swiper.min.js"></script> <script src="js/aos.js"></script> <script src="js/home-script.js"></script> <script src="js/custom.js"></script> </body> </html>