Access_New/pages/demo-gym-and-fitness-schedule.html
2024-09-05 11:33:27 +05:45

1132 lines
68 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/gym-and-fitness/gym-and-fitness.css" />
</head>
<body data-mobile-nav-style="classic" class="custom-cursor">
<div class="cursor-page-inner">
<div class="circle-cursor circle-cursor-inner"></div>
<div class="circle-cursor circle-cursor-outer"></div>
</div>
<header>
<nav class="navbar navbar-expand-lg header-transparent bg-transparent border-bottom border-color-transparent-dark-very-light disable-fixed">
<div class="container-fluid">
<div class="col-auto">
<a class="navbar-brand" href="demo-gym-and-fitness.html">
<img src="images/demo-gym-and-fitness-logo-black.png" data-at2x="images/demo-gym-and-fitness-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-gym-and-fitness-logo-black.png" data-at2x="images/demo-gym-and-fitness-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-gym-and-fitness-logo-black.png" data-at2x="images/demo-gym-and-fitness-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto me-0 sm-me-auto border-start border-color-transparent-dark-very-light ms-35px xs-ms-0">
<div class="header-icon">
<div class="header-push-button hamburger-push-button icon xs-pe-50px">
<div class="push-button">
<span></span>
<span></span>
<span></span>
<span></span>
<b class="push-button-text alt-font text-uppercase text-dark-gray position-absolute top-10px right-minus-50px">Menu</b>
</div>
</div>
</div>
</div>
<div class="col-auto ms-auto align-items-center d-none d-sm-flex">
<div class="header-button">
<a href="demo-gym-and-fitness-contact.html" class="btn btn-very-small btn-base-color btn-round-edge btn-box-shadow">Join us now</a>
</div>
</div>
</div>
</nav>
<div class="push-menu hamburger-nav header-dark hamburger-menu-half push-menu-left bg-dark-gray md-w-60 sm-w-100" style="background-image: url('images/demo-gym-and-fitness-menu-bg.jpg')">
<span class="close-menu text-dark-gray bg-white"><i class="fa-solid fa-xmark"></i></span>
<div class="d-flex flex-column justify-content-center h-100 ps-19 pe-19 pt-13 pb-13 xl-p-12 sm-p-20px">
<div>
<a class="hamburger-logo" href="demo-gym-and-fitness.html">
<img src="images/demo-gym-and-fitness-logo-white.png" data-at2x="images/demo-gym-and-fitness-logo-white@2x.png" alt>
</a>
</div>
<div class="hamburger-menu menu-list-wrapper w-80 lg-w-100 lg-no-margin sm-mt-auto sm-mb-auto" data-scroll-options="{ &quot;theme&quot;: &quot;light&quot; }">
<ul class="menu-item-list fw-500 ls-1px">
<li class="menu-item"><a href="demo-gym-and-fitness.html" class="nav-link">Home</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-about.html" class="nav-link">About</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-classes.html" class="nav-link">Classes</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-schedule.html" class="nav-link">Schedule</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-package.html" class="nav-link">Package</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-trainer.html" class="nav-link">Trainer</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
<div class="w-90 d-none d-lg-inline-block">
<div class="row row-cols-1 row-cols-xl-2">
<div class="col">
<span class="text-white fs-16 ls-05px">Crafto gym - London</span>
<div class="h-1px w-90 lg-w-100 bg-white-transparent-extra-light mt-10px mb-10px"></div>
<p class="fs-15 lh-26 w-90 xl-w-100">28 New regent view road, Orchard, Cambridge.</p>
</div>
<div class="col">
<span class="text-white fs-16 ls-05px">Connect with us</span>
<div class="h-1px w-90 lg-w-100 bg-white-transparent-extra-light mt-10px mb-10px"></div>
<p class="fs-15 lh-28 w-90 xl-w-100 lg-mb-0"><a href="cdn-cgi/l/email-protection.html#60090e060f20190f1512040f0d01090e4e030f0d" class="d-block text-white-hover"><span class="__cf_email__" data-cfemail="93fafdf5fcd3eafce6e1f7fcfef2fafdbdf0fcfe">[email&#160;protected]</span></a><a href="tel:12345678910" class="text-white-hover">+1 234 567 8910</a></p>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="ipad-top-space-margin overflow-hidden bg-very-light-gray p-0 page-title-big-typography">
<div class="container">
<div class="row justify-content-center small-screen">
<div class="col-md-6 d-flex flex-column justify-content-center align-items-center align-items-md-start text-center text-md-start page-title-extra-small sm-pt-50px sm-pb-50px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [-30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Fitness schedule</h1>
<h2 class="fw-700 alt-font ls-minus-1px text-dark-gray w-80 mb-0 lg-w-100">Explore advance training styles<span class="text-base-color">.</span></h2>
</div>
<div class="col-md-6">
<div class="outside-box-right-20 sm-outside-box-left-20 h-100 sm-h-300px xs-h-250px cover-background" style="background-image: url('images/demo-gym-and-fitness-schedule-title-bg.jpg');"></div>
</div>
</div>
</div>
</section>
<section class="pb-0">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-3 col-lg-4 position-relative md-mb-50px sm-mb-35px text-center text-lg-start order-1" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<img src="images/demo-gym-and-fitness-schedule-youtube-icon.png" class="mb-25px" alt>
<h3 class="alt-font fw-500 ls-minus-1px text-dark-gray mb-0">Follow ultimate fitness journey on <span class="fw-700 text-decoration-line-bottom-medium">youtube.</span></h3>
</div>
<div class="col-xl-6 col-lg-5 col-md-7 align-self-end text-center order-3 order-md-2" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="outside-box-left-5 outside-box-right-5 sm-outside-box-right-0 sm-outside-box-left-0">
<img src="images/demo-gym-and-fitness-schedule-01.jpg" class="w-100" alt>
</div>
</div>
<div class="col-lg-3 col-md-5 ps-60px lg-ps-30px sm-ps-15px order-2 order-md-3 sm-mb-35px">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-1 counter-style-07">
<div class="col last-paragraph-no-margin text-center text-md-start">
<h1 class="alt-font vertical-counter d-inline-flex text-dark-gray fw-700 mb-0 ls-minus-2px md-ls-0px position-relative" data-to="3574">
<span class="text-highlight position-absolute bottom-10px w-100"><span class="bg-base-color h-10px bottom-0px opacity-4"></span></span>
</h1>
<span class="d-block fs-15 lh-20 fw-700 text-uppercase text-dark-gray">Workout programs</span>
<div class="bg-extra-medium-gray h-1px w-75 xs-w-100 mt-30px mb-30px d-sm-none d-md-inline-block"></div>
</div>
<div class="col last-paragraph-no-margin text-center text-md-start">
<h1 class="alt-font vertical-counter d-inline-flex text-dark-gray fw-700 mb-0 ls-minus-2px md-ls-0px position-relative" data-to="5635">
<span class="text-highlight position-absolute bottom-10px w-100"><span class="bg-base-color h-10px bottom-0px opacity-4"></span></span>
</h1>
<span class="d-block fs-15 lh-20 fw-700 text-uppercase text-dark-gray">Followers on youtube</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0 position-relative">
<img src="images/demo-gym-and-fitness-about-12.png" class="position-absolute left-0px top-minus-150px d-none d-xl-inline-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)" alt>
<div class="container">
<div class="row g-0 mb-5">
<div class="col event-style-03 bg-white box-shadow-quadruple-large">
<ul class="nav nav-tabs flex-wrap flex-md-nowrap fs-20 md-fs-18 fw-500 alt-font text-center bg-base-color border-color-white">
<li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="demo-gym-and-fitness-schedule.html#tab_third1">Monday</a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-schedule.html#tab_third2">Tuesday</a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-schedule.html#tab_third3">Wednesday</a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-schedule.html#tab_third4">Thursday</a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-schedule.html#tab_third5">Friday</a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-schedule.html#tab_third6">Saturday</a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-schedule.html#tab_third7">Sunday</a></li>
</ul>
<div class="tab-content ps-65px pe-65px pt-45px pb-45px sm-p-30px xs-p-20px">
<div class="tab-pane fade in active show" id="tab_third1">
<div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="fa-angle-up" data-inactive-icon="fa-angle-down">
<div class="accordion-item active-accordion">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-01" aria-expanded="true" data-bs-parent="#accordion-style-02">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>07:00 - 08:00</span>
<span class="fs-18">Dynamic movement training</span>
<i class="fa-solid fa-angle-up"></i>
</div>
</a>
</div>
<div id="accordion-style-02-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-02">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 5.0</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-27.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Herman miller</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-02" aria-expanded="false" data-bs-parent="#accordion-style-02">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>08:00 - 09:00</span>
<span class="fs-18">Yoga and pilates</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-02-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-28.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-03" aria-expanded="false" data-bs-parent="#accordion-style-02">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>10:00 - 11:00</span>
<span class="fs-18">Strength training</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-02-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Shoko mugikura</span>
<span class="fs-15 lh-20 d-block">Strength training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-04" aria-expanded="false" data-bs-parent="#accordion-style-02">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>11:00 - 12:00</span>
<span class="fs-18">Lengthen and restore</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-02-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-transparent">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-30.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Personal training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_third2">
<div class="accordion accordion-style-02" id="accordion-style-03" data-active-icon="fa-angle-up" data-inactive-icon="fa-angle-down">
<div class="accordion-item active-accordion">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-03-01" aria-expanded="true" data-bs-parent="#accordion-style-03">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>07:00 - 08:00</span>
<span class="fs-18">Dynamic movement training</span>
<i class="fa-solid fa-angle-up"></i>
</div>
</a>
</div>
<div id="accordion-style-03-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-03">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 5.0</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-28.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Herman miller</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-03-02" aria-expanded="false" data-bs-parent="#accordion-style-03">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>08:00 - 09:00</span>
<span class="fs-18">Yoga and pilates</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-03-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-03">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-28.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-03-03" aria-expanded="false" data-bs-parent="#accordion-style-03">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>10:00 - 11:00</span>
<span class="fs-18">Strength training</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-03-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-03">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Shoko mugikura</span>
<span class="fs-15 lh-20 d-block">Strength training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-03-04" aria-expanded="false" data-bs-parent="#accordion-style-03">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>11:00 - 12:00</span>
<span class="fs-18">Lengthen and restore</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-03-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-03">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-transparent">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-30.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Personal training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_third3">
<div class="accordion accordion-style-02" id="accordion-style-04" data-active-icon="fa-angle-up" data-inactive-icon="fa-angle-down">
<div class="accordion-item active-accordion">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-04-01" aria-expanded="true" data-bs-parent="#accordion-style-04">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>07:00 - 08:00</span>
<span class="fs-18">Dynamic movement training</span>
<i class="fa-solid fa-angle-up"></i>
</div>
</a>
</div>
<div id="accordion-style-04-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-04">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 5.0</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Herman miller</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-04-02" aria-expanded="false" data-bs-parent="#accordion-style-04">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>08:00 - 09:00</span>
<span class="fs-18">Yoga and pilates</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-04-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-04">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-28.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-04-03" aria-expanded="false" data-bs-parent="#accordion-style-04">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>10:00 - 11:00</span>
<span class="fs-18">Strength training</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-04-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-04">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Shoko mugikura</span>
<span class="fs-15 lh-20 d-block">Strength training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-04-04" aria-expanded="false" data-bs-parent="#accordion-style-04">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>11:00 - 12:00</span>
<span class="fs-18">Lengthen and restore</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-04-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-04">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-transparent">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-30.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Personal training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_third4">
<div class="accordion accordion-style-02" id="accordion-style-05" data-active-icon="fa-angle-up" data-inactive-icon="fa-angle-down">
<div class="accordion-item active-accordion">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-05-01" aria-expanded="true" data-bs-parent="#accordion-style-05">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>07:00 - 08:00</span>
<span class="fs-18">Dynamic movement training</span>
<i class="fa-solid fa-angle-up"></i>
</div>
</a>
</div>
<div id="accordion-style-05-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-05">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 5.0</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Herman miller</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-05-02" aria-expanded="false" data-bs-parent="#accordion-style-05">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>08:00 - 09:00</span>
<span class="fs-18">Yoga and pilates</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-05-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-05">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-28.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-05-03" aria-expanded="false" data-bs-parent="#accordion-style-05">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>10:00 - 11:00</span>
<span class="fs-18">Strength training</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-05-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-05">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Shoko mugikura</span>
<span class="fs-15 lh-20 d-block">Strength training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-05-04" aria-expanded="false" data-bs-parent="#accordion-style-05">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>11:00 - 12:00</span>
<span class="fs-18">Lengthen and restore</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-05-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-05">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-transparent">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-30.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Personal training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_third5">
<div class="accordion accordion-style-02" id="accordion-style-06" data-active-icon="fa-angle-up" data-inactive-icon="fa-angle-down">
<div class="accordion-item active-accordion">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-06-01" aria-expanded="true" data-bs-parent="#accordion-style-06">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>07:00 - 08:00</span>
<span class="fs-18">Dynamic movement training</span>
<i class="fa-solid fa-angle-up"></i>
</div>
</a>
</div>
<div id="accordion-style-06-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-06">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 5.0</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-28.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Herman miller</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-06-02" aria-expanded="false" data-bs-parent="#accordion-style-06">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>08:00 - 09:00</span>
<span class="fs-18">Yoga and pilates</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-06-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-06">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-28.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-06-03" aria-expanded="false" data-bs-parent="#accordion-style-06">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>10:00 - 11:00</span>
<span class="fs-18">Strength training</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-06-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-06">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Shoko mugikura</span>
<span class="fs-15 lh-20 d-block">Strength training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-06-04" aria-expanded="false" data-bs-parent="#accordion-style-06">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>11:00 - 12:00</span>
<span class="fs-18">Lengthen and restore</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-06-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-06">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-transparent">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-30.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Personal training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_third6">
<div class="accordion accordion-style-02" id="accordion-style-07" data-active-icon="fa-angle-up" data-inactive-icon="fa-angle-down">
<div class="accordion-item active-accordion">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-01" aria-expanded="true" data-bs-parent="#accordion-style-07">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>07:00 - 08:00</span>
<span class="fs-18">Dynamic movement training</span>
<i class="fa-solid fa-angle-up"></i>
</div>
</a>
</div>
<div id="accordion-style-07-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-07">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 5.0</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Herman miller</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-02" aria-expanded="false" data-bs-parent="#accordion-style-07">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>08:00 - 09:00</span>
<span class="fs-18">Yoga and pilates</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-07-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-07">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-28.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-03" aria-expanded="false" data-bs-parent="#accordion-style-07">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>10:00 - 11:00</span>
<span class="fs-18">Strength training</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-07-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-07">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Shoko mugikura</span>
<span class="fs-15 lh-20 d-block">Strength training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-04" aria-expanded="false" data-bs-parent="#accordion-style-07">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>11:00 - 12:00</span>
<span class="fs-18">Lengthen and restore</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-07-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-07">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-transparent">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-30.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Personal training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_third7">
<div class="accordion accordion-style-02" id="accordion-style-08" data-active-icon="fa-angle-up" data-inactive-icon="fa-angle-down">
<div class="accordion-item active-accordion">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-08-01" aria-expanded="true" data-bs-parent="#accordion-style-08">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>07:00 - 08:00</span>
<span class="fs-18">Dynamic movement training</span>
<i class="fa-solid fa-angle-up"></i>
</div>
</a>
</div>
<div id="accordion-style-08-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-08">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 5.0</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-27.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Herman miller</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-08-02" aria-expanded="false" data-bs-parent="#accordion-style-08">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>08:00 - 09:00</span>
<span class="fs-18">Yoga and pilates</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-08-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-08">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-28.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Crossfit coach</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-08-03" aria-expanded="false" data-bs-parent="#accordion-style-08">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>10:00 - 11:00</span>
<span class="fs-18">Strength training</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-08-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-08">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-light-medium-gray">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-29.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Shoko mugikura</span>
<span class="fs-15 lh-20 d-block">Strength training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent">
<a href="demo-gym-and-fitness-schedule.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-08-04" aria-expanded="false" data-bs-parent="#accordion-style-08">
<div class="accordion-title position-relative fw-600 text-dark-gray d-flex flex-column align-items-start flex-sm-row align-items-sm-center mb-0">
<span class="event-time"><i class="feather icon-feather-clock me-5px"></i>11:00 - 12:00</span>
<span class="fs-18">Lengthen and restore</span>
<i class="fa-solid fa-angle-down"></i>
</div>
</a>
</div>
<div id="accordion-style-08-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-08">
<div class="accordion-body d-flex align-items-start align-items-lg-center flex-column flex-lg-row border-bottom border-color-transparent">
<div class="trainer-box col-auto position-relative">
<span class="fs-12 lh-24 fw-600 text-dark-gray bg-base-color d-inline-block border-radius-26px position-absolute top-minus-13px z-index-1 right-15px ps-10px pe-10px"><i class="fa-solid fa-star"></i> 4.5</span>
<div class="d-flex overflow-hidden border-radius-6px border box-shadow-quadruple-large border-color-extra-medium-gray">
<div class="col-auto w-90px cover-background" style="background-image: url('images/avtar-30.jpg')"></div>
<div class="col bg-white position-relative p-25px">
<span class="text-dark-gray fw-600 d-block">Matthew taylor</span>
<span class="fs-15 lh-20 d-block">Personal training</span>
</div>
</div>
</div>
<div class="trainer-description col last-paragraph-no-margin">
<p>Lorem ipsum dolor consectetur adipiscing mauris varius fermentum sollicitudin molestie lectus lobortis mollis sed sit lectus an adipiscing mauris varius nibh fermentum sollicitudin adipiscing mauris fermentum sollicitudin molestie lectus sollicitudin.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-auto text-center">
<div class="fs-16 text-uppercase fw-500 lh-30 alt-font text-dark-gray bg-base-color border-radius-4px d-inline-block align-middle ps-15px pe-15px pt-5px me-10px sm-me-0 sm-mb-20px">Discount</div>
<div class="fs-24 ls-0px fw-500 alt-font text-dark-gray d-inline-block align-middle">Contact us for a <span class="fw-700 text-decoration-line-bottom">20% off</span> your introductory training session.</div>
</div>
</div>
</div>
</section>
<footer class="half-footer bg-nero-grey position-relative pb-0">
<div class="container">
<div class="row justify-content-center align-items-center align-items-lg-end mb-5 text-center text-sm-start sm-mb-30px">
<div class="col-lg-3 col-md-12 col-sm-6 text-lg-start text-md-center md-mb-30px">
<a href="demo-gym-and-fitness.html" class="footer-logo d-inline-block">
<img src="images/demo-gym-and-fitness-logo-white.png" data-at2x="images/demo-gym-and-fitness-logo-white@2x.png" alt>
</a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 fs-16 lh-26 fw-500 last-paragraph-no-margin sm-mb-30px">
<span class="text-white ls-05px d-block fs-17 mb-5px">Start a conversation</span>
<div><i class="feather icon-feather-phone-call icon-very-small me-10px"></i><a href="tel:12345678910">+1 234 567 8910</a></div>
<div><i class="feather icon-feather-mail icon-very-small me-10px"></i><a href="cdn-cgi/l/email-protection.html#d3babdb5bc93b7bcbeb2babdfdb0bcbe" class="text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="543d3a323b14303b39353d3a7a373b39">[email&#160;protected]</span></a></div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 fs-16 lh-26 fw-500 last-paragraph-no-margin xs-mb-30px">
<span class="text-white ls-05px d-block fs-17 mb-5px">Current location</span>
<p class="w-90 xs-w-70 xs-mx-auto">2644 Rosella inlet suite Keithmouth, Bilzen 25422</p>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 fs-16 lh-26 fw-500 last-paragraph-no-margin">
<span class="text-white ls-05px d-block fs-17 mb-5px">Center timings</span>
<span class="d-block">Mon-fri: 09 am 08 pm</span>
<span class="d-block">Saturday: 09 am 01 pm</span>
</div>
</div>
<div class="footer-bottom position-relative pt-25px pb-25px border-top border-color-transparent-white-light">
<div class="row align-items-center">
<div class="col-lg-4 text-center text-lg-start md-mb-15px">
<span class="fs-16 fw-500">&COPY; Copyright 2024 <a href="index.html" target="_blank" class="text-white text-decoration-line-bottom">Crafto</a></span>
</div>
<div class="col-lg-8 text-center text-lg-end">
<ul class="footer-navbar fs-16 fw-500">
<li class="nav-item"><a href="demo-gym-and-fitness.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-classes.html" class="nav-link">Classes</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-schedule.html" class="nav-link">Schedule</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-package.html" class="nav-link">Package</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-trainer.html" class="nav-link">Trainer</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-gym-and-fitness-schedule.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>