yogastic/yogastic/about.html
2024-12-29 06:36:02 +01:00

479 lines
26 KiB
HTML

<!DOCTYPE html>
<html lang="zxx">
<head>
<title>About | Yogastic</title>
<!-- /SEO Ultimate -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta charset="utf-8">
<link rel="apple-touch-icon" sizes="57x57" href="./assets/images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./assets/images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./assets/images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./assets/images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./assets/images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./assets/images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./assets/images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./assets/images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./assets/images/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./assets/images/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicon/favicon-16x16.png">
<link rel="manifest" href="./assets/images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Latest compiled and minified CSS -->
<link href="assets/bootstrap/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/js/bootstrap.min.js">
<!-- Font Awesome link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<!-- StyleSheet link CSS -->
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
<link href="assets/css/mediaqueries.css" rel="stylesheet" type="text/css">
<link href="assets/css/custom-style.css" rel="stylesheet" type="text/css">
<link href="assets/css/special-classes.css" rel="stylesheet" type="text/css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css">
</head>
<body>
<div class="sub-banner-section">
<header>
<div class="main_header">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light p-0">
<a class="navbar-brand" href="./index.html"><figure class="mb-0"><img src="./assets/images/yogastic_logo.png" alt=""></figure></a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="./about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./services.html">Services</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle dropdown-color navbar-text-color" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false"> Pages </a>
<div class="dropdown-menu drop-down-content">
<ul class="list-unstyled drop-down-pages">
<li class="nav-item">
<a class="dropdown-item nav-link" href="./pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./faq.html">Faq</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./team.html">Team</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle dropdown-color navbar-text-color" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false"> Blog </a>
<div class="dropdown-menu drop-down-content">
<ul class="list-unstyled drop-down-pages">
<li class="nav-item">
<a class="dropdown-item nav-link" href="./single-post.html">Single Post</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./infinite-scroll.html">Infinite Scroll</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./load-more.html">Load More</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./one-column.html">One Column</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./two-column.html">Two Column</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./three-column.html">Three Column</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./three-colum-sidbar.html">Three Column Sidebar</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./four-column.html">Four Column</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./six-column.html">Six Column</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link contact_us" href="./contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!-- SUB BANNER SECTION -->
<section class="banner-section">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="banner-section-content">
<h1 data-aos="fade-up">About Us</h1>
<p data-aos="fade-right">Duis aute irure dolor in reprehenderit in volurate velit cillum nulla pariatur nostrud exercitation.</p>
<div class="btn_wrapper">
<span class="sub_home_span">Home </span><i class="fa-solid fa-angles-right" aria-hidden="true"></i><span class="sub_span"> About</span>
</div>
</div>
</div>
</div>
<figure class="banner_left_top_shape left_shape mb-0">
<img src="./assets/images/banner_left_top_shape.png" alt="" class="img-fluid">
</figure>
<figure class="banner_left_bottom_shape left_shape mb-0">
<img src="./assets/images/banner_left_bottom_shape.png" alt="" class="img-fluid">
</figure>
<figure class="banner_right_top_shape right_shape mb-0">
<img src="./assets/images/banner_right_top_shape.png" alt="" class="img-fluid">
</figure>
<figure class="banner_right_bottom_shape right_shape mb-0">
<img src="./assets/images/banner_right_bottom_shape.png" alt="" class="img-fluid">
</figure>
</div>
</section>
</div>
<!-- ABOUT US SECTION -->
<section class="aboutpage_aboutus_section">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div class="aboutpage_aboutus_image">
<figure class="mb-0"><img src="./assets/images/about_page_aboutus_image.png" alt="" class="img-fluid"></figure>
</div>
<figure class="aboutus_top_shape left_shape mb-0">
<img src="./assets/images/aboutus_top_shape.png" alt="" class="img-fluid">
</figure>
<figure class="aboutus_bottom_shape left_shape mb-0">
<img src="./assets/images/aboutus_bottom_shape.png" alt="" class="img-fluid">
</figure>
</div>
<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12" data-aos="fade-right">
<div class="aboutpage_aboutus_content">
<h5>About us</h5>
<h2>Take Your Yoga to the Next Level</h2>
<p>Quis autem vel eum iure reprehenderit qui in eao voluptate velit esse quam nihil molestiae consequatur vel illum.</p>
<p class="margin_bottom">Duis aute irure dolor in reprehenderit in voluta velit esse cillum dolore pariatur.</p>
<div class="box_wrapper">
<div class="box">
<i class="fa-solid fa-check" aria-hidden="true"></i>
<span>Live classes twice a week</span>
</div>
<div class="box mr-0">
<i class="fa-solid fa-check" aria-hidden="true"></i>
<span>Personal care on phone</span>
</div>
</div>
<div class="box_wrapper">
<div class="box">
<i class="fa-solid fa-check" aria-hidden="true"></i>
<span>24 hours chat support</span>
</div>
<div class="box mr-0">
<i class="fa-solid fa-check" aria-hidden="true"></i>
<span>Free e-books for clients</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- DISCOUNT SECTION -->
<section class="discount_section">
<div class="container">
<div class="row" data-aos="fade-up">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="discount_content">
<h2>Get <span>10%</span> Discount For All Yoga Classes</h2>
<p>Taciti fames lacinia orci finibus metus elit tempus faucibus urna nunc dui rhoncus vea porttitor volutrat felis massa feugiat</p>
<div class="btn_wrapper">
<a href="./services.html" class="text-decoration-none get_started">Get Started</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- OUR MISSION SECTION -->
<section class="mission_section">
<div class="container">
<div class="mission_box">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" data-aos="fade-up">
<div class="mission_content">
<h5>incididunt</h5>
<h2>Our Mission</h2>
<p>Quis autem vel eum iure reprehenderit qui in eao voluptate velit esse quam nihil molestiae consequatur vel illum.</p>
<div class="btn_wrapper">
<a href="./pricing.html" class="text-decoration-none read_more_btn">Read more</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="mission_image">
<figure class="mb-0"><img src="./assets/images/our_mission_image.png" alt="" class="img-fluid"></figure>
</div>
</div>
</div>
</div>
<figure class="mission_right_shape right_shape mb-0">
<img src="./assets/images/our_mission_shape.png" alt="" class="img-fluid">
</figure>
</div>
</section>
<!-- OUR VISION SECTION -->
<section class="vision_section">
<div class="container">
<div class="vision_box">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="vision_image">
<figure class="mb-0"><img src="./assets/images/our_vision_image.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" data-aos="fade-up">
<div class="vision_content">
<h5>tempora</h5>
<h2>Our Vision</h2>
<p>Ruis autem vel eum iure reprehenderit qui in eao voluptate velit esse quam nihil molestiae consequatur vel illum.</p>
<div class="btn_wrapper">
<a href="./pricing.html" class="text-decoration-none read_more_btn">Read more</a>
</div>
</div>
</div>
</div>
</div>
<figure class="vision_left_shape left_shape mb-0">
<img src="./assets/images/our_vision_shape.png" alt="" class="img-fluid">
</figure>
</div>
</section>
<!-- ACHIEVEMENTS SECTION -->
<section class="achievement_section">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="achievement_content">
<h5>Achievements</h5>
<h2>Our Honorable Awards</h2>
<p>Molestiae non recusandae itaque earum rerum hic teneaur a sapiente delectus, rae aut reiciendis officia deserunt mollitia animi omnis dolor</p>
</div>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper craft">
<figure class="mb-0"><img src="./assets/images/achievement_1.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper">
<figure class="mb-0"><img src="./assets/images/achievement_2.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper q-power">
<figure class="mb-0"><img src="./assets/images/achievement_3.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper logo">
<figure class="mb-0"><img src="./assets/images/achievement_4.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper minimum">
<figure class="mb-0"><img src="./assets/images/achievement_5.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper logoipsum">
<figure class="mb-0"><img src="./assets/images/achievement_6.png" alt="" class="img-fluid"></figure>
</div>
</div>
</div>
</div>
</section>
<!-- BLOG POSTS SECTION -->
<section class="blog_posts_section">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="blog_posts_content">
<h5>Blog Posts</h5>
<h2>Our News Feed</h2>
<p>Autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur vel illum qui dolorem eum fugiat</p>
</div>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="blog_posts_image position-relative">
<figure class="mb-0"><img src="./assets/images/blog_posts_1.png" alt="" class="img-fluid"></figure>
<div class="blog_posts_image_content">
<span>YOGA</span>
<h4>Yoga Effects on Brain Health: A Systematic Review of the Current Literature</h4>
<div class="icon_wrapper">
<a href="./single-post.html" class="text-decoration-none"><i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="blog_posts_image position-relative">
<figure class="mb-0"><img src="./assets/images/blog_posts_2.png" alt="" class="img-fluid"></figure>
<div class="blog_posts_image_content">
<span>FITNESS</span>
<h4>Maintaining a regular yoga practice can provide physical health</h4>
<div class="icon_wrapper">
<a href="./single-post.html" class="text-decoration-none"><i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="btn_wrapper">
<a href="./single-post.html" class="text-decoration-none view_blog">View All Blogs</a>
</div>
<figure class="blog_posts_left_shape left_shape mb-0">
<img src="./assets/images/blog_posts_left_shape.png" alt="" class="img-fluid">
</figure>
<figure class="blog_posts_right_shape right_shape mb-0">
<img src="./assets/images/blog_posts_right_shape.png" alt="" class="img-fluid">
</figure>
</div>
</section>
<!-- SUBSCRIBE SECTION -->
<section class="subscribe_section">
<div class="container">
<div class="subscribe_background_image">
<div class="row">
<div class="col-lg-7 col-md-7 col-sm-6 col-xs-12" data-aos="fade-right">
<div class="subscribe_content">
<h5>Subscribe now</h5>
<h2>Get the Latest Updates With Our Newletter</h2>
<form method="POST">
<div class="form-row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<input type="email" name="email" id="emailadd" class="form-control" placeholder="Enter You Email">
<button type="submit" name="btnsubmit" id="submitbutton">Subscribe</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-6 col-xs-12">
<figure class="subscribe_image mb-0">
<img src="./assets/images/subscribe_image.png" alt="">
</figure>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER SECTION -->
<section class="footer-section">
<div class="container">
<div class="middle-portion">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 d-lg-block d-none">
<div class="footer_logo">
<a href="./index.html" class="text-decoration-none"><figure class="mb-0"><img src="./assets/images/footer_logo.png" alt="" class="img-fluid"></figure></a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<div class="about_col">
<h4>About Us</h4>
<ul class="list-unstyled">
<li>
<p>Quisuam est rui dolorem ipsum quia dolor sit amet, consectetur adipisci velit sea...</p>
</li>
<li class="icons"><a href="#"><i class="fa-brands fa-facebook-f" aria-hidden="true"></i></a></li>
<li class="icons"><a href="#"><i class="fa-brands fa-twitter" aria-hidden="true"></i></a></li>
<li class="icons"><a href="#"><i class="fa-brands fa-linkedin-in mr-0" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 d-md-block d-none">
<div class="links_col">
<h4>Quick Links</h4>
<ul class="list-unstyled">
<li>
<a href="./index.html">Home</a>
</li>
<li>
<a href="./about.html">About Us</a>
</li>
<li>
<a href="./services.html">Services</a>
</li>
<li>
<a href="./team.html">Team</a>
</li>
<li>
<a href="./contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 d-sm-block d-none">
<div class="contact_col">
<h4>Contact Info</h4>
<ul class="list-unstyled">
<li class="contact_icons">
<i class="fa-solid fa-phone"></i>
<a href="tel:+61383766284" class="text-decoration-none">+61 3 8376 6284</a>
</li>
<li class="contact_icons">
<i class="fa-sharp fa-solid fa-envelope"></i>
<a href="mailto:Info@yogastic.om" class="text-decoration-none">Info@yogastic.om</a>
</li>
<li class="mb-0">
<i class="fa-solid fa-location-dot location"></i>
<span>21 King Street Melbourne, 3000, Australia</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-portion">
<div class="copyright col-xl-12">
<p>Copyright 2022, Yogastic.com All Rights Reserved.</p>
</div>
</div>
<div class="footer_shape right_shape">
<figure class="mb-0"><img src="./assets/images/footer_shape.png" alt="" class="img-fluid"></figure>
</div>
</section>
<!-- Latest compiled JavaScript -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/video-popup.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="assets/js/video-section.js"></script>
<script src="assets/js/animation.js"></script>
<script src="https://unpkg.com/ityped@0.0.10"></script>
<script src="assets/js/type.js"></script>
</body>
</html>