| Server IP : 104.21.21.239 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/domains/nycyouth/Package-HTML/Canvas 7 Files/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<meta name="description" content="Get Canvas to build powerful websites easily with the Highly Customizable & Best Selling Bootstrap Template, today.">
<!-- Font Imports -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sansita:wght@400;700&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<!-- Plugins/Components CSS -->
<link rel="stylesheet" href="css/swiper.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/yoga/yoga.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Yoga | Canvas</title>
</head>
<body class="stretched sticky-footer">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Top Bar
============================================= -->
<div id="top-bar" class="dark">
<div class="container">
<div class="d-flex align-items-center justify-content-center flex-column flex-lg-row py-3 py-lg-0">
Back to the future of your Health: Introducing canvas Yoga. <div class="countdown countdown-inline mt-3 mt-lg-0 ms-lg-4 mb-0" data-year="2024" data-month="10" data-day="31"></div>
</div>
</div>
</div>
<!-- Header
============================================= -->
<header id="header" class="border-full-header header-size-custom" data-sticky-shrink="false" data-sticky-offset="52">
<div id="header-wrap">
<div class="container">
<div class="header-row justify-content-lg-between">
<!-- Logo
============================================= -->
<div id="logo" class="order-lg-2 col-auto px-0 me-lg-0">
<a href="demo-yoga.html">
<img class="logo-default" srcset="demos/yoga/images/logo.png, demos/yoga/images/[email protected] 2x" src="demos/yoga/images/[email protected]" alt="Canvas Logo">
<img class="logo-dark" srcset="demos/yoga/images/logo-dark.png, demos/yoga/images/[email protected] 2x" src="demos/yoga/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="header-misc order-lg-3 col-auto col-lg-5 px-0 justify-content-end">
<a href="demo-yoga-login.html" class="button-link"><div>Login</div></a>
<a href="https://www.facebook.com/semicolonweb/" target="_blank" class="social-icon h-bg-facebook si-small bg-light mb-0"><i class="fa-brands fa-facebook-f"></i><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.instagram.com/semicolonweb/" target="_blank" class="social-icon h-bg-instagram si-small bg-light mb-0"><i class="bi-instagram"></i><i class="bi-instagram"></i></a>
<a href="https://twitter.com/__SemiColon" target="_blank" class="social-icon h-bg-paypal si-small bg-light mb-0"><i class="fa-brands fa-paypal"></i><i class="fa-brands fa-paypal"></i></a>
</div>
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu order-lg-1 col-lg-5 px-0">
<!-- Menu Left -->
<ul class="menu-container">
<li class="current menu-item"><a class="menu-link" href="#"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-yoga-about-us.html"><div>About Us</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-yoga-pricing.html"><div>Pricing</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Dropdown 1</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Dropdown 2</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Dropdown 3</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="demo-yoga-contact-us.html"><div>Contact</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element swiper_wrapper min-vh-100" data-effect="fade">
<div class="slider-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide hero-diagonal dark bg-color" style="background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0, 0.1)), url('demos/yoga/images/slider/hero-1.jpg') no-repeat center right / auto 100%;">
<div class="container" style="z-index: 2;">
<div class="row h-100 align-items-center py-5">
<div class="col-md-6">
<div class="heading-block border-bottom-0 mb-4">
<h5 class="text-uppercase ls-4 fw-light mb-2 text-white-50" data-animate="fadeInUp" data-delay="100">Yoga & Meditation</h5>
<h2 class="fw-bold text-transform-none ls-0" data-animate="fadeInUp" data-delay="200" style="font-size: 46px;">Yoga is the perfect opportunity to be curious about who you are.</h2>
</div>
<p class="mb-5 fw-normal lead" data-animate="fadeInUp" data-delay="400" style="line-height: 1.6;">Monotonectally pursue intuitive catalysts for change for extensible materials. Intrinsicly fabricate principle-centered web-readiness with virtual.</p>
<a href="#" data-scrollto="#section-about" data-offset="70" data-animate="fadeInUp" data-delay="600" class="btn rounded bg-white color text-uppercase fw-semibold ls-1 py-3 px-4">Get Started <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide hero-diagonal dark bg-color" style="background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0, 0.1)), url('demos/yoga/images/slider/hero-2.jpg') no-repeat bottom right / auto 100%;">
<div class="container" style="z-index: 2;">
<div class="row h-100 align-items-center py-5">
<div class="col-md-6">
<div class="heading-block border-bottom-0 mb-4">
<h5 class="text-uppercase ls-4 fw-light mb-2 text-white-50" data-animate="fadeInUp" data-delay="100">Yoga & Meditation</h5>
<h2 class="fw-bold text-transform-none ls-0" data-animate="fadeInUp" data-delay="200" style="font-size: 42px;">Yoga is the perfect opportunity to be curious about who you are.</h2>
</div>
<p class="mb-5 fw-normal lead" data-animate="fadeInUp" data-delay="400" style="line-height: 1.6;">Monotonectally pursue intuitive catalysts for change for extensible materials. Intrinsicly fabricate principle-centered web-readiness with virtual.</p>
<a href="#" data-scrollto="#section-about" data-offset="70" data-animate="fadeInUp" data-delay="600" class="btn rounded bg-white color text-uppercase fw-semibold ls-1 py-3 px-4">Get Started <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="slider-arrow-left"><i class="uil uil-angle-left-b"></i></div>
<div class="slider-arrow-right"><i class="uil uil-angle-right-b"></i></div>
<div class="slide-number"><div class="slide-number-current"></div><span>/</span><div class="slide-number-total"></div></div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content" class="bg-white">
<div class="content-wrap pt-0" style="overflow: visible">
<div class="position-relative">
<div class="container">
<div class="row py-0 py-lg-5">
<div class="col-lg-5 py-5">
<div id="section-about" class="heading-block border-bottom-0 mb-4">
<div class="fancy-title title-border mb-3"><h5 class="fw-normal color font-body">About Us</h5></div>
<h3 class="fw-bold text-transform-none" style="font-size: 42px; letter-spacing: -1px;">What is <span>Canvas</span> Yoga?</h3>
</div>
<p class="mb-5">Monotonectally pursue intuitive catalysts for change for extensible materials intrinsicly fabricate.</p>
<div class="feature-box fbox-plain mb-4">
<div class="fbox-icon">
<i class="bi-check-circle-fill text-primary"></i>
</div>
<div class="fbox-content">
<h3 class="fw-normal text-transform-none">Classes Every Week.</h3>
<p>Canvas provides support for Native HTML5 Videos that can be added to a Full Width Background.</p>
</div>
</div>
<div class="feature-box fbox-plain mb-4">
<div class="fbox-icon">
<i class="bi-check-circle-fill text-warning"></i>
</div>
<div class="fbox-content">
<h3 class="fw-normal text-transform-none">10+ Years Experienced.</h3>
<p>Canvas provides support for Native HTML5 Videos that can be added to a Full Width Background.</p>
</div>
</div>
<div class="feature-box fbox-plain">
<div class="fbox-icon">
<i class="bi-check-circle-fill text-info"></i>
</div>
<div class="fbox-content">
<h3 class="fw-normal text-transform-none">2100+ Members Active.</h3>
<p>Canvas provides support for Native HTML5 Videos that can be added to a Full Width Background.</p>
</div>
</div>
</div>
</div>
</div>
<div class="section-img" style="background: radial-gradient(ellipse at center, rgba(255,221,148,.7),rgba(255,221,148,1)), url('demos/yoga/images/yoga-about.jpg') no-repeat center center / cover">
<img class="section-img-sm" src="demos/yoga/images/yoga-about-sm.jpg" alt="Section Img">
</div>
</div>
<div class="section section-yogas mb-0" style="background-color: rgba(126, 150, 128,0.2); padding: 100px 0">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="card" style="border-top-color: #9DC3E2;">
<div class="card-body">
<img src="demos/yoga/images/yoga-icons/color/svg/asana_lotus_col.svg" alt="Yoga Icon" class="mb-3" width="60">
<h3>Yoga For Beginners.</h3>
<p class="text-black-50">Synergistically fashion high-payoff infrastructures for client-centric interfaces. Distinctively e-enable market positioning.</p>
</div>
</div>
<div class="card mt-5" style="border-top-color: #FFB5CC;">
<div class="card-body">
<img src="demos/yoga/images/yoga-icons/color/svg/asana_cobra.svg" alt="Yoga Icon" class="mb-3" width="60">
<h3>30+ Yoga Poses.</h3>
<p class="text-black-50">Synergistically fashion high-payoff infrastructures for client-centric interfaces. Distinctively e-enable market positioning.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" style="margin-top: 30px">
<div class="card" style="border-top-color: #F4ABEF;">
<div class="card-body">
<img src="demos/yoga/images/yoga-icons/color/svg/man_well.svg" alt="Yoga Icon" class="mb-3" width="60">
<h3>Well Trained Teachers</h3>
<p class="text-black-50">Energistically incentivize intuitive channels for team building mindshare. Compellingly benchmark functionalized.</p>
</div>
</div>
<div class="card mt-5" style="border-top-color: #F2A490;">
<div class="card-body">
<img src="demos/yoga/images/yoga-icons/color/svg/kundalini_col.svg" alt="Yoga Icon" class="mb-3" width="60">
<h3>Filtered Juices Per Day.</h3>
<p class="text-black-50">Energistically incentivize intuitive channels for team building mindshare. Compellingly benchmark functionalized.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" style="margin-top: 60px">
<div class="card" style="border-top-color: #9DD2D8;">
<div class="card-body">
<img src="demos/yoga/images/yoga-icons/color/svg/lotus_col.svg" alt="Yoga Icon" class="mb-3" width="60">
<h3>Classes in Natures</h3>
<p class="text-black-50">Synergistically fashion high-payoff infrastructures for client-centric interfaces. Distinctively e-enable market positioning.</p>
</div>
</div>
<div class="card mt-5" style="border-top-color: #D0E6A5;">
<div class="card-body">
<img src="demos/yoga/images/yoga-icons/color/svg/om_col.svg" alt="Yoga Icon" class="mb-3" width="60">
<h3>1 Free Trial Class.</h3>
<p class="text-black-50">Synergistically fashion high-payoff infrastructures for client-centric interfaces. Distinctively e-enable market positioning.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-transparent my-0 pb-1">
<div class="container">
<div class="heading-block" style="max-width: 500px">
<h3 class="fw-bold text-transform-none mb-4" style="font-size: 42px; letter-spacing: -1px;">Certified Yoga <span>Teachers</span>.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta nesciunt tenetur iste odit animi mollitia amet autem alias ea dicta!</p>
</div>
</div>
<div id="oc-teachers" class="owl-carousel owl-carousel-full image-carousel carousel-widget customjs">
<div class="oc-item">
<div class="jumbotron m-0 dark p-5 d-flex justify-content-center align-items-md-end flex-column" style="background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0, 0.8)), url('demos/yoga/images/teacher/1.jpg') no-repeat center center / cover;">
<div class="jumbotron-text mt-0 mt-md-auto row align-items-center">
<div class="col-md-8">
<h2 class="mb-1 fw-bold">Ruby Von Rails</h2>
<div class="ls-1 mb-4 text-light fw-normal text-uppercase ls-1">- Professional Trainer</div>
<div class="testi-content">
<p>Assertively leverage existing integrated communities after turnkey quality vectors. Assertively coordinate sustainable quality.</p>
</div>
<div class="social-icons mt-4">
<a href="https://www.facebook.com/semicolonweb/" target="_blank" class="social-icon h-bg-facebook si-small bg-white bg-opacity-25">
<i class="fa-brands fa-facebook-f"></i><i class="fa-brands fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/semicolonweb/" target="_blank" class="social-icon h-bg-instagram si-small bg-white bg-opacity-25">
<i class="bi-instagram"></i><i class="bi-instagram"></i>
</a>
<a href="#" target="_blank" class="social-icon h-bg-youtube si-small bg-white bg-opacity-25">
<i class="fa-brands fa-youtube"></i><i class="fa-brands fa-youtube"></i>
</a>
<a href="#" target="_blank" class="social-icon h-bg-dribbble si-small bg-white bg-opacity-25">
<i class="fa-brands fa-dribbble"></i><i class="fa-brands fa-dribbble"></i>
</a>
</div>
</div>
<div class="col-md-4 d-flex justify-content-md-center mt-3 mt-md-0">
<a href="https://www.youtube.com/watch?v=P3Huse9K6Xs" data-lightbox="iframe" class="play-icon"><i class="bi-play-fill"></i></a>
</div>
</div>
</div>
</div>
<div class="oc-item">
<div class="jumbotron m-0 dark p-5 d-flex justify-content-center align-items-md-end flex-column" style="background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0, 0.8)), url('demos/yoga/images/teacher/2.jpg') no-repeat center center / cover;">
<div class="jumbotron-text mt-0 mt-md-auto row align-items-center">
<div class="col-md-8">
<h2 class="mb-1 fw-bold">Theodore Handle</h2>
<div class="ls-1 mb-4 text-light fw-normal text-uppercase ls-1">- International Trainer</div>
<div class="testi-content">
<p>Assertively leverage existing integrated communities after turnkey quality vectors. Assertively coordinate sustainable quality.</p>
</div>
<div class="social-icons mt-4">
<a href="https://www.facebook.com/semicolonweb/" target="_blank" class="social-icon h-bg-facebook si-small bg-white bg-opacity-25">
<i class="fa-brands fa-facebook-f"></i><i class="fa-brands fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/semicolonweb/" target="_blank" class="social-icon h-bg-instagram si-small bg-white bg-opacity-25">
<i class="bi-instagram"></i><i class="bi-instagram"></i>
</a>
<a href="#" target="_blank" class="social-icon h-bg-youtube si-small bg-white bg-opacity-25">
<i class="fa-brands fa-youtube"></i><i class="fa-brands fa-youtube"></i>
</a>
</div>
</div>
<div class="col-md-4 d-flex justify-content-md-center mt-3 mt-md-0">
<a href="https://www.youtube.com/watch?v=P3Huse9K6Xs" data-lightbox="iframe" class="play-icon"><i class="bi-play-fill"></i></a>
</div>
</div>
</div>
</div>
<div class="oc-item">
<div class="jumbotron m-0 dark p-5 d-flex justify-content-center align-items-md-end flex-column" style="background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0, 0.8)), url('demos/yoga/images/teacher/3.jpg') no-repeat center center / cover;">
<div class="jumbotron-text mt-0 mt-md-auto row align-items-center">
<div class="col-md-8">
<h2 class="mb-1 fw-bold">Norman Gordon</h2>
<div class="ls-1 mb-4 text-light fw-normal text-uppercase ls-1">- Professional Trainer</div>
<div class="testi-content">
<p>Assertively leverage existing integrated communities after turnkey quality vectors. Assertively coordinate sustainable quality.</p>
</div>
<div class="social-icons mt-4">
<a href="https://www.facebook.com/semicolonweb/" target="_blank" class="social-icon h-bg-facebook si-small bg-white bg-opacity-25">
<i class="fa-brands fa-facebook-f"></i><i class="fa-brands fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/semicolonweb/" target="_blank" class="social-icon h-bg-instagram si-small bg-white bg-opacity-25">
<i class="bi-instagram"></i><i class="bi-instagram"></i>
</a>
<a href="#" target="_blank" class="social-icon h-bg-dribbble si-small bg-white bg-opacity-25">
<i class="fa-brands fa-dribbble"></i><i class="fa-brands fa-dribbble"></i>
</a>
</div>
</div>
<div class="col-md-4 d-flex justify-content-md-center mt-3 mt-md-0">
<a href="https://www.youtube.com/watch?v=P3Huse9K6Xs" data-lightbox="iframe" class="play-icon"><i class="bi-play-fill"></i></a>
</div>
</div>
</div>
</div>
<div class="oc-item">
<div class="jumbotron m-0 dark p-5 d-flex justify-content-center align-items-md-end flex-column" style="background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0, 0.8)), url('demos/yoga/images/teacher/4.jpg') no-repeat center center / cover;">
<div class="jumbotron-text mt-0 mt-md-auto row align-items-center">
<div class="col-md-8">
<h2 class="mb-1 fw-bold">Jason Response</h2>
<div class="ls-1 mb-4 text-light fw-normal text-uppercase ls-1">- International Trainer</div>
<div class="testi-content">
<p>Assertively leverage existing integrated communities after turnkey quality vectors. Assertively coordinate sustainable quality.</p>
</div>
<div class="social-icons mt-4">
<a href="https://www.facebook.com/semicolonweb/" target="_blank" class="social-icon h-bg-facebook si-small bg-white bg-opacity-25">
<i class="fa-brands fa-facebook-f"></i><i class="fa-brands fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/semicolonweb/" target="_blank" class="social-icon h-bg-instagram si-small bg-white bg-opacity-25">
<i class="bi-instagram"></i><i class="bi-instagram"></i>
</a>
<a href="#" target="_blank" class="social-icon h-bg-dropbox si-small bg-white bg-opacity-25">
<i class="fa-brands fa-dropbox"></i><i class="fa-brands fa-dropbox"></i>
</a>
</div>
</div>
<div class="col-md-4 d-flex justify-content-md-center mt-3 mt-md-0">
<a href="https://www.youtube.com/watch?v=P3Huse9K6Xs" data-lightbox="iframe" class="play-icon"><i class="bi-play-fill"></i></a>
</div>
</div>
</div>
</div>
<div class="oc-item">
<div class="jumbotron m-0 dark p-5 d-flex justify-content-center align-items-md-end flex-column" style="background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0, 0.8)), url('demos/yoga/images/teacher/5.jpg') no-repeat center center / cover;">
<div class="jumbotron-text mt-0 mt-md-auto row align-items-center">
<div class="col-md-8">
<h2 class="mb-1 fw-bold">Abraham Pigeon</h2>
<div class="ls-1 mb-4 text-light fw-normal text-uppercase ls-1">- Professional Trainer</div>
<div class="testi-content">
<p>Assertively leverage existing integrated communities after turnkey quality vectors. Assertively coordinate sustainable quality.</p>
</div>
<div class="social-icons mt-4">
<a href="https://www.facebook.com/semicolonweb/" target="_blank" class="social-icon h-bg-facebook si-small bg-white bg-opacity-25">
<i class="fa-brands fa-facebook-f"></i><i class="fa-brands fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/semicolonweb/" target="_blank" class="social-icon h-bg-instagram si-small bg-white bg-opacity-25">
<i class="bi-instagram"></i><i class="bi-instagram"></i>
</a>
<a href="#" target="_blank" class="social-icon h-bg-email3 si-small bg-white bg-opacity-25">
<i class="fa-solid fa-envelope"></i><i class="fa-solid fa-envelope"></i>
</a>
</div>
</div>
<div class="col-md-4 d-flex justify-content-md-center mt-3 mt-md-0">
<a href="https://www.youtube.com/watch?v=P3Huse9K6Xs" data-lightbox="iframe" class="play-icon"><i class="bi-play-fill"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section-schedule" style="background: linear-gradient(to bottom, rgba(126, 150, 128, 0) 0%, rgba(126, 150, 128, 0.8) 70%) left top; padding: 100px 0; background-size: 100% 100%">
<div class="container">
<div class="heading-block border-bottom-0 mb-6" style="max-width: 700px">
<h2 class="fw-bold mb-2 text-transform-none" style="font-size: 42px; letter-spacing: -1px">Yoga <span>Schedule</span>.</h2>
<p class="lead">Energistically syndicate team building synergy after efficient human capital. Assertively underwhelm sticky solutions.</p>
</div>
<div class="row justify-content-between">
<div class="col-lg-4 col-md-5 mt-4 mt-md-0 sticky-sidebar-wrap">
<div class="sticky-sidebar">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="sc-mon-tab" data-bs-toggle="pill" href="#sc-mon" role="tab" aria-controls="sc-mon" aria-selected="true">Monday</a>
<a class="nav-link" id="sc-tue-tab" data-bs-toggle="pill" href="#sc-tue" role="tab" aria-controls="sc-tue" aria-selected="false">Tuesday</a>
<a class="nav-link" id="sc-wed-tab" data-bs-toggle="pill" href="#sc-wed" role="tab" aria-controls="sc-wed" aria-selected="false">Wednesday</a>
<a class="nav-link" id="sc-thu-tab" data-bs-toggle="pill" href="#sc-thu" role="tab" aria-controls="sc-thu" aria-selected="false">Thursday</a>
<a class="nav-link" id="sc-fri-tab" data-bs-toggle="pill" href="#sc-fri" role="tab" aria-controls="sc-fri" aria-selected="false">Friday</a>
<a class="nav-link" id="sc-sat-tab" data-bs-toggle="pill" href="#sc-sat" role="tab" aria-controls="sc-sat" aria-selected="false">Saturday</a>
<a class="nav-link mb-0" id="sc-sun-tab" data-bs-toggle="pill" href="#sc-sun" role="tab" aria-controls="sc-sun" aria-selected="false">Sunday</a>
</div>
</div>
</div>
<div class="col-md-7 mt-5 mt-md-0">
<h5 id="week-details" class="font-body text-black-50 d-inline-block">Date</h5><span class="text-black-50"> (Monday - Sunday)</span>
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane schedule-wrap fade show active" id="sc-mon" role="tabpanel" aria-labelledby="sc-mon-tab">
<dl class="row g-0 table mb-0">
<dt class="col-sm-3"><div class="schedule-time font-primary">8:30 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Namaste Yoga<small>- Ruby Vov Rails</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/1.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">9.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Vrikshasana (Tree Pose)<small>- Thodore Handle</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/2.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">10.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Naukasana (Boat Pose)<small>- Norman Gordon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/3.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">11:30 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Lunch Break</div>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">12.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Paschimottanasana<small>- Jason Response</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/4.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">2.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Bandha Sarvangasana Yoga<small>- Abraham Piegon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/5.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">4.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Vrikshasana (Tree Pose)<small>- Thodore Handle</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/2.jpg" alt="" class="schedule-teacher"></a>
</dd>
</dl>
</div>
<div class="tab-pane schedule-wrap fade" id="sc-tue" role="tabpanel" aria-labelledby="sc-tue-tab">
<dl class="row table mb-0">
<dt class="col-sm-3"><div class="schedule-time font-primary">9.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Vrikshasana (Tree Pose)<small>- Thodore Handle</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/2.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">10.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Naukasana (Boat Pose)<small>- Norman Gordon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/3.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">12.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Paschimottanasana<small>- Jason Response</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/4.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">2.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Bandha Sarvangasana Yoga<small>- Abraham Piegon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/5.jpg" alt="" class="schedule-teacher"></a>
</dd>
</dl>
</div>
<div class="tab-pane schedule-wrap fade" id="sc-wed" role="tabpanel" aria-labelledby="sc-wed-tab">
<dl class="row table mb-0">
<dt class="col-sm-3"><div class="schedule-time font-primary">8:30 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Namaste Yoga<small>- Ruby Vov Rails</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/1.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">9.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Vrikshasana (Tree Pose)<small>- Thodore Handle</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/2.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">10.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Naukasana (Boat Pose)<small>- Norman Gordon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/3.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">11:30 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Lunch Break</div>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">12.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Paschimottanasana<small>- Jason Response</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/4.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">2.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Bandha Sarvangasana Yoga<small>- Abraham Piegon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/5.jpg" alt="" class="schedule-teacher"></a>
</dd>
</dl>
</div>
<div class="tab-pane schedule-wrap fade" id="sc-thu" role="tabpanel" aria-labelledby="sc-thu-tab">
<dl class="row table mb-0">
<dt class="col-sm-3"><div class="schedule-time font-primary">10.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Naukasana (Boat Pose)<small>- Norman Gordon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/3.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">11:30 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Lunch Break</div>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">12.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Paschimottanasana<small>- Jason Response</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/4.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">3.00 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Bandha Sarvangasana Yoga<small>- Abraham Piegon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/5.jpg" alt="" class="schedule-teacher"></a>
</dd>
</dl>
</div>
<div class="tab-pane schedule-wrap fade" id="sc-fri" role="tabpanel" aria-labelledby="sc-fri-tab">
<dl class="row table mb-0">
<dt class="col-sm-3"><div class="schedule-time font-primary">6.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Paschimottanasana<small>- Jason Response</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/4.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">8:30 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Namaste Yoga<small>- Ruby Vov Rails</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/1.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">9.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Vrikshasana (Tree Pose)<small>- Thodore Handle</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/2.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">10.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Naukasana (Boat Pose)<small>- Norman Gordon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/3.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">2.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Bandha Sarvangasana Yoga<small>- Abraham Piegon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/5.jpg" alt="" class="schedule-teacher"></a>
</dd>
</dl>
</div>
<div class="tab-pane schedule-wrap fade" id="sc-sat" role="tabpanel" aria-labelledby="sc-sat-tab">
<dl class="row table mb-0">
<dt class="col-sm-3"><div class="schedule-time font-primary">7.20 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Naukasana (Boat Pose)<small>- Norman Gordon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/3.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">8:30 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Namaste Yoga<small>- Ruby Vov Rails</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/1.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">9.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Vrikshasana (Tree Pose)<small>- Thodore Handle</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/2.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">10.00 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Naukasana (Boat Pose)<small>- Norman Gordon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/3.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">2.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Bandha Sarvangasana Yoga<small>- Abraham Piegon</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/5.jpg" alt="" class="schedule-teacher"></a>
</dd>
</dl>
</div>
<div class="tab-pane schedule-wrap fade" id="sc-sun" role="tabpanel" aria-labelledby="sc-sun-tab">
<dl class="row table mb-0">
<dt class="col-sm-3"><div class="schedule-time font-primary">6.30 pm</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Paschimottanasana<small>- Jason Response</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/4.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary">8:30 am</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary">Namaste Yoga<small>- Ruby Vov Rails</small></div>
<a href="#"><img src="demos/yoga/images/teacher/thumbs/1.jpg" alt="" class="schedule-teacher"></a>
</dd>
<dt class="col-sm-3"><div class="schedule-time font-primary color">- Closed -</div></dt>
<dd class="col-sm-9 d-flex justify-content-between align-items-center">
<div class="schedule-desc font-primary color">Rest of the Time</div>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section-price bg-transparent">
<div class="container">
<div class="d-flex justify-content-between align-items-center mb-6">
<div class="heading-block border-bottom-0 mb-0" style="max-width: 700px">
<div class="fancy-title title-border mb-3"><h5 class="fw-normal color font-body text-uppercase ls-1">Best Price for Everyone</h5></div>
<h2 class="fw-bold mb-2 text-transform-none" style="font-size: 42px; letter-spacing: -1px">Your <span>Yoga</span> Plan.</h2>
<p class="lead mb-0">Energistically syndicate team building synergy after efficient human capital. Assertively underwhelm sticky solutions.</p>
</div>
<img src="demos/yoga/images/yoga-img.svg" alt="Yoga Image" class="d-none d-sm-flex" width="300">
</div>
<div class="row">
<div class="col-md-4 mb-5">
<h2 class="fw-normal">
1 Free Class.<br>
Free Diet Plan.<br>
All Classes.<br>
24x7 Available.
</h2>
<p class="text-black-50">Sign up and Get your free 1 Day Trial Class.</p>
<a href="#" class="btn rounded bg-color text-white shadow text-uppercase fw-semibold ls-1 py-3 px-4">Start Class Today</a>
</div>
<div class="col-md-4 mb-5">
<div class="card pricing border-0 shadow text-center">
<div class="card-body rounded pt-5 pb-0">
<img src="demos/yoga/images/yoga-icons/color/svg/mudra_surya.svg" class="mb-3" alt="" height="40">
<h3>Monthly Subscription</h3>
<ul class="list-unstyled">
<li class="text-black-50 my-1">New Classes Included</li>
<li class="text-black-50 my-1">Any Studio Accessable</li>
<li class="text-black-50 my-1">cancel Any Time</li>
</ul>
<h3 class="mb-3 h2 color">$19.99</h3>
<a href="#" class="btn rounded bg-color text-white text-uppercase fw-semibold ls-1 py-2 px-4">Get Started</a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card pricing border-0 shadow text-center">
<div class="card-body rounded pt-5 pb-0">
<img src="demos/yoga/images/yoga-icons/color/svg/mudra_anjali.svg" class="mb-3" alt="" height="40">
<h3>Annual Subscription</h3>
<ul class="list-unstyled">
<li class="text-black-50 my-1">1 Month Free</li>
<li class="text-black-50 my-1">New Classes Included</li>
<li class="text-black-50 my-1">Any Studio Accessable</li>
<li class="text-black-50 my-1">Free Towel and Juices</li>
<li class="text-black-50 my-1">24x7 Accesable</li>
<li class="text-black-50 my-1">cancel Any Time</li>
</ul>
<h3 class="mb-3 h2">$219.99</h3>
<a href="#" class="btn rounded bg-dark text-white text-uppercase fw-semibold ls-1 py-2 px-4">Get Started</a>
</div>
</div>
</div>
</div>
<div class="clear mb-5"></div>
<div class="text-center text-title"><h3><img src="demos/yoga/images/yoga-icons/outlined/svg/sahasara.svg" alt="" width="20" height="20">Additional Features For Annual Subscriber</h3></div>
<div class="price-features">
<div class="row">
<div class="col-md-4">
<ul class="iconlist mb-0">
<li><i class="bi-check-circle-fill color"></i> 24x7 Available</li>
<li><i class="bi-check-circle-fill color"></i> Free Lunch Per Day</li>
<li><i class="bi-check-circle-fill color"></i> All Classes in One Price</li>
<li><i class="bi-check-circle-fill color"></i> Special Event Access</li>
</ul>
</div>
<div class="col-md-4">
<ul class="iconlist mb-0">
<li><i class="bi-check-circle-fill color"></i> Free Towel Provide</li>
<li><i class="bi-check-circle-fill color"></i> Free Lockers</li>
<li><i class="bi-check-circle-fill color"></i> Free Lockers</li>
<li><i class="bi-check-circle-fill color"></i> Free Yoga Mat*</li>
</ul>
</div>
<div class="col-md-4">
<ul class="iconlist mb-0">
<li><i class="bi-check-circle-fill color"></i> 1 Month Free</li>
<li><i class="bi-check-circle-fill color"></i> Any Studio Accessable</li>
<li><i class="bi-check-circle-fill color"></i> Cancel Anytime</li>
<li><i class="bi-check-circle-fill color"></i> No Hidden Charges</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-transparent border-top mb-0">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<div class="heading-block border-bottom-0 mb-0" style="max-width: 700px">
<div class="fancy-title title-border mb-3"><h5 class="fw-normal color font-body text-uppercase ls-1">Beautiful Captured</h5></div>
<h2 class="fw-bold mb-2 text-transform-none" style="font-size: 42px; letter-spacing: -1px">Our <span>Yoga</span> Gallery.</h2>
<p class="lead mb-0">Energistically syndicate team building synergy after efficient human capital. Assertively underwhelm sticky solutions.</p>
</div>
<img src="demos/yoga/images/yoga-2.svg" alt="Yoga Image" class="d-none d-sm-flex" width="300">
</div>
</div>
</div>
<div class="section p-0 m-0">
<div class="masonry-thumbs grid-container row row-cols-2 row-cols-sm-3 row-cols-md-4" data-lightbox="gallery">
<a class="grid-item" href="demos/yoga/images/gallery/1.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/1.jpg" alt="Gallery Thumb 1"></a>
<a class="grid-item" href="demos/yoga/images/gallery/2.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/2.jpg" alt="Gallery Thumb 2"></a>
<a class="grid-item" href="demos/yoga/images/gallery/3.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/3.jpg" alt="Gallery Thumb 3"></a>
<a class="grid-item" href="demos/yoga/images/gallery/4.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/4.jpg" alt="Gallery Thumb 4"></a>
<a class="grid-item" href="demos/yoga/images/gallery/5.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/5.jpg" alt="Gallery Thumb 5"></a>
<a class="grid-item" href="demos/yoga/images/gallery/6.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/6.jpg" alt="Gallery Thumb 6"></a>
<a class="grid-item" href="demos/yoga/images/gallery/7.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/7.jpg" alt="Gallery Thumb 7"></a>
<a class="grid-item" href="demos/yoga/images/gallery/8.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/8.jpg" alt="Gallery Thumb 8"></a>
<a class="grid-item" href="demos/yoga/images/gallery/9.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/9.jpg" alt="Gallery Thumb 9"></a>
<a class="grid-item" href="demos/yoga/images/gallery/10.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/10.jpg" alt="Gallery Thumb 10"></a>
<a class="grid-item" href="demos/yoga/images/gallery/11.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/11.jpg" alt="Gallery Thumb 11"></a>
<a class="grid-item" href="demos/yoga/images/gallery/12.jpg" data-lightbox="gallery-item"><img src="demos/yoga/images/gallery/12.jpg" alt="Gallery Thumb 12"></a>
</div>
</div>
<div class="section mb-0 bg-transparent">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 mb-5 mb-md-0">
<div class="yoga-video position-relative">
<img src="demos/yoga/images/yoga-video.svg" alt="Yoga Image">
<a href="https://www.youtube.com/watch?v=P3Huse9K6Xs" data-lightbox="iframe" class="play-icon"><i class="bi-play-fill"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="heading-block border-bottom-0 mb-4">
<div class="fancy-title title-border mb-3"><h5 class="fw-normal color font-body text-uppercase ls-1">Yoga Poses</h5></div>
<h2 class="fw-bold text-transform-none" style="font-size: 42px; letter-spacing: -1px;">Check out some of our Yoga Poses Videos.</h2>
</div>
<p class="mb-5 lead mb-0" style="line-height: 1.7;">Monotonectally pursue intuitive catalysts for change for extensible materials. Intrinsicly fabricate principle-centered web-readiness with virtual.</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="bg-color dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row">
<div class="col-lg-3 col-md-3 col-6">
<a href="#"><img src="demos/yoga/images/[email protected]" alt="Logo Footer" height="80"></a>
<p class="text-white-50">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, nesciunt excepturi dolor. Animi, voluptate.</p>
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="widget">
<h3 class="ls-0 h5 mb-4">Features</h3>
<ul class="list-unstyled iconlist ms-0">
<li class="mb-2"><a href="#" class="text-white-50">All Poses</a></li>
<li class="mb-2"><a href="#" class="text-white-50">Instructors</a></li>
<li class="mb-2"><a href="#" class="text-white-50">Gallery</a></li>
<li class="mb-2"><a href="#" class="text-white-50">Price</a></li>
<li class="mb-2"><a href="#" class="text-white-50">FAQs</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="widget">
<h3 class="ls-0 h5 mb-4">Connect With Us</h3>
<ul class="list-unstyled iconlist ms-0">
<li class="mb-2"><a href="#" class="text-white-50">Facebook</a></li>
<li class="mb-2"><a href="#" class="text-white-50">Instagram</a></li>
<li class="mb-2"><a href="#" class="text-white-50">Twitter</a></li>
<li class="mb-2"><a href="#" class="text-white-50">Email</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="widget">
<h3 class="ls-0 h5 mb-4">Open Hours</h3>
<ul class="list-unstyled iconlist ms-0">
<li class="mb-2"><a href="#" class="text-white-50">Monday - Saturday</a></li>
<li class="mb-2"><a href="#" class="text-white-50">6:30 - 20:00</a></li>
<li class="mb-2"><a href="#" class="text-white-50">Sunday Closed</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="widget">
<h3 class="ls-0 h5 mb-4">Studio:</h3>
<div>
<address class="font-primary">
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
<h3 class="mb-3"><a href="tel:+01273123456" class="text-white"><i class="fa-solid fa-phone me-1 position-relative" style="font-size: 22px; top:2px;"></i> +111 22-33-44</a></h3>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights" class="text-center dark">
<div class="container">
<div class="row">
<div class="col-12">
<p class="mb-2 text-white-50">Copyrights © 2023 All Rights Reserved by Canvas Inc.</p>
<div class="copyright-links text-white-50"><a href="#" class="text-white-50">Terms of Use</a> / <a href="#" class="text-white-50">Privacy Policy</a></div>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<script>
// Owl Carousel Scripts
jQuery(window).on( 'pluginCarouselReady', function(){
jQuery('#oc-teachers').owlCarousel({
items: 1,
margin: 30,
nav: true,
navText: ['<i class="bi-arrow-left"></i>','<i class="bi-arrow-right"></i>'],
dots: false,
smartSpeed: 300,
stagePadding: 60,
responsive:{
768: { stagePadding: 100, margin: 30, items: 1 },
991: { stagePadding: 100, margin: 40, smartSpeed: 400, items: 2 },
1200: { stagePadding: 100, margin: 40, smartSpeed: 400, items: 2}
},
});
});
//Current Week
Date.prototype.getWeek = function(start) {
//Calcing the starting point
start = start || 0;
var today = new Date(this.setHours(0, 0, 0, 0));
var day = today.getDay() - start;
var date = today.getDate() - day;
// Grabbing Start/End Dates
var StartDate = new Date(today.setDate(date));
var EndDate = new Date(today.setDate(date + 6));
return [StartDate, EndDate];
}
var Dates = new Date().getWeek();
jQuery("#week-details").text(Dates[0].toLocaleDateString() + ' - '+ Dates[1].toLocaleDateString());
</script>
</body>
</html>