Notes
Notes - notes.io |
<html lang="en">
<head>
<!--
Fitness Template
http://www.templatemo.com/tm-487-fitness
-->
<title>Fitness - Responsive HTML Template</title>
<meta name="description" content="">
<meta name="author" content="">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- Main css -->
<link rel="stylesheet" href="css/style.css">
<!-- Google Font -->
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lora:700italic' rel='stylesheet' type='text/css'>
</head>
<body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">
<!-- =========================
PRE LOADER
============================== -->
<div class="preloader">
<div class="sk-spinner sk-spinner-pulse"></div>
</div>
<!-- =========================
NAVIGATION SECTION
============================== -->
<div class="navbar navbar-default navbar-fixed-top sticky-navigation" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Fitness</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right main-navigation">
<li><a href="#home" class="smoothScroll">Home</a></li>
<li><a href="#overview" class="smoothScroll">About</a></li>
<li><a href="#trainer" class="smoothScroll">Trainers</a></li>
<li><a href="#blog" class="smoothScroll">Blog</a></li>
<li><a href="#price" class="smoothScroll">Prices</a></li>
<li><a href="#testimonial" class="smoothScroll">Testimonials</a></li>
</ul>
</div>
</div>
</div>
<!-- =========================
HOME SECTION
============================== -->
<section id="home" class="parallax-section">
<div class="container">
<div class="row">
<div class="col-md-offset-1 col-md-10 col-sm-12">
<h3 class="wow bounceIn" data-wow-delay="0.9s">Hello! you are welcome to</h3>
<h1 class="wow fadeInUp" data-wow-delay="1.6s">"Power S"<br>Fitness Club</h1>
<a href="#overview" class="wow fadeInUp smoothScroll btn btn-default" data-wow-delay="2s">LEARN MORE</a>
</div>
</div>
</div>
</section>
<!-- =========================
OVERVIEW SECTION
============================== -->
<section id="overview" class="parallax-section">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<img src="images/overview-img.jpg" class="img-responsive" alt="Overview">
<blockquote class="wow fadeInUp" data-wow-delay="1.9s">Эрч хүчтэй, эртэч
Өглөө бүрийг өөртөө зориулж
Эрүүл мэнд, бие бялдартаа анхаардаг та нартаа амжилт хүсэе 👏👏👏</blockquote>
</div>
<div class="col-md-1"></div>
<div class="wow fadeInUp col-md-4 col-sm-12" data-wow-delay="1s">
<div class="overview-detail">
<h2>About Fitness</h2>
<p>Манай фитнесс нь 2020 оноос хойш үйл ажиллагаагаа явуулж байгаа хотын төвд, цагийн өргөн сонголттой, олон жилийн туршлагатай багш хамт олонтой билээ. Бид та бүхний мөрөөдөлд хамт зүтгэх болно. </p>
<p>Power S Fitness CLUB</p>
<a href="#trainer" class="btn btn-default smoothScroll">Are you ready?</a>
</div>
</div>
<div class="col-md-1"></div>
</div>
</div>
</section>
<!-- =========================
TRAINER SECTION
============================== -->
<section id="trainer" class="parallax-section">
<div class="container">
<div class="row">
<div class="wow fadeInUp col-md-12 col-sm-12" data-wow-delay="1.3s">
<h2>Манай клубын топ гишүүд</h2>
<p>Гишүүдийн хот болон улсад гаргасан амжилтууд.</p>
</div>
<div class="wow fadeInUp col-md-4 col-sm-6" data-wow-delay="1.5s">
<div class="trainer-thumb">
<img src="images/trainer-img1.jpg" class="img-responsive" alt="Trainer">
<div class="trainer-overlay">
<div class="trainer-des">
<h2>Jenny</h2>
<h3>Body Trainer</h3>
<ul class="social-icon">
<li><a href="#" class="fa fa-facebook wow fadeInUp" data-wow-delay="1s"></a></li>
<li><a href="#" class="fa fa-twitter wow fadeInUp" data-wow-delay="1.3s"></a></li>
<li><a href="#" class="fa fa-behance wow fadeInUp" data-wow-delay="1.9s"></a></li>
</ul>
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, maecenas eget vestibulum justo imperdiet, wisi risus purus augue vulputate.</p>
</div>
<div class="wow fadeInUp col-md-4 col-sm-6" data-wow-delay="2s">
<div class="trainer-thumb">
<img src="images/trainer-img2.jpg" class="img-responsive" alt="Trainer">
<div class="trainer-overlay">
<div class="trainer-des">
<h2>Marry</h2>
<h3>Fitness Trainer</h3>
<ul class="social-icon">
<li><a href="#" class="fa fa-facebook wow fadeInUp" data-wow-delay="1s"></a></li>
<li><a href="#" class="fa fa-twitter wow fadeInUp" data-wow-delay="1.3s"></a></li>
<li><a href="#" class="fa fa-behance wow fadeInUp" data-wow-delay="1.9s"></a></li>
</ul>
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, maecenas eget vestibulum justo imperdiet, wisi risus purus augue vulputate.</p>
</div>
<div class="wow fadeInUp col-md-4 col-sm-6" data-wow-delay="2.3s">
<div class="trainer-thumb">
<img src="images/trainer-img3.jpg" class="img-responsive" alt="Trainer">
<div class="trainer-overlay">
<div class="trainer-des">
<h2>Olivia</h2>
<h3>Yoga Teacher</h3>
<ul class="social-icon">
<li><a href="#" class="fa fa-facebook wow fadeInUp" data-wow-delay="1s"></a></li>
<li><a href="#" class="fa fa-twitter wow fadeInUp" data-wow-delay="1.3s"></a></li>
<li><a href="#" class="fa fa-behance wow fadeInUp" data-wow-delay="1.9s"></a></li>
</ul>
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, maecenas eget vestibulum justo imperdiet, wisi risus purus augue vulputate.</p>
</div>
</div>
</div>
</section>
<!-- =========================
NEWSLETTER SECTION
============================== -->
<section id="newsletter" class="parallax-section">
<div class="container">
<div class="row">
<div class="wow fadeInUp col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10" data-wow-delay="0.9s">
<h2>Signup Newsletter</h2>
<p>Get discounts for your personal fitness and gym services now.</p>
<div class="newsletter_detail">
<form action="#" method="post" id="newsletter-signup">
<div class="col-md-6 col-sm-6">
<input name="name" type="text" class="form-control" id="name" placeholder="Name">
</div>
<div class="col-md-6 col-sm-6">
<input name="email" type="email" class="form-control" id="email" placeholder="Email">
</div>
<div class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8">
<input name="submit" type="submit" class="form-control" id="submit" value="SEND MESSAGE">
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- =========================
PRICE SECTION
============================== -->
<section id="price" class="parallax-section">
<div class="container">
<div class="row">
<div class="wow fadeInUp col-md-12 col-sm-12" data-wow-delay="0.9s">
<h2>Үнийн тариф(сараар)</h2>
</div>
<div class="wow fadeInUp col-md-4 col-sm-6" data-wow-delay="1s">
<div class="pricing__item">
<h3 class="pricing__title">Fitness</h3>
<div class="pricing__price"><span class="pricing__currency"></span>180k</div>
<ul class="pricing__feature-list">
<li class="pricing__feature">Оюутан 20%</li>
<li class="pricing__feature">"3сар+1, 6сар+2"</li>
<li class="pricing__feature">Хувийн багш</li>
<li class="pricing__feature">Хоолны зөвлөгөө</li>
<li class="pricing__feature">7хоногт 1удаа үнэгүй уурагны коктель</li>
</ul>
<button class="pricing__action">Sign Up Now</button>
</div>
</div>
<div class="wow fadeInUp col-md-4 col-sm-6" data-wow-delay="1.2s">
<div class="pricing__item">
<h3 class="pricing__title">Spinning</h3>
<div class="pricing__price"><span class="pricing__currency"></span>210k</div>
<ul class="pricing__feature-list">
<li class="pricing__feature">Ням гаригт хичээллэхгүй</li>
<li class="pricing__feature">Trainer: Tsogtoo, Anu</li>
<li class="pricing__feature">15-20 сүүлийн үеийн төхөөрөмж</li>
<li class="pricing__feature">Мэргэжлийн багш нарын зөвлөгөө</li>
<li class="pricing__feature">Өдрийн 4 цагийн хувиартай тул хүссэн цагтаа ирэх боломжтой.</li>
</ul>
<button class="pricing__action">Sign Up Now</button>
</div>
</div>
<div class="wow fadeInUp col-md-4 col-sm-6" data-wow-delay="1.2s">
<div class="pricing__item">
<h3 class="pricing__title">Yoga</h3>
<div class="pricing__price"><span class="pricing__currency"></span>150k</div>
<ul class="pricing__feature-list">
<li class="pricing__feature">Өөх шаталтыг эрчимжүүлнэ</li>
<li class="pricing__feature">Бодол сэтгэлээ цэгцлээд шинэ өдөр эхлүүлнэ</li>
<li class="pricing__feature">Уян хатан болж хөдөлгөөний дутагдалаас ангижирна</li>
<li class="pricing__feature">Өөртөө ганцхан цагийг зориулж иогагаар хичээллэсэн та удахгүй өөртөө дурлах болно</li>
<li class="pricing__feature">1,3,5 дахь өдөр 18:00, 2,4 өдөр 07:30</li>
</ul>
<button class="pricing__action">Sign Up Now</button>
</div>
</div>
</div>
</div>
</section>
<!-- =========================
TESTIMONIAL SECTION
============================== -->
<section id="testimonial" class="parallax-section">
<div class="container">
<div class="row">
<!-- Testimonial Owl Carousel section
================================================== -->
<div id="owl-testimonial" class="owl-carousel">
<div class="item col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10 wow fadeInUp" data-wow-delay="0.6s">
<i class="fa fa-quote-left"></i>
<h3>Ямар ч зүйл эхэндээ хэцүү байдаг. Харин даваад гарвал амжилтанд хүрнэ. </h3>
<h4>"Power S" FITNESS</h4>
</div>
<div class="item col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10 wow fadeInUp" data-wow-delay="0.6s">
<i class="fa fa-quote-left"></i>
<h3>"Аливаа зүйлийг эхлүүлэхэд төгс байх нөхцөл байдлыг хүлээх хэрэггүй. Эхлэл нөхцөл байдлыг төгс болгодог."</h3>
<h4>Алан Кохен</h4>
</div>
<div class="item col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10 wow fadeInUp" data-wow-delay="0.6s">
<i class="fa fa-quote-left"></i>
<h3>"Та байгаа газраа байгаа зүйлээрээ чадах зүйлээ хий.."</h3>
<h4>Теодор Рузьвелт</h4>
</div>
<div class="item col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10 wow fadeInUp" data-wow-delay="0.6s">
<i class="fa fa-quote-left"></i>
<h3>"Сэтгэл хангалуун бус байдал бол гайхалтай эхлэлийн цэг. Яг тэнд л бидний өөрчлөлт хийх ихэнх хүч чадал, давуу тал, эрч хүч байдаг. "</h3>
<h4> Дэвид Де Нотарис</h4>
</div>
</div>
</div>
</div>
</section>
<!-- =========================
FOOTER SECTION
============================== -->
<footer>
<div class="container">
<div class="row">
<div class="wow fadeInUp col-md-4 col-sm-4" data-wow-delay="0.6s">
<h2>About Fitness</h2>
<p>Fitness Yoga Spinning center</p>
</div>
<div class="wow fadeInUp col-md-5 col-sm-4" data-wow-delay="0.7s">
<h2>Цагийн хуваарь</h2>
<div>
<h5>Weekdays</h5>
<h4>6:00 AM - 11:00 PM</h4>
</div>
<div>
<h5>Weekend</h5>
<h4>8:00 AM - 10:00 PM</h4>
</div>
</div>
<div class="wow fadeInUp col-md-3 col-sm-4" data-wow-delay="1s">
<h2>Follow us</h2>
<ul class="social-icon">
<li><a href="#" class="fa fa-facebook wow fadeIn" data-wow-delay="1s"></a></li>
<li><a href="#" class="fa fa-twitter wow fadeInUp" data-wow-delay="1.3s"></a></li>
<li><a href="#" class="fa fa-dribbble wow fadeIn" data-wow-delay="1.6s"></a></li>
<li><a href="#" class="fa fa-behance wow fadeInUp" data-wow-delay="1.9s"></a></li>
<li><a href="#" class="fa fa-google-plus wow fadeIn" data-wow-delay="2s"></a></li>
</ul>
</div>
<div class="clearfix"></div>
<div class="col-md-12 col-sm-12">
<p class="copyright-text">Copyright © 2016 Your Company
| Design: <a rel="nofollow" href="http://www.templatemo.com/page/1" target="_parent">Templatemo</a></p>
</div>
</div>
</div>
</footer>
<!-- =========================
SCRIPTS
============================== -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.parallax.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
