add yoga template

This commit is contained in:
2024-05-21 04:02:15 +02:00
parent f9c883dffa
commit a0963f4254
89 changed files with 5476 additions and 0 deletions

6
web/sport/neogym/.gitignore vendored Normal file
View File

@@ -0,0 +1,6 @@
# Generated files
css/style.css
css/style.css.map
# Node
node_modules

View File

@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Neogym</title>
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
Neogym
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="why.html"> Why us </a>
</li>
</li>
<li class="nav-item">
<a class="nav-link" href="trainer.html"> trainers</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="contact.html"> Contact Us</a>
</li>
</ul>
<div class="user_option">
<form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button>
</form>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<!-- contact section -->
<section class="contact_section ">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 px-0">
<div class="img-box">
<img src="images/contact-img.jpg" alt="">
</div>
</div>
<div class="col-lg-5 col-md-6">
<div class="form_container pr-0 pr-lg-5 mr-0 mr-lg-2">
<div class="heading_container">
<h2>
Contact Us
</h2>
</div>
<form action="">
<div>
<input type="text" placeholder="Name" />
</div>
<div>
<input type="email" placeholder="Email" />
</div>
<div>
<input type="text" placeholder="Phone Number" />
</div>
<div>
<input type="text" class="message-box" placeholder="Message" />
</div>
<div class="d-flex ">
<button>
Send
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- end contact section -->
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="info_items">
<a href="">
<div class="item ">
<div class="img-box box-1">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
Location
</p>
</div>
</div>
</a>
<a href="">
<div class="item ">
<div class="img-box box-2">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
+02 1234567890
</p>
</div>
</div>
</a>
<a href="">
<div class="item ">
<div class="img-box box-3">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
demo@gmail.com
</p>
</div>
</div>
</a>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="container-fluid footer_section">
<p>
&copy; 2020 All Rights Reserved. Design by
<a href="https://html.design/">Free Html Templates</a>
</p>
</footer>
<!-- footer section -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>

10038
web/sport/neogym/css/bootstrap.css vendored Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,68 @@
@media (max-width: 1120px) {}
@media (max-width: 992px) {
.hero_area {
height: auto;
}
.custom_nav-container .nav_search-btn {
background-position: center;
margin-top: 10px;
}
.slider_section {
padding-top: 45px;
padding-bottom: 75px;
}
.info_items {
width: 100%;
}
}
@media (max-width: 768px) {
.contact_section .form_container {
padding: 45px 0;
}
.info_items {
flex-direction: column;
align-items: center;
}
.contact_section .heading_container {
justify-content: center;
}
.contact_section .heading_container h2::before {
left: 50%;
transform: translateX(-50%);
}
.contact_section button {
margin: 45px auto 0 auto;
}
}
@media (max-width: 576px) {
.slider_section .detail-box h1 {
font-size: 3rem;
}
}
@media (max-width: 480px) {}
@media (max-width: 420px) {
.slider_section .detail-box h1 {
letter-spacing: .3rem;
}
}
@media (max-width: 360px) {}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}

View File

@@ -0,0 +1,580 @@
$black: #000000;
$white: #ffffff;
$primary1: #ff2953;
@mixin main-font {
font-family: 'Poppins', sans-serif;
}
@mixin hero_btn($col1, $col2, $pad1, $pad2, $bRadius) {
display: inline-block;
padding: $pad1 $pad2;
background-color: transparent;
border: 1.5px solid $col1;
color: $col1;
border-radius: $bRadius;
transition: transform 0.3s;
&:hover {
background-color: $col1;
color: $col2;
}
}
@mixin upperBold {
text-transform: uppercase;
font-weight: bold;
}
body {
@include main-font;
color: #000000;
background-color: #ffffff;
}
.layout_padding {
padding-top: 120px;
padding-bottom: 120px;
}
.layout_padding2 {
padding-top: 45px;
padding-bottom: 45px;
}
.layout_padding2-top {
padding-top: 45px;
}
.layout_padding2-bottom {
padding-bottom: 45px;
}
.layout_padding-top {
padding-top: 120px;
}
.layout_padding-bottom {
padding-bottom: 120px;
}
.heading_container {
display: flex;
justify-content: center;
text-align: center;
h2 {
font-weight: bold;
position: relative;
padding-bottom: 5px;
text-transform: uppercase;
&::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 55px;
height: 5px;
background-color: $primary1;
transform: translateX(-50%);
}
}
}
/*header section*/
.hero_area {
height: 100vh;
display: flex;
flex-direction: column;
background-image: url(../images/hero-bg.jpg);
background-size: cover;
background-attachment: fixed;
}
.sub_page {
.hero_area {
height: auto;
}
.who_section.layout_padding {
padding-top: 0;
}
}
.hero_area.sub_pages {
height: auto;
}
.header_section {}
.header_section .container-fluid {
padding-right: 25px;
padding-left: 25px;
}
.header_section .nav_container {
margin: 0 auto;
}
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item {
.nav-link {
margin: 10px 30px;
padding: 0;
padding-bottom: 3px;
color: #ffffff;
text-align: center;
position: relative;
text-transform: uppercase;
font-size: 15px;
&::after {
display: none;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
border-radius: 5px;
background-color: $white;
}
}
&.active,
&:hover {
a {
&::after {
display: block;
background-color: $primary1;
}
}
}
}
a,
a:hover,
a:focus {
text-decoration: none;
}
a:hover,
a:focus {
color: initial;
}
.btn,
.btn:focus {
outline: none !important;
box-shadow: none;
}
.user_option {
display: flex;
align-items: center;
a {
color: $white;
margin: 10px 30px;
}
}
.custom_nav-container .nav_search-btn {
background-image: url(../images/search-icon.png);
background-size: 22px;
background-repeat: no-repeat;
background-position-y: 7px;
width: 35px;
height: 35px;
padding: 0;
border: none;
}
.navbar-brand {
display: flex;
align-items: center;
position: relative;
span {
font-size: 22px;
text-transform: uppercase;
font-weight: bold;
color: $white;
position: relative;
z-index: 3;
}
}
.custom_nav-container {
z-index: 99999;
padding: 15px 0;
}
.custom_nav-container .navbar-toggler {
outline: none;
}
.custom_nav-container .navbar-toggler .navbar-toggler-icon {
background-image: url(../images/menu.png);
background-size: 55px;
}
/*end header section*/
.slider_section {
flex: 1;
display: flex;
align-items: center;
color: $white;
#carouselExampleIndicators {
width: 100%;
}
.row {
align-items: center;
}
.box {
margin: 125px 0;
}
.detail-box {
text-align: center;
h1,
h2,
h3 {
text-transform: uppercase;
font-weight: bold;
}
h2 {
font-size: 2.5rem;
}
h1 {
font-size: 3.5rem;
font-weight: bold;
letter-spacing: .5rem;
}
p {
margin-top: 25px;
}
a {
@include hero_btn($white, $black, 8px, 35px, 0px);
text-transform: uppercase;
margin-top: 35px;
}
}
#carouselExampleIndicators {
.carousel-indicators {
position: unset;
margin: 0;
margin-top: 45px;
align-items: center;
li {
width: 14px;
height: 14px;
background-color: transparent;
border: 2px solid $white;
border-radius: 100%;
opacity: 1;
&.active {
border: 4px solid $white;
}
}
}
}
}
// end slider section
// us section
.us_section {
background-image: url(../images/us-bg.jpg);
background-size: cover;
background-attachment: fixed;
color: $white;
.us_container {
padding-top: 25px;
.box {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin: 25px 10px 0 10px;
.img-box {
height: 100px;
display: flex;
align-items: center;
justify-content: center;
img {
max-width: 100%;
}
}
.detail-box {
h5 {
font-weight: bold;
}
}
}
}
}
// end us section
// heathy section
.heathy_section {
background-image: url(../images/healthy-bg.jpg);
background-size: cover;
background-attachment: fixed;
color: $white;
text-align: center;
h2 {
font-weight: bold;
}
p {
margin-top: 35px;
}
.btn-box {
display: flex;
justify-content: center;
margin-top: 45px;
a {
@include hero_btn($white, $black, 8px, 35px, 0);
text-transform: uppercase;
}
}
}
// end heathy section
// trainer section
.trainer_section {
background-image: url(../images/trainer-bg.jpg);
background-size: cover;
background-attachment: fixed;
color: $white;
.box {
margin-top: 55px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
.name {
h5 {
font-weight: bold;
margin-bottom: 15px;
}
}
.img-box {
border-radius: 15px;
overflow: hidden;
img {
width: 100%;
}
}
.social_box {
display: flex;
justify-content: space-between;
width: 225px;
padding: 12px 45px;
background-color: $white;
border-radius: 50px;
margin-top: -25px;
}
}
}
// end trainer section
// contact section
.contact_section {
position: relative;
background-color: #27223f;
color: $white;
.heading_container {
justify-content: start;
h2 {
&::before {
text-align: left;
left: 0;
transform: none;
}
}
}
.row {
align-items: center;
}
.img-box {
img {
width: 100%;
}
}
.form_container {
padding: 45px 0 45px 15px;
}
form {}
input {
width: 100%;
border: none;
background-color: $white;
outline: none;
color: $black;
margin-top: 25px;
padding: 12px;
&::placeholder {
color: #2a2a2c;
}
&.message-box {
padding: 45px 12px;
}
}
button {
padding: 10px 65px;
outline: none;
border: none;
color: $white;
background: #ff2953;
margin: 45px 0 0 auto;
text-transform: uppercase;
}
}
// end contact section
// info section
.info_section {
background-color: #252233;
}
.info_items {
width: 70%;
margin: 0 auto;
display: flex;
justify-content: space-between;
.item {
width: 200px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
.img-box {
width: 80px;
height: 80px;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
}
.detail-box {
margin-top: 5px;
color: #fff;
}
}
}
.info_items {
position: relative;
a {
position: relative;
}
.item {
.img-box {
&.box-1 {
background-image: url(../images/location-white.png);
}
&.box-2 {
background-image: url(../images/telephone-white.png);
}
&.box-3 {
background-image: url(../images/envelope-white.png);
}
}
}
}
// end info section
/* footer section*/
.footer_section {
background-color: #fbfdfd;
padding: 20px;
font-weight: 500;
}
.footer_section p {
color: #292929;
margin: 0;
text-align: center;
}
.footer_section a {
color: #292929;
}
/* end footer section*/

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 476 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 332 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 641 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 723 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 403 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 720 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 606 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 925 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

524
web/sport/neogym/index.html Normal file
View File

@@ -0,0 +1,524 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Neogym</title>
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
Neogym
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="why.html"> Why us </a>
</li>
</li>
<li class="nav-item">
<a class="nav-link" href="trainer.html"> trainers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"> Contact Us</a>
</li>
</ul>
<div class="user_option">
<form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button>
</form>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class=" slider_section position-relative">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="col-lg-10 col-md-11 mx-auto">
<div class="detail-box">
<div>
<h3>
Fitness
</h3>
<h2>
Training
</h2>
<h1>
Neogym
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
</p>
<div class="">
<a href="">
Contact Us
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="col-lg-10 col-md-11 mx-auto">
<div class="detail-box">
<div>
<h3>
Fitness
</h3>
<h2>
Training
</h2>
<h1>
Neogym
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
</p>
<div class="">
<a href="">
Contact Us
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="col-lg-10 col-md-11 mx-auto">
<div class="detail-box">
<div>
<h3>
Fitness
</h3>
<h2>
Training
</h2>
<h1>
Neogym
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
</p>
<div class="">
<a href="">
Contact Us
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="col-lg-10 col-md-11 mx-auto">
<div class="detail-box">
<div>
<h3>
Fitness
</h3>
<h2>
Training
</h2>
<h1>
Neogym
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
</p>
<div class="">
<a href="">
Contact Us
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="col-lg-10 col-md-11 mx-auto">
<div class="detail-box">
<div>
<h3>
Fitness
</h3>
<h2>
Training
</h2>
<h1>
Neogym
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
</p>
<div class="">
<a href="">
Contact Us
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
</div>
</section>
<!-- end slider section -->
</div>
<!-- Us section -->
<section class="us_section layout_padding">
<div class="container">
<div class="heading_container">
<h2>
Why Choose Us
</h2>
</div>
<div class="us_container ">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="box">
<div class="img-box">
<img src="images/u-1.png" alt="">
</div>
<div class="detail-box">
<h5>
QUALITY EQUIPMENT
</h5>
<p>
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="box">
<div class="img-box">
<img src="images/u-4.png" alt="">
</div>
<div class="detail-box">
<h5>
NUTRITION
</h5>
<p>
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="box">
<div class="img-box">
<img src="images/u-2.png" alt="">
</div>
<div class="detail-box">
<h5>
HEALTHY DIET PLAN
</h5>
<p>
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="box">
<div class="img-box">
<img src="images/u-3.png" alt="">
</div>
<div class="detail-box">
<h5>
SPORT TRAINING
</h5>
<p>
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end us section -->
<!-- heathy section -->
<section class="heathy_section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-12 mx-auto">
<div class="detail-box">
<h2>
HEALTHY MIND, HEALTHY BODY
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillumLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
</p>
<div class="btn-box">
<a href="">
READ MORE
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end heathy section -->
<!-- trainer section -->
<section class="trainer_section layout_padding">
<div class="container">
<div class="heading_container">
<h2>
Our Gym Trainers
</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 mx-auto">
<div class="box">
<div class="name">
<h5>
Smirth Jon
</h5>
</div>
<div class="img-box">
<img src="images/t1.jpg" alt="">
</div>
<div class="social_box">
<a href="">
<img src="images/facebook-logo.png" alt="">
</a>
<a href="">
<img src="images/twitter.png" alt="">
</a>
<a href="">
<img src="images/instagram-logo.png" alt="">
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mx-auto">
<div class="box">
<div class="name">
<h5>
Jean Doe
</h5>
</div>
<div class="img-box">
<img src="images/t2.jpg" alt="">
</div>
<div class="social_box">
<a href="">
<img src="images/facebook-logo.png" alt="">
</a>
<a href="">
<img src="images/twitter.png" alt="">
</a>
<a href="">
<img src="images/instagram-logo.png" alt="">
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mx-auto">
<div class="box">
<div class="name">
<h5>
Alex Den
</h5>
</div>
<div class="img-box">
<img src="images/t3.jpg" alt="">
</div>
<div class="social_box">
<a href="">
<img src="images/facebook-logo.png" alt="">
</a>
<a href="">
<img src="images/twitter.png" alt="">
</a>
<a href="">
<img src="images/instagram-logo.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end trainer section -->
<!-- contact section -->
<section class="contact_section ">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 px-0">
<div class="img-box">
<img src="images/contact-img.jpg" alt="">
</div>
</div>
<div class="col-lg-5 col-md-6">
<div class="form_container pr-0 pr-lg-5 mr-0 mr-lg-2">
<div class="heading_container">
<h2>
Contact Us
</h2>
</div>
<form action="">
<div>
<input type="text" placeholder="Name" />
</div>
<div>
<input type="email" placeholder="Email" />
</div>
<div>
<input type="text" placeholder="Phone Number" />
</div>
<div>
<input type="text" class="message-box" placeholder="Message" />
</div>
<div class="d-flex ">
<button>
Send
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- end contact section -->
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="info_items">
<a href="">
<div class="item ">
<div class="img-box box-1">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
Location
</p>
</div>
</div>
</a>
<a href="">
<div class="item ">
<div class="img-box box-2">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
+02 1234567890
</p>
</div>
</div>
</a>
<a href="">
<div class="item ">
<div class="img-box box-3">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
demo@gmail.com
</p>
</div>
</div>
</a>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="container-fluid footer_section">
<p>
&copy; 2020 All Rights Reserved. Design by
<a href="https://html.design/">Free Html Templates</a>
</p>
</footer>
<!-- footer section -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>

4445
web/sport/neogym/js/bootstrap.js vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

234
web/sport/neogym/package-lock.json generated Normal file
View File

@@ -0,0 +1,234 @@
{
"name": "neogym",
"version": "1.0.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "neogym",
"version": "1.0.0",
"license": "ISC",
"devDependencies": {
"sass": "^1.77.2"
}
},
"node_modules/anymatch": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
"dev": true,
"dependencies": {
"normalize-path": "^3.0.0",
"picomatch": "^2.0.4"
},
"engines": {
"node": ">= 8"
}
},
"node_modules/binary-extensions": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
"dev": true,
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/braces": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
"dev": true,
"dependencies": {
"fill-range": "^7.0.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/chokidar": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
"dev": true,
"dependencies": {
"anymatch": "~3.1.2",
"braces": "~3.0.2",
"glob-parent": "~5.1.2",
"is-binary-path": "~2.1.0",
"is-glob": "~4.0.1",
"normalize-path": "~3.0.0",
"readdirp": "~3.6.0"
},
"engines": {
"node": ">= 8.10.0"
},
"funding": {
"url": "https://paulmillr.com/funding/"
},
"optionalDependencies": {
"fsevents": "~2.3.2"
}
},
"node_modules/fill-range": {
"version": "7.0.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
"dev": true,
"dependencies": {
"to-regex-range": "^5.0.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"dev": true,
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/glob-parent": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
"dev": true,
"dependencies": {
"is-glob": "^4.0.1"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/immutable": {
"version": "4.3.6",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.6.tgz",
"integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==",
"dev": true
},
"node_modules/is-binary-path": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
"dev": true,
"dependencies": {
"binary-extensions": "^2.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/is-extglob": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-glob": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
"dev": true,
"dependencies": {
"is-extglob": "^2.1.1"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-number": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
"dev": true,
"engines": {
"node": ">=0.12.0"
}
},
"node_modules/normalize-path": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"dev": true,
"engines": {
"node": ">=8.6"
},
"funding": {
"url": "https://github.com/sponsors/jonschlinkert"
}
},
"node_modules/readdirp": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
"dev": true,
"dependencies": {
"picomatch": "^2.2.1"
},
"engines": {
"node": ">=8.10.0"
}
},
"node_modules/sass": {
"version": "1.77.2",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.77.2.tgz",
"integrity": "sha512-eb4GZt1C3avsX3heBNlrc7I09nyT00IUuo4eFhAbeXWU2fvA7oXI53SxODVAA+zgZCk9aunAZgO+losjR3fAwA==",
"dev": true,
"dependencies": {
"chokidar": ">=3.0.0 <4.0.0",
"immutable": "^4.0.0",
"source-map-js": ">=0.6.2 <2.0.0"
},
"bin": {
"sass": "sass.js"
},
"engines": {
"node": ">=14.0.0"
}
},
"node_modules/source-map-js": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
"integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/to-regex-range": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
"dev": true,
"dependencies": {
"is-number": "^7.0.0"
},
"engines": {
"node": ">=8.0"
}
}
}
}

View File

@@ -0,0 +1,21 @@
{
"name": "neogym",
"version": "1.0.0",
"description": "Gym website template",
"main": "build.js",
"scripts": {
"dev": "sass --watch css/style.scss css/style.css",
"build": "sass css/style.scss css/style.css"
},
"keywords": [
"gym",
"html",
"scss",
"js"
],
"author": "Zvonimir Rudinski <zvonki12@gmail.com>",
"license": "ISC",
"devDependencies": {
"sass": "^1.77.2"
}
}

View File

@@ -0,0 +1,222 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Neogym</title>
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
Neogym
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="why.html"> Why us </a>
</li>
</li>
<li class="nav-item active">
<a class="nav-link" href="trainer.html"> trainers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"> Contact Us</a>
</li>
</ul>
<div class="user_option">
<form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button>
</form>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<!-- trainer section -->
<section class="trainer_section layout_padding">
<div class="container">
<div class="heading_container">
<h2>
Our Gym Trainers
</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 mx-auto">
<div class="box">
<div class="name">
<h5>
Smirth Jon
</h5>
</div>
<div class="img-box">
<img src="images/t1.jpg" alt="">
</div>
<div class="social_box">
<a href="">
<img src="images/facebook-logo.png" alt="">
</a>
<a href="">
<img src="images/twitter.png" alt="">
</a>
<a href="">
<img src="images/instagram-logo.png" alt="">
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mx-auto">
<div class="box">
<div class="name">
<h5>
Jean Doe
</h5>
</div>
<div class="img-box">
<img src="images/t2.jpg" alt="">
</div>
<div class="social_box">
<a href="">
<img src="images/facebook-logo.png" alt="">
</a>
<a href="">
<img src="images/twitter.png" alt="">
</a>
<a href="">
<img src="images/instagram-logo.png" alt="">
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mx-auto">
<div class="box">
<div class="name">
<h5>
Alex Den
</h5>
</div>
<div class="img-box">
<img src="images/t3.jpg" alt="">
</div>
<div class="social_box">
<a href="">
<img src="images/facebook-logo.png" alt="">
</a>
<a href="">
<img src="images/twitter.png" alt="">
</a>
<a href="">
<img src="images/instagram-logo.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end trainer section -->
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="info_items">
<a href="">
<div class="item ">
<div class="img-box box-1">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
Location
</p>
</div>
</div>
</a>
<a href="">
<div class="item ">
<div class="img-box box-2">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
+02 1234567890
</p>
</div>
</div>
</a>
<a href="">
<div class="item ">
<div class="img-box box-3">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
demo@gmail.com
</p>
</div>
</div>
</a>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="container-fluid footer_section">
<p>
&copy; 2020 All Rights Reserved. Design by
<a href="https://html.design/">Free Html Templates</a>
</p>
</footer>
<!-- footer section -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>

217
web/sport/neogym/why.html Normal file
View File

@@ -0,0 +1,217 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Neogym</title>
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
Neogym
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="why.html"> Why us </a>
</li>
</li>
<li class="nav-item">
<a class="nav-link" href="trainer.html"> trainers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"> Contact Us</a>
</li>
</ul>
<div class="user_option">
<form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button>
</form>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<!-- Us section -->
<section class="us_section layout_padding">
<div class="container">
<div class="heading_container">
<h2>
Why Choose Us
</h2>
</div>
<div class="us_container ">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="box">
<div class="img-box">
<img src="images/u-1.png" alt="">
</div>
<div class="detail-box">
<h5>
QUALITY EQUIPMENT
</h5>
<p>
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="box">
<div class="img-box">
<img src="images/u-4.png" alt="">
</div>
<div class="detail-box">
<h5>
NUTRITION
</h5>
<p>
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="box">
<div class="img-box">
<img src="images/u-2.png" alt="">
</div>
<div class="detail-box">
<h5>
HEALTHY DIET PLAN
</h5>
<p>
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="box">
<div class="img-box">
<img src="images/u-3.png" alt="">
</div>
<div class="detail-box">
<h5>
SPORT TRAINING
</h5>
<p>
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end us section -->
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="info_items">
<a href="">
<div class="item ">
<div class="img-box box-1">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
Location
</p>
</div>
</div>
</a>
<a href="">
<div class="item ">
<div class="img-box box-2">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
+02 1234567890
</p>
</div>
</div>
</a>
<a href="">
<div class="item ">
<div class="img-box box-3">
<img src="" alt="">
</div>
<div class="detail-box">
<p>
demo@gmail.com
</p>
</div>
</div>
</a>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="container-fluid footer_section">
<p>
&copy; 2020 All Rights Reserved. Design by
<a href="https://html.design/">Free Html Templates</a>
</p>
</footer>
<!-- footer section -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,349 @@
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}

View File

@@ -0,0 +1,132 @@
@media (max-width: 991.98px) {
/*Global*/
.sections-detail {
margin: 0 0 30px;
}
/*Banner*/
.yoga-template .banner .top-bar-left a {
font-size:17px;
}
.yoga-template .banner .banner-content .content-col {
padding-left: 30px;
}
/*Service*/
.yoga-template .service-section .service-detail > div {
margin-bottom: 40px;
}
.yoga-template .best-class-club .detail-col-club {
padding-right: 15px;
}
/*Class Yoga Club*/
.yoga-template .best-class-club .best-class-club-desc {
padding: 60px 30px;
}
.yoga-template .best-class-club .best-class-club-img {
padding: 250px 0;
}
/*Advantages*/
.yoga-template .advantages-section {
padding: 60px 15px;
}
.yoga-template .advantages-section {
background-image: url(../img/advantages-of-yoga-mobile.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.yoga-template .advantages-section .section-title{
color: #fe86d4;
}
.yoga-template .advantages-section .section-title-desc {
color: #fff;
}
.yoga-template .advantages-section .advantages-detail-title {
color: #fe86d4;
margin-top: 10px;
}
.yoga-template .advantages-section .advantages-detail-desc {
color: #fff;
}
.yoga-template .advantages-section .advantages-detail-soul,
.yoga-template .advantages-section .advantages-detail-health,
.yoga-template .advantages-section .advantages-detail-relax,
.yoga-template .advantages-section .advantages-detail-energy,
.yoga-template .advantages-section .advantages-detail-mind,
.yoga-template .advantages-section .advantages-detail-meditat {
width: 100%;
text-align: center;
margin: 0 auto 24px;
}
/*Yoga Place*/
.yoga-template .yogaPlace-section .yogaPlace-col > div{
margin-bottom: 40px;
}
/*Contact us*/
.yoga-template .contact-section .appointment
.appointment-form .box-select::before {
content: "\f0dd";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 41%;
right: -0.5%;
width: 35px;
height: 38px;
text-align: center;
font-size: 14px;
line-height: 37px;
color: rgb(255, 255, 255);
background-color: rgb(123, 108, 213);
font-weight: 600;
border-radius: 3px;
transform: translate(-50%, -50%);
}
.yoga-template .contact-section .appointment
.appointment-form .appointment-form-col-left {
padding-right: 15px;
}
.yoga-template .contact-section .appointment
.appointment-form .appointment-form-col-right {
padding-left: 15px;
padding-right: 15px;
}
/* Trainers*/
.yoga-template .trainer-section .trainer-col {
margin-bottom: 0px;
}
.yoga-template .trainer-section .trainer-col > div{
margin-bottom: 40px;
}
/*Copyright*/
.yoga-template .footer .copyright,
.yoga-template .footer .copyright .social {
text-align: center;
}
}
@media (max-width: 767.98px) {
/*Banner*/
.yoga-template .banner .top-bar,
.yoga-template .banner .top-bar-right {
text-align: center;
}
/*Contact us*/
.yoga-template .contact-section .appointment
.appointment-form .box-select::before {
content: "\f0dd";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 41%;
right: -0.6%;
width: 35px;
height: 38px;
text-align: center;
font-size: 14px;
line-height: 37px;
color: rgb(255, 255, 255);
background-color: rgb(123, 108, 213);
font-weight: 600;
border-radius: 3px;
transform: translate(-50%, -50%);
}
}

View File

@@ -0,0 +1,593 @@
* {
margin: 0;
padding: 0;
}
body {
width: 100%;
height: auto;
background-color: #fff;
font-family: 'Open Sans', sans-serif;
color: #555;
font-size: 15px;
line-height: 30px;
font-weight: normal;
text-align: left;
}
h1,h2,h3,
h4,h5,h6 {
font-size: inherit;
line-height: inherit;
font-family: 'Josefin Sans', sans-serif;
}
h1,h2,h3,
h4,h5,h6,p,ul,li,a,span {
margin:0;
}
a {
text-decoration: none;
color:#555;
cursor: pointer;
}
.main-container {
max-width: 1920px;
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
.inside-container {
max-width: 940px;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0 15px;
}
.sections-detail {
margin: 0 0 55px;
}
.section-title {
font-family: 'Roboto Slab', serif;
font-size: 28px;
line-height: 40px;
letter-spacing: 0.84px;
font-weight: 700;
color: #7b6cd5;
text-align: center;
}
.section-title-desc {
font-size: 15px;
line-height: 40px;
font-weight: 400;
letter-spacing: 0.45px;
color: #666;
text-align: center;
}
/*Banner*/
.yoga-template .banner {
background-image: url(../img/yoga-header.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: auto;
color:#fff;
position: relative;
}
.yoga-template .banner .banner-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
max-width: 1920px;
background-color: rgba(0,0,0,.5);
z-index: 2;
}
.yoga-template .banner .top-bar{
padding:26px 15px;
border-bottom: 1px solid #fff;
}
.yoga-template .banner .top-bar-left ,
.top-bar-right {
padding-top: 24px;
z-index: 3;
}
.yoga-template .banner .top-bar-left a {
color:#fff;
font-size: 18px;
letter-spacing: 0.18px;
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;
vertical-align: middle
}
.yoga-template .banner .logo {
text-align: center;
z-index: 3;
}
.yoga-template .banner .top-bar-right {
text-align: right;
}
.yoga-template .banner .top-bar-right a {
font-family: 'Open Sans', sans-serif;
color:#fff;
font-size: 18px;
letter-spacing: 0.18px;
font-weight: 400;
vertical-align: middle
}
.yoga-template .banner .top-bar-left a:hover,
.yoga-template .banner .top-bar-right a:hover{
color:#fe86d4;
text-decoration: none;
}
.yoga-template .banner .top-bar-left i,
.top-bar-right i {
font-size: 16px;
background-color: #fff;
width: 28px;
height: 28px;
border-radius: 50%;
text-align: center;
color: #3e2d40;
vertical-align: middle;
padding-top: 5px;
}
.yoga-template .banner .banner-content {
padding: 126px 15px;
}
.yoga-template .banner .banner-content .content-col {
text-align: center;
z-index: 3;
}
.yoga-template .banner .banner-content .site-title {
font-family: 'Josefin Sans', sans-serif;
font-size: 40px;
line-height: 40px;
font-weight: 700;
margin-bottom: 18px;
padding-right: 15px;
}
.yoga-template .banner .banner-content .site-title-desc {
font-size: inherit;
line-height: 25px;
letter-spacing: 0.45px;
margin-bottom: 51px;
width: 97%;
}
.yoga-template .banner .banner-content a.banner-btn {
font-family: 'Josefin Sans', sans-serif;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.6px;
font-weight: 700;
padding: 21px 32px 19px;
background-color: #fe86d4;
color:#fff;
border-radius: 3px;
text-transform: uppercase;
}
.yoga-template .banner .banner-content a.banner-btn:hover {
text-decoration: none;
color: #7b6cd5;
}
/*Service*/
.yoga-template .service-section {
padding: 62px 15px;
}
.yoga-template .service-section .service-detail {
text-align: center;
}
.yoga-template .service-section .service-detail a:hover {
text-decoration: none;
}
.yoga-template .service-section .service-detail a:hover .service-title{
text-decoration: none;
color: #fe86d4;
}
.yoga-template .service-section .service-title {
font-family: 'Josefin Sans', sans-serif;
font-size: 25px;
line-height: 40px;
font-weight: 700;
letter-spacing: 0.75px;
color: #000;
margin-bottom: 15px;
}
.yoga-template .service-section .service-desc {
font-family: inherit;
font-size: inherit;
line-height: 25px;
font-weight: 400;
letter-spacing: 0.40px;
}
.yoga-template .service-section .service-detail-img {
max-width: 90px;
height: auto;
}
/*Class Yoga Club*/
.yoga-template .best-class-club .detail-col-club{
padding-bottom: 10px;
}
.yoga-template .best-class-club .best-class-club-desc {
background-color: #f5f5f5;
padding: 60px 15px;
}
.yoga-template .best-class-club .best-class-club-desc .club-section-title {
font-family: 'Roboto Slab', serif;
font-size: 28px;
line-height: 40px;
color: #7b6cd5;
font-weight: 600;
text-align: left;
}
.yoga-template .best-class-club .best-class-club-desc ul {
list-style: none;
padding: 0;
margin: 20px 0 13px;
}
.yoga-template .best-class-club .best-class-club-desc ul li {
padding-left: 1.3em;
margin-bottom: 10px;
}
.yoga-template .best-class-club .best-class-club-desc ul li:before {
content:"\f0e7";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
font-size: 12px;
line-height: 40px;
color: #7b6cd5;
}
.yoga-template .best-class-club .best-class-club-img {
background-image: url(../img/the-best-class-yoga.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
}
/*Advantages*/
.yoga-template .advantages-section {
padding: 60px 15px 270px;
}
.yoga-template .advantages-section {
background-image: url(../img/advantages-of-yoga.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.yoga-template .advantages-section .advantages-detail a:hover {
text-decoration: none;
}
.yoga-template .advantages-section .advantages-detail a:hover .advantages-detail-title {
text-decoration: none;
color: #fe86d4;
}
.yoga-template .advantages-section .advantages-detail-title {
font-family: 'Josefin Sans', sans-serif;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.6px;
font-weight: 600;
color: #444;
}
.yoga-template .advantages-section .advantages-detail-desc {
font-family: inherit;
font-size: inherit;
line-height: 25px;
letter-spacing: 0.45px;
color: #666;
}
.yoga-template .advantages-section .advantages-detail-img svg{
max-width: 50px;
height: auto;
}
.yoga-template .advantages-section .advantages-detail-soul,
.yoga-template .advantages-section .advantages-detail-health,
.yoga-template .advantages-section .advantages-detail-relax {
text-align: right;
width: 50%;
}
.yoga-template .advantages-section .advantages-detail-soul {
margin: 0 0 24px auto;
}
.yoga-template .advantages-section .advantages-detail-health {
margin: 0 auto 24px;
}
.yoga-template .advantages-section .advantages-detail-energy,
.yoga-template .advantages-section .advantages-detail-mind,
.yoga-template .advantages-section .advantages-detail-meditat {
width: 50%;
}
.yoga-template .advantages-section .advantages-detail-energy {
margin-bottom: 24px;
}
.yoga-template .advantages-section .advantages-detail-mind {
margin: 0 auto 24px;
}
.yoga-template .advantages-section .advantages-detail-meditat {
margin-left: auto;
}
/*Yoga Place*/
.yoga-template .yogaPlace-section {
padding: 60px 15px;
background-color: #f5f5f5;
text-align: center;
}
.yoga-template .yogaPlace-section .yogaPlace-img {
width: 145px;
height: 145px;
background-color: #fff;
border-radius: 50%;
margin: 0 auto 18px;
overflow: hidden;
}
.yoga-template .yogaPlace-section .yogaPlace-img .yogaPlace-in-img {
max-width: 145px;
border-radius: 50%;
}
.yoga-template .yogaPlace-section .yogaPlace-col a:hover {
text-decoration: none;
}
.yoga-template .yogaPlace-section .yogaPlace-col a:hover .yogaPlace-title {
text-decoration: none;
color: #fe86d4;
}
.yoga-template .yogaPlace-section .yogaPlace-title {
font-family: 'Josefin Sans', sans-serif;
font-size: 22px;
line-height: 40px;
letter-spacing: 0.88px;
font-weight: 600;
color: #434343;
}
.yoga-template .yogaPlace-section .yogaPlace-desc {
font-family: inherit;
font-size: 15px;
line-height: 25px;
letter-spacing: 0.45px;
font-weight: 400;
color: #666;
}
/*Contact us*/
.yoga-template .contact-section {
padding: 60px 15px;
}
.yoga-template .contact-section .appointment {
border: 1px solid #666;
border-radius: 3px;
padding: 30px 28px 25px;
}
.yoga-template .contact-section .appointment .appointment-title {
font-family: 'Josefin Sans', sans-serif;
font-size: 30px;
line-height: 40px;
font-weight: 600;
letter-spacing: 0.6px;
text-align: center;
color:#7b6cd5;
}
.yoga-template .contact-section .appointment .appointment-desc {
font-family: inherit;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.56px;
color:#888;
text-align: center;
}
.yoga-template .contact-section .appointment .appointment-form {
margin-top: 40px;
}
.yoga-template .contact-section .appointment
.appointment-form .appointment-form-input {
border: 1px solid #999;
height: 38px;
margin-bottom: 9px;
font-size: 12px;
line-height: 40px;
letter-spacing: 0.48px;
}
.yoga-template .contact-section .appointment
.appointment-form .data-input {
text-transform: uppercase;
}
.yoga-template .contact-section .appointment
.appointment-form .appointment-form-text {
border: 1px solid #999;
margin-bottom: 20px;
font-size: 12px;
line-height: 40px;
letter-spacing: 0.48px;
}
.yoga-template .contact-section .appointment
.appointment-form .box-select::before {
content: "\f0dd";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 41%;
right: -5%;
width: 35px;
height: 38px;
text-align: center;
font-size: 14px;
line-height: 37px;
color: rgb(255, 255, 255);
background-color: rgb(123, 108, 213);
font-weight: 600;
border-radius: 3px;
transform: translate(-50%, -50%);
}
.yoga-template .contact-section .appointment
.appointment-form .appointment-form-col-left {
padding-right: 7px;
}
.yoga-template .contact-section .appointment
.appointment-form .appointment-form-col-right {
padding-left: 7px;
padding-right: 7px;
}
.yoga-template .contact-section .appointment
.appointment-form .appointment-form-btn {
width: 100%;
padding: 18px 0 13px;
background-color: #7b6cd5;
border: 1px solid #7b6cd5;
border-radius: 3px;
color: #fff;
font-family: 'Josefin Sans', sans-serif;
font-size: 20px;
line-height: 25px;
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.yoga-template .contact-section .open-time {
text-align: center;
}
.yoga-template .contact-section .open-time .weekdays {
margin-top: 50px;
}
.yoga-template .contact-section .open-time .weekends {
margin-top: 40px;
}
.yoga-template .contact-section .open-time .open-time-title {
font-family: 'Josefin Sans', sans-serif;
font-size: 25px;
line-height: 40px;
font-weight: 600;
letter-spacing: 0.25px;
color: #7b6cd5;
margin-bottom: 5px;
}
.yoga-template .contact-section .open-time .open-time-clock {
font-family: inherit;
font-size: 18px;
line-height: 40px;
letter-spacing: 0.72px;
font-weight: 600;
color:#444;
}
.yoga-template .contact-section .open-time .open-time-course {
font-family: inherit;
font-size: inherit;
line-height: 40px;
letter-spacing: 0.6px;
color: inherit;
}
/* Trainers*/
.yoga-template .trainer-section {
padding: 60px 15px;
background-color: #f5f5f5;
text-align: center;
}
.yoga-template .trainer-section .trainer-col {
margin-bottom: 40px;
}
.yoga-template .trainer-section .trainer-img {
width: 182px;
height: 182px;
background-color: #fff;
border-radius: 50%;
margin: 0 auto 12px;
overflow: hidden;
border: unset;
}
.yoga-template .trainer-section .trainer-img .trainer-in-img {
max-width: 182px;
border-radius: 50%;
}
.yoga-template .trainer-section .trainer-col a:hover {
text-decoration: none;
}
.yoga-template .trainer-section .trainer-col a:hover .trainer-title {
text-decoration: none;
color: #fe86d4;
}
.yoga-template .trainer-section .trainer-title {
font-family: 'Josefin Sans', sans-serif;
font-size: 20px;
line-height: 40px;
letter-spacing: 0.8px;
font-weight: 600;
color: #444;
}
.yoga-template .trainer-section .trainer-desc {
font-family: inherit;
font-size: 15px;
line-height: 40px;
letter-spacing: 0.45px;
font-style: italic;
font-weight: 400;
color: #666;
}
/*Join Us*/
.yoga-template .join-us-section {
padding: 55px 15px;
text-align: center;
}
.yoga-template .join-us-section .join-us-btn {
font-family: 'Josefin Sans', sans-serif;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.6px;
font-weight: 700;
color:#fff;
text-transform:uppercase;
background-color: #7b6cd5;
border: 1px solid #7b6cd5;
border-radius: 3px;
padding: 21px 52px 19px 53px;
}
.yoga-template .join-us-section .join-us-btn:hover {
text-decoration: none;
color: #fe86d4;
}
.yoga-template .join-us-section .join-us-call {
font-family: inherit;
font-size: 16px;
line-height: 40px;
letter-spacing: 0.64px;
margin-top: 22px;
}
.yoga-template .join-us-section .join-us-phone-nr {
font-family: inherit;
font-size: 18px;
line-height: inherit;
letter-spacing: inherit;
font-weight: 600;
color: #222;
}
.yoga-template .join-us-section .join-us-phone-nr:hover {
text-decoration: none;
color: #fe86d4;
}
/*Copyright*/
.yoga-template .footer .copyright {
padding: 50px 15px;
background-color: #7b6cd5;
color: #fff;
font-family: inherit;
font-size: 14px;
line-height: 26px;
}
.yoga-template .footer .copyright .created-by {
color: #fff;
}
.yoga-template .footer .copyright .created-by:hover {
color: #fe86d4;
text-decoration: none;
}
.yoga-template .footer .copyright .social {
text-align: right;
font-size: 14px;
line-height: 26px;
}
.yoga-template .footer .copyright .social a {
color: #fff;
}
.yoga-template .footer .copyright .social a:hover {
color: #fe86d4;
}
.yoga-template .footer .copyright .social .fab {
padding-left: 14px;
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -0,0 +1,88 @@
@font-face {
font-family: 'Josefin Sans';
src: url('JosefinSans-Bold.eot');
src: url('JosefinSans-Bold.eot?#iefix') format('embedded-opentype'),
url('JosefinSans-Bold.woff2') format('woff2'),
url('JosefinSans-Bold.woff') format('woff'),
url('JosefinSans-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Josefin Sans';
src: url('JosefinSans-SemiBold.eot');
src: url('JosefinSans-SemiBold.eot?#iefix') format('embedded-opentype'),
url('JosefinSans-SemiBold.woff2') format('woff2'),
url('JosefinSans-SemiBold.woff') format('woff'),
url('JosefinSans-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('OpenSans-SemiBold.eot');
src: url('OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
url('OpenSans-SemiBold.woff2') format('woff2'),
url('OpenSans-SemiBold.woff') format('woff'),
url('OpenSans-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Roboto Slab';
src: url('RobotoSlab-Bold.eot');
src: url('RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
url('RobotoSlab-Bold.woff2') format('woff2'),
url('RobotoSlab-Bold.woff') format('woff'),
url('RobotoSlab-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('OpenSans-Regular.eot');
src: url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
url('OpenSans-Regular.woff2') format('woff2'),
url('OpenSans-Regular.woff') format('woff'),
url('OpenSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('OpenSans-Bold.eot');
src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
url('OpenSans-Bold.woff2') format('woff2'),
url('OpenSans-Bold.woff') format('woff'),
url('OpenSans-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto Slab';
src: url('RobotoSlab-Regular.eot');
src: url('RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
url('RobotoSlab-Regular.woff2') format('woff2'),
url('RobotoSlab-Regular.woff') format('woff'),
url('RobotoSlab-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Josefin Sans';
src: url('JosefinSans-Regular.eot');
src: url('JosefinSans-Regular.eot?#iefix') format('embedded-opentype'),
url('JosefinSans-Regular.woff2') format('woff2'),
url('JosefinSans-Regular.woff') format('woff'),
url('JosefinSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
web/sport/yoga/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 252 KiB

579
web/sport/yoga/index.html Normal file
View File

@@ -0,0 +1,579 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Free Template">
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-grid.css">
<!--Stylesheet-->
<link rel="stylesheet" type="text/css" href="css/normailze.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<!--Font-->
<link rel="stylesheet" type="text/css" href="font/web-font.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css" rel="stylesheet">
<title>Yoga</title>
</head>
<body>
<div class="main-container yoga-template">
<!--Banner section-->
<div class="banner">
<div class="banner-overlay"></div>
<div class="inside-container top-bar">
<div class="row">
<div class="col-md-4 top-bar-left order-2 order-md-12">
<i class="fas fa-envelope-open-text"></i>
<a href="mailto:info@webdomus.net">info@webdomus.net</a>
</div>
<div class="col-md-4 logo order-1 order-md-12">
<img class="logo-img" src="img/logo1.png" alt="">
</div>
<div class="col-md-4 top-bar-right order-3 order-md-12">
<i class="fas fa-phone-alt"></i>
<a href="tel:+39.0874.484661">+39.0874.484661</a>
</div>
</div>
</div>
<div class="inside-container banner-content">
<div class="row">
<div class="col-12 content-col">
<h1 class="site-title">Be peaceful in mind and healthy in Body!</h1>
<p class="site-title-desc">At solmen va esser necessi fa uniform grammatica, pronunciation plu sommun paroles.</p>
<a class="banner-btn" href="#">Join us now</a>
</div>
</div>
</div>
</div>
<!--Service-->
<div class="inside-container service-section">
<div class="row sections-detail">
<div class="col-12">
<h2 class="section-title">Your Natural of Yoga</h2>
<p class="section-title-desc">Yoga is a mind and body practice with origins in ancient Indian philosophy</p>
</div>
</div>
<div class="row service-detail">
<div class="col-lg-4">
<svg version="1.1" class="service-detail-img" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 90 65" style="enable-background:new 0 0 90 65;" xml:space="preserve">
<g id="Icon_3_">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FE86D4;" d="M76.92,39.764c-0.337,0-4.672-3.362-9.909-6.196
c2.071-6.184,2.881-12.203,2.881-12.646c0.37-0.369,0-1.108-0.37-1.478c-0.37-0.369-0.74-0.369-1.479-0.369
c-0.348,0.347-9.207,1.352-16.416,4.544c-2.682-4.936-5.582-8.782-5.778-8.978c-0.74-0.739-2.219-0.739-2.959,0
c-0.2,0.396-3.17,4.323-5.881,9.295c-7.187-3.195-15.964-4.492-16.312-4.492c-0.37-0.369-1.11,0-1.479,0.37
c-0.37,0.369-0.37,0.739-0.37,1.478c0,0.428,0.747,6.037,2.659,11.977c-5.763,2.889-10.076,6.495-10.427,6.495
c-0.37,0.369-0.74,0.739-0.74,1.478c0,0.739,0.37,1.108,0.74,1.478c0.74,0.369,13.686,10.344,22.933,10.344
c4.701,0,7.979-1.411,9.798-4.064h0.47c1.964,2.653,5.001,4.064,9.706,4.064c9.247,0,22.563-9.975,22.933-10.344
c0.37-0.37,0.74-0.739,0.74-1.478C77.66,40.503,77.29,40.134,76.92,39.764z M65.823,23.139c-0.74,4.803-2.959,14.408-7.398,18.842
c-1.539,1.537-2.815,2.346-3.921,2.741c1.036-1.685,1.701-3.949,1.701-7.175c0-3.318-1.295-7.16-2.967-10.74
C57.512,24.765,62.846,23.801,65.823,23.139z M35.344,27.24c-1.59,3.44-2.811,7.094-2.811,10.307c0,3.506,0.762,5.919,1.968,7.633
c-1.165-0.355-2.519-1.164-4.187-2.83c-4.439-4.064-6.658-14.039-7.398-18.842C25.879,24.166,30.887,25.411,35.344,27.24z
M34.379,49.37c-5.915,0-14.422-5.542-18.491-8.128c1.805-1.201,4.346-2.649,7.021-4.138c1.254,3.019,2.833,5.856,4.816,7.832
C30.314,47.522,33.273,49,35.862,49c0.877,0,1.953-0.299,2.926-0.761c0.196,0.063,0.388,0.126,0.588,0.177
C38.307,48.974,36.743,49.37,34.379,49.37z M44.37,44.937c-4.809,0-8.138-0.37-8.138-7.758c0-5.911,5.548-14.408,8.138-18.472
c2.589,4.064,8.138,12.561,8.138,18.472C52.507,44.567,49.178,44.937,44.37,44.937z M53.617,49.37
c-2.193,0-3.628-0.34-4.642-0.835c0.503-0.118,0.995-0.266,1.465-0.443c0.84,0.322,1.705,0.54,2.437,0.54
c2.589,0,5.179-1.109,8.138-4.064c1.861-1.858,3.362-4.474,4.579-7.285c2.719,1.426,5.075,2.808,6.518,3.96
C68.412,43.828,59.535,49.37,53.617,49.37z"/>
</g>
</g>
</svg>
<a href="#"><h3 class="service-title">Choose the class</h3></a>
<p class="service-desc">It va esser tam simplic quam Occidental in fact, it va esser Occidental.</p>
</div>
<div class="col-lg-4">
<svg version="1.1" class="service-detail-img" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 90 65" style="enable-background:new 0 0 90 65;" xml:space="preserve">
<g id="Icon_4_">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FE86D4;" d="M65.393,41.745c-0.073,0-23.313,0-23.313,0L26.667,28.974
v-3.708c0-1.309-1.066-2.351-2.351-2.351c-1.309,0-2.351,1.066-2.351,2.351V53.79c0,1.309,1.066,2.351,2.351,2.351
c1.309,0,2.351-1.066,2.351-2.351V35.081l13.062,10.833c0.412,0.339,0.945,0.557,1.502,0.557h21.786v7.319
c0,1.309,1.066,2.351,2.351,2.351c1.309,0,2.351-1.066,2.351-2.351v-9.694C67.743,42.812,66.677,41.745,65.393,41.745z
M27.83,22.527c2.229,0.049,4.12-1.696,4.168-3.926c0.048-2.23-1.745-4.071-3.999-4.12c-2.254-0.048-4.12,1.697-4.168,3.926
C23.783,20.637,25.577,22.479,27.83,22.527z M28.994,23.981c-0.194,0.218-0.339,0.46-0.436,0.727
c-0.388,0.751-0.557,2.06,0.582,3.078L42.08,39.128c0.436,0.364,2.181,1.139,3.999,0.145c2.666-1.478,10.469-6.301,10.469-6.301
l7.125,6.786c0.872,0.824,2.254,0.8,3.078-0.073c0.824-0.872,0.8-2.254-0.073-3.078l-8.336-7.925
c-0.703-0.679-1.769-0.8-2.617-0.291l-9.306,5.574c-0.048-0.048-0.097-0.097-0.17-0.145L34.664,24.66l3.902-4.435
c0.63,0.242,1.309,0.364,2.011,0.364c3.247,0,5.865-2.617,5.865-5.865c0-3.248-2.617-5.865-5.865-5.865
c-3.247,0-5.865,2.617-5.865,5.865c0,0.8,0.17,1.551,0.46,2.254L28.994,23.981z M40.577,12.882c1.018,0,1.842,0.824,1.842,1.842
s-0.824,1.842-1.842,1.842c-1.018,0-1.842-0.824-1.842-1.842S39.584,12.882,40.577,12.882z"/>
</g>
</g>
</svg>
<a href="#"><h3 class="service-title">Workout Routines</h3></a>
<p class="service-desc">It va esser tam simplic quam Occidental A un gleso va semblar simplificat.</p>
</div>
<div class="col-lg-4">
<svg version="1.1" class="service-detail-img" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 90 65" style="enable-background:new 0 0 90 65;" xml:space="preserve">
<g id="Icon_5_">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FE86D4;" d="M73.807,31.482H53.889c-0.69,0,0-0.638,0-0.638l-0.007-0.002
c0.315-0.291,0.561-0.559,0.741-0.764c3.18-4.2,0.47-10.455,0.054-11.352c-1.486-2.617-3.294-4.055-5.108-4.788
c-0.141-0.052-0.278-0.1-0.442-0.171c-0.818-0.302-1.771-0.591-2.825-0.808c-4.616-0.69-8.99,1.472-9.028,1.491
c-3.991,2.281-14.17,8.277-18.715,12.622c-0.222,0.208-0.44,0.424-0.651,0.652c-0.167,0.177-0.32,0.348-0.464,0.517
c-0.038,0.047-0.079,0.088-0.115,0.135c-0.135,0.165-0.261,0.328-0.373,0.485l0.031-0.013c-0.89,1.219-1.619,2.665-2.067,4.415
c-1.441,4.545,0.106,14.695,8.643,17.896c0.378,0.125,2.029,0.61,4.509,0.61h23.381c0.81-0.031,2.752-0.297,4.618-1.962
c0-0.002,0-0.002,0.003-0.004l17.4-15.578l0.498-0.446C76.441,31.566,73.807,31.482,73.807,31.482z M37.499,18.076
c0.056-0.033,8.455-4.878,12.948,0.829c0.593,0.821,1.215,1.823,1.695,2.909c0.046,0.157,1.35,4.826-0.808,7.232
c-0.021,0.021-0.037,0.046-0.058,0.065c-0.048,0.052-0.109,0.096-0.159,0.144c-0.189,0.177-0.389,0.354-0.613,0.523l-9.391,7.026
c0.226-4.088-1.45-8.173-2.297-9.533c-2.171-3.144-5.231-4.185-7.106-4.532c-0.584-0.102-1.678-0.122-1.678-0.122L37.499,18.076z
M67.862,35.813l-12.23,11.127c-1.897,1.723-3.909,2.027-4.804,2.07H27.525c-1.828,0-3.754-0.677-3.928-0.738
c-0.569-0.276-1.169-0.601-1.775-0.99c-6.676-4.279-4.672-12.448-4.347-13.615c0.007-0.019,0.011-0.037,0.018-0.057
c0.015-0.057,0.028-0.095,0.028-0.095l-0.002-0.001c1.435-4.548,4.818-7.862,11.184-8.055c0.795,0.015,3.099,0.203,5.148,1.757
c0.505,0.412,1.008,0.895,1.502,1.48c0.977,1.263,3.243,4.942,2.211,9.195c-0.831,2.789-2.038,3.994-3.701,5.115
c-1.665,1.123-4.966,2.156-8.067,0.258c-1.807-1.238-3.184-3.361-2.927-6.18c0.259-2.817,3.158-4.856,5.74-4.252
c2.584,0.603,4.106,4.481,1.32,6.034c-1.312,0.558-2.105,0.227-2.625-0.485l-0.001,0.004c0,0-0.747-0.696-1.695-0.266
c-0.938,0.428-0.637,1.764-0.633,1.787c1.023,1.506,2.989,2.632,5.936,1.591c0.679-0.239,1.232-0.614,1.691-1.066h0.007
c0,0,0.045-0.046,0.108-0.113c0.1-0.104,0.194-0.215,0.285-0.328c1.014-1.251,3.395-5.016-0.393-9.268
c-2.209-1.772-9.049-3.675-11.907,3.96c-0.106,0.252-0.201,0.511-0.283,0.784c-0.013,0.039-0.028,0.069-0.041,0.108
c0.003,0.002,0.003,0,0.005,0.002c-0.502,1.729-0.5,3.84,0.533,6.193c2.296,5.23,8.926,6.636,13.748,4.051
c0.874-0.468,1.665-1.047,2.368-1.713l-0.004,0.006l11.654-9.152c0,0,0.815-0.736,2.065-0.736h17.09
C69.5,34.224,68.059,35.629,67.862,35.813z"/>
</g>
</g>
</svg>
<a href="#"><h3 class="service-title">Yoga challenge</h3></a>
<p class="service-desc">It va esser tam simplic quam Occidental A un gleso va semblar simplificat.</p>
</div>
</div>
</div>
<!--Class Yoga Center-->
<div class="best-class-club">
<div class="row best-class-sections-detail">
<div class="col-lg-6 best-class-club-desc">
<div class="row">
<div class="col-lg-4">
</div>
<div class="col-lg-8 detail-col-club">
<h2 class="club-section-title">The Best Class for your Yoga Center</h2>
<p>At solmen li esser necessi uniform grammatica, pronunciation sommun paroles, quande li coalingue simplic regulari quam coalescent lingues.</p>
<ul>
<li>Vivamus semper odio in nibh ultricies</li>
<li>Duis rhoncus lectus at velit hendrerit quis</li>
<li>Nam gravida magna vitae ante dignissim</li>
</ul>
<p>Necessi uniform grammatica, pronunciation sommun paroles, quande li coalingue simplic regulari coalescent lingues.</p>
</div>
</div>
</div>
<div class="col-lg-6 best-class-club-img">
</div>
</div>
</div>
<!--Advantages-->
<div class="advantages-section">
<div class="row sections-detail">
<div class="col-12">
<h2 class="section-title">Advantages of Yoga</h2>
<p class="section-title-desc">At solmen li esser necessi uniform grammatica, pronunciation</p>
</div>
</div>
<div class="row advantages-detail">
<div class="col-lg-5">
<div class="row">
<div class="col-12">
<div class="advantages-detail-soul">
<div class="advantages-detail-img">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<g id="Icon_6_">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FE86D4;" d="M10.065,20.685c0.763-0.161,2.295,0.756,2.514,0.936
c0.482,0.418,0.889,0.856,1.283,1.281c1.154,1.243,2.244,2.418,4.699,2.332c1.912-0.067,3.115,0.813,4.508,1.832
c0.672,0.492,1.367,1,2.202,1.453c0.004,0.002,0.009,0.005,0.015,0.007c0.192,0.091,0.519,0.156,0.985-0.056c0,0,0,0,0,0
c1.165-0.531,2.756-2.672,2.374-4.111c-0.16-0.603-0.717-1.289-2.461-1.133c-2.627,0.232-4.318-0.027-5.027-0.771
c-0.317-0.332-0.433-0.762-0.356-1.314c0.073-0.523,0.403-1.073,0.751-1.656c0.527-0.88,1.124-1.878,1.095-3.142
c-0.015-0.692,0.221-4.335,0.26-4.64c0.016-0.065,0.01-0.137-0.021-0.202c-0.071-0.152-0.252-0.218-0.405-0.148
c-0.002,0-0.003,0.001-0.004,0.002c-1.044,0.491-3.016,2.296-4.194,3.374c-0.061,0.056-0.119,0.109-0.175,0.159
c-1.307-2.138-3.138-2.965-3.219-3c-0.096-0.043-0.208-0.033-0.296,0.027c-0.088,0.059-0.138,0.159-0.134,0.265
c0.001,0.032,0.122,3.206-0.003,4.688c-0.049,0.583-0.207,0.854-0.603,1.035c-0.406,0.185-1.078,0.28-1.962,0.365
c-0.279,0.027-0.503,0.081-0.687,0.164c-0.488,0.222-0.599,0.611-0.697,0.954c-0.079,0.275-0.468,0.535-0.731,0.783
c-0.123,0.116-0.128,0.309-0.012,0.432C9.845,20.683,9.96,20.712,10.065,20.685z M44.635,29.528
c-2.723-0.527-5.31-0.896-7.91-1.13c-0.517-0.046-1.04-0.07-1.556-0.07c-3.377,0-6.135,0.971-8.802,1.911
c-0.752,0.265-1.849,0.529-3.012,0.81c-1.697,0.409-3.451,0.832-4.278,1.298c-0.749,0.422-1.031,0.938-0.839,1.533
c0.281,0.868,1.443,1.255,3.767,1.255c1.553,0,3.472-0.172,5.504-0.354c0.326-0.029,0.658-0.059,0.993-0.089
c-2.778,0.746-5.148,1.124-7.056,1.124c-2.191,0-3.621-0.508-4.025-1.431c-0.286-0.652-0.015-1.472,0.761-2.309l0.115-0.124
l-0.165-0.041c-0.085-0.021-8.558-2.108-10.182-2.464c-0.358-0.078-0.722-0.118-1.081-0.118c-1.291,0-2.34,0.512-2.494,1.217
c-0.075,0.341,0.01,1.008,1.423,1.656l12.385,5.204c0.413,0.152,0.838,0.329,1.288,0.516c1.375,0.571,2.797,1.161,4.118,1.161
c0.55,0,1.076-0.057,1.608-0.175c0.959-0.212,3.38-0.927,5.943-1.685c2.495-0.737,5.076-1.5,6.108-1.732
c0.81-0.182,1.645-0.27,2.553-0.27c1.565,0,3.1,0.263,4.666,0.555l0.533,0.1v-6.277L44.635,29.528z"/>
</g>
</g>
</svg>
</div>
<a href="#"><h3 class="advantages-detail-title">Mind and soul</h3></a>
<p class="advantages-detail-desc">A un Angleso semblar un simplificat Angles, quam un skepticbridge.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="advantages-detail-health">
<div class="advantages-detail-img">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<g id="Icon_10_">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FE86D4;" d="M36.703,25.762c-0.205-5.767-1.926-11.358-5.408-16.024
c-0.313-0.418-0.669-0.788-1.057-1.105c-1.189-1.821-2.692-3.417-4.646-4.455c-2.905-1.543-6.139-0.19-6.907,2.991
c-0.719,2.98-0.175,6.641-0.212,9.67c-0.022,1.991-0.046,3.983-0.068,5.973c1.925-0.476,3.968-0.685,6.127-0.603
c0.023-2.014,0.046-4.026,0.07-6.038c1.445,2.369,2.392,4.908,2.754,7.659c-5.369-0.938-10.769-0.285-15.362,2.998
c-2.535,1.81-0.095,6.018,2.469,4.186c4.285-3.062,9.034-3.285,14.026-1.978c0.262,0.069,0.506,0.085,0.741,0.079
C31.93,31.166,36.857,30.069,36.703,25.762z M18.317,30.524c-0.05,4.334-0.1,8.671-0.15,13.005c-0.044,3.909,6.076,3.906,6.12,0
l-0.109-14.065C22.052,29.396,20.116,29.751,18.317,30.524z M34.182,30.904c-2.706,0-4.896,2.172-4.896,4.847
c0,2.678,2.192,4.849,4.896,4.849c2.702,0,4.893-2.171,4.893-4.849C39.075,33.075,36.884,30.904,34.182,30.904z"/>
</g>
</g>
</svg>
</div>
<a href="#"><h3 class="advantages-detail-title">Good for health</h3></a>
<p class="advantages-detail-desc">A un Angleso semblar un simplificat Angles, quam un skepticbridge.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="advantages-detail-relax">
<div class="advantages-detail-img">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<g id="Icon_8_">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FE86D4;" d="M40.96,35.306c0.33-1.05-0.254-2.169-1.303-2.499
c-4.685-1.473-6.675-9.866-7.141-12.961c-0.068-0.438-0.295-0.864-0.295-0.864c-0.86-1.638-4.117-2.402-4.484-2.446
c-0.658-0.079-0.742-0.583-0.77-0.754c1.15-0.8,1.927-2.732,1.927-4.477c0-2.577-0.272-4.666-3.782-4.666
c-0.047,0-0.227,0-0.274,0c-3.51,0-3.781,2.089-3.781,4.666c0,1.745,0.777,3.677,1.927,4.477c-0.028,0.171-0.137,0.683-0.77,0.754
c-0.395,0.044-4.133,0.927-4.636,2.833c0,0-0.062,0.272-0.099,0.485c-0.005,0.028-0.392,2.907-1.551,6.034
c-0.989,2.667-2.76,6.032-5.584,6.92c-1.05,0.33-1.633,1.449-1.303,2.499c0.265,0.844,1.04,1.386,1.878,1.395
c-1.679,0.966-1.925,2.313-1.925,3.011c0,0.277,0.143,1.179,0.799,2.01c0.588,0.747,1.761,1.637,4.005,1.637
c0.337,0,0.693-0.02,1.059-0.059c1.493-0.161,2.999-0.402,4.454-0.635c0.528-0.085,1.056-0.169,1.585-0.25
c0.704-0.108,1.974-0.18,3.772-0.213h0.617c1.799,0.033,3.068,0.105,3.772,0.213c0.529,0.081,1.057,0.165,1.585,0.25
c1.456,0.233,2.961,0.474,4.454,0.635c0.366,0.039,0.722,0.059,1.059,0.059c2.244,0,3.417-0.89,4.005-1.637
c0.655-0.831,0.799-1.733,0.799-2.01c0-0.698-0.246-2.045-1.925-3.011c0.009,0,0.019,0.001,0.028,0.001
C39.907,36.702,40.693,36.158,40.96,35.306z M17.684,35.054c-1.01,0.315-1.243,0.348-2.107,0.47
c-0.281,0.039-0.627,0.089-1.085,0.16c-0.449,0.048-0.86,0.112-1.239,0.189c2.598-1.436,4.694-4.174,6.247-8.17
c0.087,0.779,0.14,1.636,0.14,2.579C19.64,33.358,18.082,34.93,17.684,35.054z M35.459,35.684
c-0.458-0.071-0.803-0.125-1.085-0.16c-2.722-0.335-4.063-2.166-4.063-5.242c0-0.984,0.058-1.875,0.151-2.679
c1.563,4.065,3.681,6.843,6.314,8.286C36.376,35.805,35.939,35.735,35.459,35.684z"/>
</g>
</g>
</svg>
</div>
<a href="#"><h3 class="advantages-detail-title">Relaxation and Refresh</h3></a>
<p class="advantages-detail-desc">A un Angleso semblar un simplificat Angles, quam un skepticbridge.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-2">
<!--Middle-->
</div>
<div class="col-lg-5">
<div class="row">
<div class="col-12">
<div class="advantages-detail-energy">
<div class="advantages-detail-img">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<g id="Icon_9_">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FE86D4;" d="M31.54,10.4c0,0,2.875,5.005,2.875,2.237
c0-2.766-2.274-5.009-5.075-5.009c-2.802,0-5.075,2.242-5.075,5.009C24.264,15.405,31.54,10.4,31.54,10.4z M35.164,6.723
c0.274-0.151,0.542-0.294,0.783-0.395c0.234-0.101,0.473-0.147,0.498-0.092c0.014,0.022-0.059,0.054-0.128,0.049
c-0.069-0.004-0.097-0.017-0.089,0.017c0,0.024,0.036,0.113,0.047,0.159l0.039,0.099c-0.008-0.008,0.017,0.052,0.023,0.074
l0.062,0.19l0.541,1.695c0.407,1.186,0.967,2.517,2.048,3.582c0.538,0.522,1.209,0.944,1.924,1.146
c0.715,0.203,1.446,0.206,2.109,0.013c-0.586-0.367-1.088-0.724-1.475-1.134c-0.391-0.404-0.679-0.83-0.917-1.292
c-0.476-0.919-0.774-1.984-1.168-3.149c-0.202-0.582-0.417-1.193-0.736-1.827l-0.127-0.239L38.52,5.48l-0.066-0.109
c-0.136-0.231-0.271-0.403-0.48-0.613c-0.204-0.198-0.487-0.41-0.85-0.526c-0.362-0.118-0.762-0.109-1.058-0.027
c-0.305,0.078-0.527,0.212-0.712,0.341c-0.184,0.132-0.338,0.266-0.465,0.407c-0.263,0.279-0.458,0.562-0.635,0.844
c-0.175,0.285-0.33,0.565-0.473,0.852c-0.073,0.143-0.147,0.282-0.23,0.414c-0.077,0.143-0.157,0.27-0.283,0.389
c0.363,0.033,0.71-0.14,1.018-0.273C34.6,7.037,34.885,6.872,35.164,6.723z M45.422,40.497c-3.76-1.96-7.587-3.782-11.503-5.393
c-0.36,1.982-0.899,3.936-1.473,5.805c3.377,1.422,6.681,3.004,9.944,4.707C45.813,47.399,48.847,42.282,45.422,40.497z
M31.374,23.708c-0.051-0.086-0.103-0.165-0.158-0.242c-0.185-2.065-1.336-3.865-3.631-4.488c-0.953-0.259-2.051-0.188-3.062,0.15
c-0.058-0.042-0.113-0.083-0.175-0.121c-4.407-2.739-8.633-5.692-12.604-9.023c-2.932-2.459-7.201,1.714-4.246,4.192
c4.28,3.589,8.815,6.822,13.558,9.784c-0.367,1.998-0.844,3.974-1.383,5.933c-4.369-1.349-8.615-3.173-13.255-3.334
c-1.593-0.055-3.061,1.39-3.003,2.966c0.149,4.054,1.444,7.748,3.213,11.375c1.679,3.445,6.856,0.436,5.186-2.991
c-0.78-1.603-1.446-3.241-1.878-4.94c4.152,0.929,8.139,2.93,12.301,3.709c0.044,0.008,0.085,0.012,0.128,0.017
c1.168,0.459,2.496,0.986,2.751,1.071c0.579-1.9,1.075-3.821,1.321-5.735c0.261-0.249,0.547-0.449,0.842-0.61
c-0.14,3.929-1.562,7.923-2.75,11.599c-1.179,3.654,4.618,5.204,5.792,1.576C32.444,38.019,35.155,30.163,31.374,23.708z"/>
</g>
</g>
</svg>
</div>
<a href="#"><h3 class="advantages-detail-title">Yoga for real energy</h3></a>
<p class="advantages-detail-desc">A un Angleso semblar un simplificat Angles, quam un skepticbridge.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="advantages-detail-mind">
<div class="advantages-detail-img">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<g id="Icon_7_">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FE86D4;" d="M34.354,41.248c-0.414-0.064-0.727-0.108-0.981-0.144
c-0.781-0.111-0.991-0.141-1.905-0.425c-0.36-0.112-1.768-1.532-1.768-4.31c0-3.58,0.85-6.741,1.216-7.934
c0.01-0.031,0.033-0.121,0.066-0.243c0.06-0.224,0.504-1.577,0.504-1.577c0.24-0.688,0.489-1.4,0.651-2.131l0.009-0.037
c0.244-1.058,1.045-4.928,1.102-10.28c0-0.54-0.449-1.01-0.718-1.291c-0.049-0.052-0.093-0.097-0.125-0.135
c-0.258-0.3-0.598-0.671-0.992-1.1c-0.259-0.283-0.545-0.594-0.853-0.935c-0.492-0.544-1.042-1.043-1.573-1.524
c-0.653-0.592-1.329-1.204-1.884-1.894c-0.83-1.031-1.596-2.835-1.458-4.29c0.021-0.219-0.03-0.409-0.144-0.534
C25.373,2.324,25.175,2.281,25,2.35c-0.175-0.069-0.374-0.026-0.5,0.114c-0.114,0.125-0.165,0.314-0.144,0.534
c0.139,1.454-0.628,3.259-1.458,4.29c-0.555,0.69-1.231,1.302-1.884,1.894c-0.531,0.482-1.081,0.98-1.573,1.524
c-0.308,0.341-0.594,0.653-0.853,0.935c-0.394,0.429-0.734,0.8-0.992,1.1c-0.032,0.038-0.076,0.083-0.125,0.135
c-0.268,0.281-0.718,0.75-0.718,1.293c0.057,5.349,0.858,9.219,1.102,10.277l0.009,0.037c0.162,0.731,0.411,1.443,0.651,2.131
c0,0,0.443,1.353,0.504,1.577c0.033,0.122,0.057,0.212,0.067,0.243c0.365,1.193,1.215,4.354,1.215,7.934
c0,2.779-1.408,4.199-1.768,4.31c-0.914,0.284-1.123,0.314-1.905,0.425c-0.254,0.036-0.567,0.08-0.981,0.144
c-4.487,0.477-4.971,2.703-4.971,3.639c0,0.251,0.13,1.065,0.722,1.816c0.532,0.674,1.592,1.479,3.621,1.479
c0.304,0,0.626-0.018,0.957-0.054c1.35-0.145,2.711-0.363,4.027-0.573c0.478-0.076,0.955-0.153,1.433-0.226
c0.637-0.098,1.784-0.162,3.41-0.192c0.076-0.002,0.129-0.003,0.155-0.003c0.026,0.001,0.079,0.002,0.155,0.003
c1.626,0.03,2.774,0.094,3.411,0.192c0.478,0.073,0.955,0.15,1.433,0.226c1.316,0.21,2.677,0.428,4.027,0.573
c0.331,0.036,0.653,0.054,0.957,0.054c2.029,0,3.089-0.804,3.621-1.479c0.592-0.751,0.722-1.565,0.722-1.816
C39.325,43.951,38.841,41.725,34.354,41.248z M27.372,23.023c-0.067,0-0.13-0.014-0.194-0.045
c-0.209-0.083-0.476-0.482-0.501-0.637c1.04-0.723,1.742-2.096,1.742-3.672c0-2.328-0.246-4.215-3.419-4.215
c-3.173,0-3.419,1.887-3.419,4.215c0,1.576,0.702,2.949,1.742,3.672c-0.024,0.154-0.298,0.534-0.501,0.637
c-0.064,0.03-0.127,0.045-0.194,0.045c-0.668,0-1.505-1.462-1.725-2.044c-0.375-0.989-0.842-2.689-0.943-5.169l-0.004-0.095
c-0.026-0.523,0.762-1.859,0.866-2.087c0.143-0.315,2.003-3.148,2.556-3.82C23.572,9.57,24.563,8.255,25,7.675
c0.437,0.58,1.427,1.895,1.623,2.133c0.553,0.672,2.412,3.505,2.556,3.82c0.104,0.228,0.892,1.565,0.866,2.087l-0.004,0.095
c-0.101,2.48-0.568,4.18-0.943,5.169C28.878,21.56,28.041,23.023,27.372,23.023z"/>
</g>
</g>
</svg>
</div>
<a href="#"><h3 class="advantages-detail-title">Renewing your mind</h3></a>
<p class="advantages-detail-desc">A un Angleso semblar un simplificat Angles, quam un skepticbridge.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="advantages-detail-meditat">
<div class="advantages-detail-img">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<g id="Icon_11_">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FE86D4;" d="M21.717,11.88c0,1.642,1.301,2.972,2.906,2.972
c1.606,0,2.905-1.33,2.905-2.972c0-1.641-1.299-2.972-2.905-2.972C23.018,8.908,21.717,10.238,21.717,11.88z M28.703,26.392
c0-2.925,0.039-2.994-0.102-5.561c0,0,4.642-5.178,4.642-8.127c0-4.093-6.436-9.518-7.234-8.62
c-0.545,0.61,4.426,4.961,4.426,8.094c0,1.567-2.251,4.199-2.863,4.635c-0.374,0.267-1.589,0.22-3.056,0.24
c-0.926,0.015-2.745-0.017-3.037-0.315c-0.765-0.782-2.742-3.078-2.742-4.234c0-2.437,4.477-8.152,3.781-8.595
c-0.631-0.405-6.877,6.54-6.877,8.705c0,3.321,4.361,8.213,4.361,8.213s-0.035,6.707-0.035,7.408
c0,6.019,2.053,17.872,3.833,17.872c1.096,0,0.139-6.3,0.139-9.286c0-3.547,0.684-7.094,0.684-7.094s5.461,1.948,4.879,2.561
c-1.366,1.437-5.077,2.833-4.597,3.569c0.607,0.925,6.045-0.522,9.277-3.134C35.535,31.631,28.703,26.392,28.703,26.392z"/>
</g>
</g>
</svg>
</div>
<a href="#"><h3 class="advantages-detail-title">Meditation classes</h3></a>
<p class="advantages-detail-desc">A un Angleso semblar un simplificat Angles, quam un skepticbridge.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Yoga Place-->
<div class="yogaPlace-section">
<div class="row sections-detail">
<div class="col-12">
<h2 class="section-title">Our Yoga Classes</h2>
<p class="section-title-desc">At solmen li esser necessi uniform grammatica, pronunciation </p>
</div>
</div>
<div class="inside-container ">
<div class="row yogaPlace-col">
<div class="col-lg-3">
<div class="yogaPlace-img">
<img src="img/kundalini-yoga.jpg" class="yogaPlace-in-img" alt="">
</div>
<a href="#"><h3 class="yogaPlace-title">Kundalini Yoga</h3></a>
<p class="yogaPlace-desc">Li Europan lingues membres del sam familie.</p>
</div>
<div class="col-lg-3">
<div class="yogaPlace-img">
<img src="img/basic-yoga.jpg" class="yogaPlace-in-img" alt="">
</div>
<a href="#"><h3 class="yogaPlace-title">Basic Yoga</h3></a>
<p class="yogaPlace-desc">Li Europan lingues membres del sam familie.</p>
</div>
<div class="col-lg-3">
<div class="yogaPlace-img">
<img src="img/iyengar-yoga.jpg" class="yogaPlace-in-img" alt="">
</div>
<a href="#"><h3 class="yogaPlace-title">Iyengar Yoga</h3></a>
<p class="yogaPlace-desc">Li Europan lingues membres del sam familie.</p>
</div>
<div class="col-lg-3">
<div class="yogaPlace-img">
<img src="img/advanced-yoga-poses.jpg" class="yogaPlace-in-img" alt="">
</div>
<a href="#"><h3 class="yogaPlace-title">Advanced Yoga</h3></a>
<p class="yogaPlace-desc">Li Europan lingues membres del sam familie.</p>
</div>
</div>
</div>
</div>
<!--Contact us-->
<div class="inside-container contact-section">
<div class="row sections-detail">
<div class="col-12">
<h2 class="section-title">FORM & TIME SCHEDULE</h2>
<p class="section-title-desc">At solmen li esser necessi uniform grammatica, pronunciation</p>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="appointment">
<h2 class="appointment-title">Make An Appiontment</h2>
<p class="appointment-desc">At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<form action="#" class="appointment-form">
<div class="row">
<div class="col-lg-6 appointment-form-col-left">
<input type="text" class="form-control appointment-form-input" placeholder="First name*" required="">
</div>
<div class="col-lg-6 appointment-form-col-right">
<input type="text" class="form-control appointment-form-input" placeholder="Last name*" required="">
</div>
<div class="col-lg-6 appointment-form-col-left">
<input type="date" class="form-control appointment-form-input data-input" required="">
</div>
<div class="col-lg-6 box-select appointment-form-col-right">
<select name="gender" class="form-control appointment-form-input" >
<option value="choose-class">Choose Class</option>
<option value="class-1">Class 1</option>
<option value="class-2">Class 2</option>
<option value="class-3">Class 3</option>
</select>
</div>
<div class="col-lg-6 appointment-form-col-left">
<input type="tel" class="form-control appointment-form-input" placeholder="Phone" required="" value="" size="10" maxlength="10">
</div>
<div class="col-lg-6 appointment-form-col-right">
<input type="email" class="form-control appointment-form-input" placeholder="Email" required="">
</div>
<div class="col-12 appointment-form-col-left">
<textarea class="form-control appointment-form-text" id="exampleFormControlTextarea1" rows="3" placeholder="Message (Optional)"></textarea>
</div>
<div class="col-12 appointment-form-col-right">
<button type="submit" class="appointment-form-btn" value="">Book An Appointment</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6 open-time">
<div class="weekdays">
<h3 class="open-time-title">Weekdays</h3>
<p class="open-time-clock">06.00 AM - 07.00 AM</p>
<p class="open-time-course">kundalini meditation beginners for Yoga</p>
<p class="open-time-clock">07.00 AM - 08.30 AM</p>
<p class="open-time-course">Surya Namaskar & Advanced Meditation</p>
</div>
<div class="weekends">
<h3 class="open-time-title">Weekends</h3>
<p class="open-time-clock">05.00 AM - 07.00 AM</p>
<p class="open-time-course">Weekly Pratice with children Yoga</p>
<p class="open-time-clock">08.00 AM - 10.00 AM</p>
<p class="open-time-course">Advanced Meditation & Healthy Recipes</p>
</div>
</div>
</div>
</div>
<!--Trainers-->
<div class="trainer-section">
<div class="row sections-detail">
<div class="col-12">
<h2 class="section-title">Expert Trainers</h2>
<p class="section-title-desc">At solmen li esser necessi uniform grammatica, pronunciation</p>
</div>
</div>
<div class="inside-container">
<div class="row trainer-col">
<div class="col-lg-3">
<div class="trainer-img">
<img src="img/fig-nelson.jpg" class="trainer-in-img" alt="">
</div>
<a href="#"><h3 class="trainer-title">Fig Nelson</h3></a>
<p class="trainer-desc">Trainer</p>
</div>
<div class="col-lg-3">
<div class="trainer-img">
<img src="img/jason-response.jpg" class="trainer-in-img" alt="">
</div>
<a href="#"><h3 class="trainer-title">Jason Response</h3></a>
<p class="trainer-desc">Yoga Basic</p>
</div>
<div class="col-lg-3">
<div class="trainer-img">
<img src="img/eric-widget.jpg" class="trainer-in-img" alt="">
</div>
<a href="#"><h3 class="trainer-title">Eric Widget</h3></a>
<p class="trainer-desc">Kundalm</p>
</div>
<div class="col-lg-3">
<div class="trainer-img">
<img src="img/lance-begrol.jpg" class="trainer-in-img" alt="">
</div>
<a href="#"><h3 class="trainer-title">Lance Bogrol</h3></a>
<p class="trainer-desc">Healthy Recipes</p>
</div>
</div>
</div>
</div>
<!---->
<div class="inside-container join-us-section">
<div class="row sections-detail">
<div class="col-12">
<h2 class="section-title">For any Queries and Free Class</h2>
<p class="section-title-desc">At solmen li esser necessi uniform grammatica, pronunciation</p>
</div>
</div>
<div class="row">
<div class="col-12">
<a href="#" class="join-us-btn">Join us now</a>
<p class="join-us-call">or Call : <a href="tel:+39.0874.484661" class="join-us-phone-nr">+39.0874.484661</a></p>
</div>
</div>
</div>
<!--Copyright-->
<footer class="footer">
<div class="copyright">
<div class="inside-container">
<div class="row">
<div class="col-md-6 order-2 order-md-12">
<p>&copy; 2019 All Rights Reserved. Created by <a href="https://www.webdomus.net/" class="created-by">Web Domus Italia</a></p>
</div>
<div class="col-md-6 social order-1 order-md-12">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-google-plus-g"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>