<!doctype html>
<html>
<head>
<!-- General Head Content -->
<!-- meta tags -->
<meta charset="utf-8" />
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' /><![endif]-->
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- title tag-->
<title>Home</title>
<!-- favicon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900,400italic%7CRoboto+Slab:400,700' rel='stylesheet' type='text/css'>
<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css">
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/loaders.min.css">
<link rel="stylesheet" type="text/css" href="css/main-gym-fitness.css">
<!--[if lt IE 9]>
<script src="/html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
</head>
<body class="home home-gym-fitness">
<div class="site-wrapper">
<!-- PRELOADER -->
<div id="pre-loader" class="pre-loader">
<div class="loader-inner square-spin">
<div></div>
</div>
</div> <!-- .pre-loader ends -->
<!-- MAIN HEADER -->
<header class="main-header" id="main-header">
<nav class="navbar navbar-default redone-navbar navbar-2">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#redone-navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- NAVBAR BRAND -->
<a class="navbar-brand" href="index.html"><img src="multipage/img/redone-gym.png" alt="Redone logo"></a>
</div> <!-- .navbar-header ends -->
<div class="collapse navbar-collapse" id="redone-navbar">
<ul class="nav navbar-nav navbar-right">
<li class="hidden-lg">
<form class="navbar-search">
<div class="input-group">
<input class="form-control" type="text" placeholder="Search Here" name="q">
<span class="input-group-btn">
<button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>
<button class="btn btn-danger" type="reset"><i class="fa fa-remove"></i></button>
</span> <!-- .input-group-btn ends -->
</div> <!-- .input-group ends -->
</form> <!-- .navbar-search ends -->
</li> <!-- .visible-xs ends -->
<li class="active"><a href="index.html">Home <span class="sr-only">(current)</span> <b></b></a></li>
<li><a data-scroll href="#about-us">About <b></b></a></li>
<li><a data-scroll href="#class-table">Classes <b></b></a></li>
<li><a data-scroll href="#team-members">Instructors <b></b></a></li>
<li><a data-scroll href="#testimonial">Testimonial <b></b></a></li>
<li><a data-scroll href="#our-blog">Blog <b></b></a></li>
<li><a data-scroll href="#price-table">Price <b></b></a></li>
<li class="visible-lg"><a href="#toggle-search" class="animate"><i class="fa fa-search"></i></a></li>
</ul> <!-- .nav navbar-nav ends -->
</div> <!-- .collapse navbar-collapse ends -->
</div> <!-- .container ends -->
<div class="redone-search animate">
<div class="container">
<form class="">
<div class="input-group">
<input type="text" class="form-control" name="q" placeholder="Type and enter to search">
<span class="input-group-btn">
<button type="reset" class="btn"><i class="fa fa-remove"></i></button>
</span>
</div> <!-- .input-group ends -->
</form>
</div> <!-- .container ends -->
</div> <!-- .bootsnip-search ends -->
</nav> <!-- .navbar navbar-default ends -->
<!-- HERO SECTION -->
<section class="hero-section main-slider" id="hero-section">
<div id="redone-carousel" class="carousel slide carousel-fade animated-slider" data-interval="8000">
<ol class="carousel-indicators">
<li data-target="#redone-carousel" data-slide-to="0" class="active"></li>
<li data-target="#redone-carousel" data-slide-to="1"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<img class="carousel-image" src="multipage/img/gym-fitness/slider/1.jpg" alt="slider image one">
<div class="carousel-content">
<h1><small data-animation="animated bounceInLeft">Health is wealth</small> <strong data-animation="animated bounceInRight">We make your health better</strong></h1>
<p class="lead" data-animation="animated bounceInDown">
The beautiful Redone is your best & smart choice to make your website awesome to take your buesiness to the next level
</p>
<button class="btn btn-main" data-animation="animated bounceInUp">Learn More</button>
</div> <!-- .carousel-content ends -->
</div> <!-- .item ends -->
<div class="item">
<img class="carousel-image" src="multipage/img/gym-fitness/slider/2.jpg" alt="slider image one">
<div class="carousel-content">
<h1><small data-animation="animated fadeInDownBig">Become Fit</small> <strong data-animation="animated fadeInLeftBig">Fitness is everything</strong></h1>
<p class="lead" data-animation="animated fadeInRightBig">
The beautiful Redone is your best & smart choice to make your website awesome to take your buesiness to the next level
</p>
<button class="btn btn-main" data-animation="animated fadeInUpBig">Buy Now</button>
</div> <!-- .carousel-content ends -->
</div> <!-- .item ends -->
</div> <!-- .carousel-inner ends -->
<!-- Carousel nav -->
<a class="carousel-control left" href="#redone-carousel" data-slide="prev">
<span class="fa fa-angle-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control right" href="#redone-carousel" data-slide="next">
<span class="fa fa-angle-right" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
</div> <!-- #carousel ends -->
</section> <!-- .hero section main-slider ends -->
</header> <!-- .main-header ends -->
<!-- GYM & FITNESS FEATURED -->
<section class="featured" id="featured">
<div class="container">
<div class="row section-content">
<div class="col-md-4 content-block block1">
<h2>Yoga & Fitness</h2>
<p>
Duis aute irure dolor in reprehenderit in voluptate velit esse
</p>
</div> <!-- .col-md-4 ends -->
<div class="col-md-4 content-block block2">
<h2>Body Building Classes</h2>
<p>
officia deserunt mollit anim id rehenderit in volupest laborum.
</p>
</div> <!-- .col-md-4 ends -->
<div class="col-md-4 content-block block3">
<h2>Exercise & Challenges</h2>
<p>
lla pariatur. Excepteur sint occ aecat cupi datat nont laborum.
</p>
</div> <!-- .col-md-4 ends -->
</div><!-- .row ends -->
</div> <!-- .container ends -->
</section> <!-- .gym-fitness-featured ends -->
<!-- ABOUT US -->
<section class="about-us section-block" id="about-us">
<div class="section-title">
<h2>Redone Gym & Fitness <span class="light">02</span></h2>
<p class="lead">
Team libero tempore, cum soluta nobis est eligendi optio cumque nih