add yoga template
6
web/sport/neogym/.gitignore
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
# Generated files
|
||||
css/style.css
|
||||
css/style.css.map
|
||||
|
||||
# Node
|
||||
node_modules
|
||||
182
web/sport/neogym/contact.html
Normal 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>
|
||||
© 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
68
web/sport/neogym/css/responsive.css
Normal 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;
|
||||
}
|
||||
}
|
||||
580
web/sport/neogym/css/style.scss
Normal 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*/
|
||||
BIN
web/sport/neogym/images/contact-img.jpg
Normal file
|
After Width: | Height: | Size: 107 KiB |
BIN
web/sport/neogym/images/envelope-white.png
Normal file
|
After Width: | Height: | Size: 476 B |
BIN
web/sport/neogym/images/facebook-logo.png
Normal file
|
After Width: | Height: | Size: 332 B |
BIN
web/sport/neogym/images/healthy-bg.jpg
Normal file
|
After Width: | Height: | Size: 81 KiB |
BIN
web/sport/neogym/images/hero-bg.jpg
Normal file
|
After Width: | Height: | Size: 117 KiB |
BIN
web/sport/neogym/images/instagram-logo.png
Normal file
|
After Width: | Height: | Size: 641 B |
BIN
web/sport/neogym/images/location-white.png
Normal file
|
After Width: | Height: | Size: 723 B |
BIN
web/sport/neogym/images/menu.png
Normal file
|
After Width: | Height: | Size: 9.6 KiB |
BIN
web/sport/neogym/images/search-icon.png
Normal file
|
After Width: | Height: | Size: 403 B |
BIN
web/sport/neogym/images/t1.jpg
Normal file
|
After Width: | Height: | Size: 42 KiB |
BIN
web/sport/neogym/images/t2.jpg
Normal file
|
After Width: | Height: | Size: 54 KiB |
BIN
web/sport/neogym/images/t3.jpg
Normal file
|
After Width: | Height: | Size: 52 KiB |
BIN
web/sport/neogym/images/telephone-white.png
Normal file
|
After Width: | Height: | Size: 720 B |
BIN
web/sport/neogym/images/trainer-bg.jpg
Normal file
|
After Width: | Height: | Size: 94 KiB |
BIN
web/sport/neogym/images/twitter.png
Normal file
|
After Width: | Height: | Size: 606 B |
BIN
web/sport/neogym/images/u-1.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
web/sport/neogym/images/u-2.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
web/sport/neogym/images/u-3.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
web/sport/neogym/images/u-4.png
Normal file
|
After Width: | Height: | Size: 925 B |
BIN
web/sport/neogym/images/us-bg.jpg
Normal file
|
After Width: | Height: | Size: 59 KiB |
524
web/sport/neogym/index.html
Normal 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>
|
||||
© 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
2
web/sport/neogym/js/jquery-3.4.1.min.js
vendored
Normal file
234
web/sport/neogym/package-lock.json
generated
Normal 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"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
21
web/sport/neogym/package.json
Normal 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"
|
||||
}
|
||||
}
|
||||
222
web/sport/neogym/trainer.html
Normal 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>
|
||||
© 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
@@ -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>
|
||||
© 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>
|
||||
3719
web/sport/yoga/bootstrap/css/bootstrap-grid.css
vendored
Normal file
7
web/sport/yoga/bootstrap/css/bootstrap.min.css
vendored
Normal file
7
web/sport/yoga/bootstrap/js/bootstrap.min.js
vendored
Normal file
349
web/sport/yoga/css/normailze.css
Normal 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;
|
||||
}
|
||||
132
web/sport/yoga/css/responsive.css
Normal 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%);
|
||||
}
|
||||
|
||||
}
|
||||
593
web/sport/yoga/css/style.css
Normal 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;
|
||||
}
|
||||
BIN
web/sport/yoga/font/JosefinSans-Bold.eot
Normal file
BIN
web/sport/yoga/font/JosefinSans-Bold.ttf
Normal file
BIN
web/sport/yoga/font/JosefinSans-Bold.woff
Normal file
BIN
web/sport/yoga/font/JosefinSans-Bold.woff2
Normal file
BIN
web/sport/yoga/font/JosefinSans-Regular.eot
Normal file
BIN
web/sport/yoga/font/JosefinSans-Regular.ttf
Normal file
BIN
web/sport/yoga/font/JosefinSans-Regular.woff
Normal file
BIN
web/sport/yoga/font/JosefinSans-Regular.woff2
Normal file
BIN
web/sport/yoga/font/JosefinSans-SemiBold.eot
Normal file
BIN
web/sport/yoga/font/JosefinSans-SemiBold.ttf
Normal file
BIN
web/sport/yoga/font/JosefinSans-SemiBold.woff
Normal file
BIN
web/sport/yoga/font/JosefinSans-SemiBold.woff2
Normal file
BIN
web/sport/yoga/font/OpenSans-Bold.eot
Normal file
BIN
web/sport/yoga/font/OpenSans-Bold.ttf
Normal file
BIN
web/sport/yoga/font/OpenSans-Bold.woff
Normal file
BIN
web/sport/yoga/font/OpenSans-Bold.woff2
Normal file
BIN
web/sport/yoga/font/OpenSans-Regular.eot
Normal file
BIN
web/sport/yoga/font/OpenSans-Regular.ttf
Normal file
BIN
web/sport/yoga/font/OpenSans-Regular.woff
Normal file
BIN
web/sport/yoga/font/OpenSans-Regular.woff2
Normal file
BIN
web/sport/yoga/font/OpenSans-SemiBold.eot
Normal file
BIN
web/sport/yoga/font/OpenSans-SemiBold.ttf
Normal file
BIN
web/sport/yoga/font/OpenSans-SemiBold.woff
Normal file
BIN
web/sport/yoga/font/OpenSans-SemiBold.woff2
Normal file
BIN
web/sport/yoga/font/RobotoSlab-Bold.eot
Normal file
BIN
web/sport/yoga/font/RobotoSlab-Bold.ttf
Normal file
BIN
web/sport/yoga/font/RobotoSlab-Bold.woff
Normal file
BIN
web/sport/yoga/font/RobotoSlab-Bold.woff2
Normal file
BIN
web/sport/yoga/font/RobotoSlab-Regular.eot
Normal file
BIN
web/sport/yoga/font/RobotoSlab-Regular.ttf
Normal file
BIN
web/sport/yoga/font/RobotoSlab-Regular.woff
Normal file
BIN
web/sport/yoga/font/RobotoSlab-Regular.woff2
Normal file
88
web/sport/yoga/font/web-font.css
Normal 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;
|
||||
}
|
||||
|
||||
BIN
web/sport/yoga/img/advanced-yoga-poses.jpg
Normal file
|
After Width: | Height: | Size: 54 KiB |
BIN
web/sport/yoga/img/advantages-of-yoga-mobile.jpg
Normal file
|
After Width: | Height: | Size: 132 KiB |
BIN
web/sport/yoga/img/advantages-of-yoga.jpg
Normal file
|
After Width: | Height: | Size: 196 KiB |
BIN
web/sport/yoga/img/basic-yoga.jpg
Normal file
|
After Width: | Height: | Size: 37 KiB |
BIN
web/sport/yoga/img/eric-widget.jpg
Normal file
|
After Width: | Height: | Size: 49 KiB |
BIN
web/sport/yoga/img/fig-nelson.jpg
Normal file
|
After Width: | Height: | Size: 89 KiB |
BIN
web/sport/yoga/img/flower.png
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
web/sport/yoga/img/iyengar-yoga.jpg
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
web/sport/yoga/img/jason-response.jpg
Normal file
|
After Width: | Height: | Size: 191 KiB |
BIN
web/sport/yoga/img/kundalini-yoga.jpg
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
web/sport/yoga/img/lance-begrol.jpg
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
web/sport/yoga/img/logo.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
web/sport/yoga/img/logo1.png
Normal file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
web/sport/yoga/img/mind-soul.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
web/sport/yoga/img/the-best-class-yoga.jpg
Normal file
|
After Width: | Height: | Size: 120 KiB |
BIN
web/sport/yoga/img/yoga-header.jpg
Normal file
|
After Width: | Height: | Size: 252 KiB |
579
web/sport/yoga/index.html
Normal 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>© 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>
|
||||