add yoga template

web/sport/yoga/css/normailze.css

@@ -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;
+}

web/sport/yoga/css/responsive.css

@@ -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%);
+	}
+
+}

web/sport/yoga/css/style.css

@@ -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;
+}

web/sport/yoga/font/web-font.css

@@ -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;
+}
+

web/sport/yoga/index.html

@@ -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>