<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--Custom-Theme-files-->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!--/script-->
<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
<!--light-box-files -->
<script type="text/javascript" >
$(function() {
$('.gallery a').Chocolat();
});
</script>
<!-- //gallery -->
</head>
<body>
<!--start-home-->
<div id="home" class="header">
<div class="container">
<!--start-header-->
<div class="header-top">
<div class="inner-top">
<div class="col-md-3 top_right">
<ul class="f-icons">
<li><a href="#" class="facebook"> </a></li>
<li><a href="#" class="p"> </a></li>
<li><a href="#" class="twitter"> </a></li>
<li><a href="#" class="isto"> </a></li>
</ul>
</div>
<div class="col-md-6 logo">
<a href="index.html"><h1>Fitness <span>Point</span></h1></a>
</div>
<div class="col-md-3 search">
<form>
<input type="submit" value="">
<input type="text" value="Search " onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
</form>
</div>
<div class="clearfix"></div>
</div>
<div class="main-nav">
<span class="menu"></span>
<div class="top-menu">
<ul class="cl-effect-16">
<li><a class="active scroll" href="#home" data-hover="Home">Home</a></li>
<li><a class="scroll" href="#feature" data-hover="Features">Features</a></li>
<li><a class="scroll" href="#video" data-hover="Video">Video</a></li>
<li><a class="scroll" href="#trainer" data-hover="Trainers">Trainers</a></li>
<li><a class="scroll" href="#gallery" data-hover="Gallery">Gallery</a></li>
<li><a class="scroll" href="#test" data-hover="Testimonials">Testimonials</a></li>
<li><a class="scroll" href="#partner" data-hover="Partners">Partners</a></li>
<li><a class="scroll" href="#contact" data-hover="Contact">Contact</a></li>
</ul>
</div>
</div>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( ".top-menu" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<!--End-top-nav-script-->
</div>
<!--//end-header-->
</div>
</div>
<!--banner-top-->
<div class="banner-top">
<div class="banner-top-text">
<h2>Fitness</h2>
<p>WE ARE A NEW YORK BASED fitness house. We work towards making people fit and healthy</p>
</div>
</div>
<!--start-banner-->
<div class="banner-section">
<div class="banner">
</div>
<div class="banner-bottom">
<div class="col-md-6 text-bottom">
<h4>Pellentesque mollis</h4>
<p>Praesent vestibulum aenean nonummy endrerit mauris.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
</div>
<div class="col-md-6 text-bottom">
<h4>Pellentesque mollis malesuada</h4>
<p>Praesent vestibulum aenean nonummy endrerit mauris.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--//end-banner-->
<!--/features-->
<div class="features" id="feature">
<div class="container">
<div class="col-md-5 features-left">
<div class="trainer-gent-inner">
<div class="features-text">
<h3>Features</h3>
<h4>Shoulders & Arms workout</h4>
<p>This workout consists of 2 short intervals that are designed to boost your metabolism so you will become a lean fat burning machine!</p>
</div>
</div>
</div>
<div class="col-md-7 features-right">
<ul class="workout-exercises">
<li>
<h4>Standing Rowing Exercise - 3 minute repetition sets</h4><p>This stablity ball exercise is an excellent isolation exercise for the tricep muscles. This exercise utilizes the stability ...</p></li>
<li>
<h4>Stability Ball Skull Crushers - 3 sets of 20 reps each</h4><p>This stablity ball exercise is an excellent isolation exercise for the tricep muscles. This exercise utilizes the stability ...</p>
</li>
<li>
<h4>Incline Dumbbell Sit-Ups - 3 minute repetition sets</h4><p>This stablity ball exercise is an excellent isolation exercise for the tricep muscles. This exercise utilizes the stability ...</p>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--//features-->
<!--/video-->
<div id="video" class="video">
<a class="play-icon popup-with-zoom-anim" href="#small-dialog"><span> </span></a>
</div>
<!-- pop-up-box -->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!--//pop-up-box -->
<div id="small-dialog" class="mfp-hide">
<iframe src="" ></iframe>
</div>
<!--//video-->
<!--/trainer-->
<div class="trainer" id="trainer" >
<div class="col-md-7 trainer-gent">
<div class="trainer-gent-inner">
<img src="images/gent.jpg" class="img-responsive" alt="" />
<div class="trainer-text">
<h4>Lorem ipsum dolor sit </h4>
<p>Praesent vestibulum aenean nonummy endrerit mauris.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
</div>
</div>
<div class="trainer-gent-inner">
<img src="images/gent1.jpg" class="img-responsive" alt="" />
<div class="trainer-text">
<h4>Lorem ipsum dolor sit </h4>
<p>Praesent vestibulum aenean nonummy endrerit mauris.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
</div>
</div>
</div>
<div class="col-md-5 trainer-lady">
<div class="trainer-text lady">
<h4>Lorem ipsum dolor sit </h4>
<p>Praesent vestibulum aenean nonummy endrerit mauris.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
</div>
<img src="images/lady.jpg" class="img-responsive" alt="" />
</div>
<div class="clearfix"></div>
</div>
<!--//trainer-->
<!-- gallery -->
<div id="gallery" class="gallery">
<div class="c
锻炼健身单页网站模板是一款运动健身类HTML5模板素材下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar
64 浏览量
2023-08-05
15:10:18
上传
评论
收藏 1.65MB RAR 举报
锻炼健身单页网站模板是一款运动健身类HTML5模板素材下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar （50个子文件） 
锻炼健身单页网站模板是一款运动健身类HTML5模板素材下载。 moban1116 js 
jquery.wmuSlider.js 12KB jquery.magnific-popup.js 45KB jquery.chocolat.js 10KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB jquery.flexisel.js 8KB css style.css 37KB popuo-box.css 7KB bootstrap.css 118KB chocolat.css 2KB
index.html 19KB images 
g3.jpg 51KB g2.jpg 189KB bg-top.jpg 80KB
down.png 3KB c3.png 5KB lady.jpg 171KB c1.png 4KB banner.jpg 168KB v-bg.jpg 158KB
closew.gif 70B gent1.jpg 73KB t3.jpg 9KB leftw.gif 68B social.png 4KB search.png 3KB g6.jpg 47KB player.png 2KB t1.jpg 13KB nav.png 3KB c4.png 4KB c2.png 4KB 13.png 3KB gent.jpg 61KB move-top.png 3KB g5.jpg 44KB c5.png 4KB t2.jpg 11KB g4.jpg 41KB rightw.gif 67B c_arrows.png 3KB g1.jpg 167KB fonts glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB PlayfairDisplay-Bold.ttf 188KB Roboto-Regular.ttf 159KB PlayfairDisplay-Regular.ttf 182KB资源评论
