<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Home</title>
<!-- core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/prettyPhoto.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/ico/favicon.ico">
</head>
<body id="home">
<header id="header">
<nav id="main-nav" class="navbar navbar-default navbar-fixed-top" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a>
</div>
<div class="collapse navbar-collapse navbar-right">
<ul class="nav navbar-nav">
<li class="scroll active"><a href="#home">Home</a></li>
<li class="scroll"><a href="#services">Classes</a></li>
<li class="scroll"><a href="#about">About</a></li>
<li class="scroll"><a href="#our-team">Trainers</a></li>
<li class="scroll"><a href="#portfolio">Gallery</a></li>
<li class="scroll"><a href="#pricing">Pricing</a></li>
<li class="scroll"><a href="#contact-us">Contact</a></li>
</ul>
</div>
</div><!--/.container-->
</nav><!--/nav-->
</header><!--/header-->
<section id="hero-banner">
<div class="banner-inner">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h2>Stronger than <b>EVER</b></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisici <br/> Praesent eget risus.</p>
<a class="btn btn-primary btn-lg" href="#">Start Now</a>
</div>
</div>
</div>
</div>
</section><!--/#main-slider-->
<section id="services" >
<div class="container">
<div class="section-header">
<h2 class="section-title wow fadeInDown">Whats Best For You</h2>
<p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div class="features">
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-futbol-o"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Aerobic</h4>
<p>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="100ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-compass"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Cardio</h4>
<p>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-database"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Six Pack</h4>
<p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="300ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-bar-chart"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Classes</h4>
<p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="400ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-paper-plane-o"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Special Trainer</h4>
<p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="500ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-bullseye"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Health Sports</h4>
<p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
</div>
</div>
</div><!--/.col-md-4-->
</div>
</div><!--/.row-->
</div><!--/.container-->
</section><!--/#services-->
<section id="about">
<div class="container">
<div class="section-header">
<h2 class="section-title wow fadeInDown">Who we are</h2>
<p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div class="col-sm-6 wow fadeInLeft">
<img class="img-responsive" src="images/about.png" alt="">
</div>
<div class="col-sm-6 wow fadeInRight">
<h3 class="column-title">Our Fitness Studio</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa semper aliquam quis mattis quam. Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa semper aliquam quis mattis quam adipiscing elit. Praesent eget risus vitae massa.</p>
<ul class="listarrow">
<li><i class="fa fa-angle-double-right"></i>Aerobic</li>
<li><i class="fa fa-angle-double-right"></i>Cardio</li>
<li><i class="fa fa-angle-double-right"></i>Abdomen</li>
<li><i class="fa fa-angle-double-right"></i>Special Trainer</li>
<li><i class="fa fa-angle-double-right"></i>Round the clock</li>
</ul>
</div>
</div>
</div>
</section><!--/#about-->
<section id="our-team">
<div class="container">
<div class="section-header">
<h2 class="section-title wow fadeInDown">
OUR TRAINERS
</h2>
<p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row text-center">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-member wow fadeInUp" data-wow-duration="400ms" data-wow-delay="0ms">
<div class="team-img">
<img class="img-responsive" src="images/team/01.jpg" alt="">
</div>
<div class="team-info">
<h3>Micky Deo</h3>
<span>Founder</span>
</div>
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href