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

562 lines
32 KiB
HTML

<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Team | 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">
<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 active">
<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">Our Team</h1>
<p data-aos="fade-right">Suis 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"> Team</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>
<!-- OUR TEAM SECTION -->
<section class="our_team_section">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="our_team_content">
<h5>Our Staff</h5>
<h2>Our Team Members</h2>
<p>Quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores nostrum exercitationem ullam corporis suscipit laboriosam</p>
</div>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="our_team_box_content">
<div class="our_team_box_upper_portion">
<figure class="mb-0"><img src="./assets/images/our_team_1.png" alt="" class="img-fluid"></figure>
</div>
<div class="our_team_box_lower_portion">
<h3>Rayan Collins</h3>
<p>Recudia</p>
<div class="social_icons">
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-instagram mr-0" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="our_team_box_content">
<div class="our_team_box_upper_portion">
<figure class="mb-0"><img src="./assets/images/our_team_2.png" alt="" class="img-fluid"></figure>
</div>
<div class="our_team_box_lower_portion">
<h3>Brian Rooney</h3>
<p>Deserunt</p>
<div class="social_icons">
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-instagram mr-0" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="our_team_box_content">
<div class="our_team_box_upper_portion">
<figure class="mb-0"><img src="./assets/images/our_team_3.png" alt="" class="img-fluid"></figure>
</div>
<div class="our_team_box_lower_portion">
<h3>Mike Hardson</h3>
<p>Molestiae</p>
<div class="social_icons">
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-instagram mr-0" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="our_team_box_content">
<div class="our_team_box_upper_portion">
<figure class="mb-0"><img src="./assets/images/our_team_4.png" alt="" class="img-fluid"></figure>
</div>
<div class="our_team_box_lower_portion">
<h3>Rosalind Jae</h3>
<p>Tenetur</p>
<div class="social_icons">
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-instagram mr-0" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="our_team_box_content">
<div class="our_team_box_upper_portion">
<figure class="mb-0"><img src="./assets/images/our_team_5.png" alt="" class="img-fluid"></figure>
</div>
<div class="our_team_box_lower_portion">
<h3>Mitchell Ker</h3>
<p>Perferendis</p>
<div class="social_icons">
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-instagram mr-0" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="our_team_box_content">
<div class="our_team_box_upper_portion">
<figure class="mb-0"><img src="./assets/images/our_team_6.png" alt="" class="img-fluid"></figure>
</div>
<div class="our_team_box_lower_portion">
<h3>Cindy Wallace</h3>
<p>Eveniet</p>
<div class="social_icons">
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-instagram mr-0" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="our_team_box_content">
<div class="our_team_box_upper_portion">
<figure class="mb-0"><img src="./assets/images/our_team_7.png" alt="" class="img-fluid"></figure>
</div>
<div class="our_team_box_lower_portion">
<h3>Rene Luckey</h3>
<p>Nostrum</p>
<div class="social_icons">
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-instagram mr-0" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="our_team_box_content">
<div class="our_team_box_upper_portion">
<figure class="mb-0"><img src="./assets/images/our_team_8.png" alt="" class="img-fluid"></figure>
</div>
<div class="our_team_box_lower_portion">
<h3>Lyle Meadows</h3>
<p>Laudanti</p>
<div class="social_icons">
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
</a>
<a href="#" class="text-decoration-none">
<i class="fa-brands fa-instagram mr-0" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- TESTIMONIAL SECTION -->
<div class="testimonial_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 id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="testimonial_content">
<i class="fa-solid fa-quote-left"></i>
<p class="testimonial_paragraph">“Quisuam est, qui dolorem ipsum quia dolor sit amet, consec velit sed ruia non nuam
eius modi tempora incidunt ut magnam aliruam auzerat voluptatem autenim rea minima
exercita ionem ullam corporis suscitnis officiis debitis aut rerum necessitatibus saepe
evenietut aer voluptates”</p>
<figure><img src="./assets/images/testimonial_image.png" alt="" class="img-fluid"></figure>
<p class="testimonial_person_name">Himala Joerge</p>
<span>Happy client</span>
</div>
</div>
<div class="carousel-item">
<div class="testimonial_content">
<i class="fa-solid fa-quote-left"></i>
<p class="testimonial_paragraph">“Quisuam est, qui dolorem ipsum quia dolor sit amet, consec velit sed ruia non nuam
eius modi tempora incidunt ut magnam aliruam auzerat voluptatem autenim rea minima
exercita ionem ullam corporis suscitnis officiis debitis aut rerum necessitatibus saepe
evenietut aer voluptates”</p>
<figure><img src="./assets/images/testimonial_image.png" alt="" class="img-fluid"></figure>
<p class="testimonial_person_name">Himala Joerge</p>
<span>Happy client</span>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<i class="fa-solid fa-arrow-left-long"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<i class="fa-solid fa-arrow-right-long"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<figure class="testimonial_left_shape left_shape mb-0">
<img src="./assets/images/testimonial_left_shape.png" alt="" class="img-fluid">
</figure>
<figure class="testimonial_right_shape right_shape mb-0">
<img src="./assets/images/testimonial_right_shape.png" alt="" class="img-fluid">
</figure>
</div>
</div>
<!-- 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>