zvonimir/templates
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add yoga template

Browse Source
This commit is contained in:
Zvonimir Rudinski
2024-05-21 04:02:15 +02:00
parent f9c883dffa
commit a0963f4254
89 changed files with 5476 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3719
web/sport/yoga/bootstrap/css/bootstrap-grid.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

7
web/sport/yoga/bootstrap/css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

7
web/sport/yoga/bootstrap/js/bootstrap.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

349
web/sport/yoga/css/normailze.css Normal file
View File

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

132
web/sport/yoga/css/responsive.css Normal file
View File

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

593
web/sport/yoga/css/style.css Normal file
View File

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

BIN
web/sport/yoga/font/JosefinSans-Bold.eot Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-Bold.ttf Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-Bold.woff Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-Regular.eot Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-Regular.ttf Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-Regular.woff Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-SemiBold.eot Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-SemiBold.ttf Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-SemiBold.woff Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/JosefinSans-SemiBold.woff2 Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-Bold.eot Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-Bold.ttf Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-Bold.woff Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-Regular.eot Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-Regular.ttf Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-Regular.woff Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-SemiBold.eot Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-SemiBold.ttf Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-SemiBold.woff Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/OpenSans-SemiBold.woff2 Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/RobotoSlab-Bold.eot Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/RobotoSlab-Bold.ttf Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/RobotoSlab-Bold.woff Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/RobotoSlab-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/RobotoSlab-Regular.eot Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/RobotoSlab-Regular.ttf Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/RobotoSlab-Regular.woff Normal file
View File

Binary file not shown.

BIN
web/sport/yoga/font/RobotoSlab-Regular.woff2 Normal file
View File

Binary file not shown.

88
web/sport/yoga/font/web-font.css Normal file
View File

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

BIN
web/sport/yoga/img/advanced-yoga-poses.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
web/sport/yoga/img/advantages-of-yoga-mobile.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
web/sport/yoga/img/advantages-of-yoga.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 196 KiB

BIN
web/sport/yoga/img/basic-yoga.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
web/sport/yoga/img/eric-widget.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
web/sport/yoga/img/fig-nelson.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
web/sport/yoga/img/flower.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
web/sport/yoga/img/iyengar-yoga.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
web/sport/yoga/img/jason-response.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

BIN
web/sport/yoga/img/kundalini-yoga.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
web/sport/yoga/img/lance-begrol.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
web/sport/yoga/img/logo1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
web/sport/yoga/img/mind-soul.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
web/sport/yoga/img/the-best-class-yoga.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 KiB

BIN
web/sport/yoga/img/yoga-header.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 252 KiB

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

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