<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!---- start-smoth-scrolling---->
<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},1000);
});
});
</script>
<!---- start-smoth-scrolling---->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Oswald:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<!-----start-container---->
<!----- start-header---->
<div id="home" class="header">
<div class="container">
<div class="logo">
<a href="#"><img src="images/logo.png" title="logo" /></a>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li class="page-scroll"><a href="#features" class="scroll">Features</a></li>
<li class="page-scroll"><a href="#team" class="scroll">OUR TEAM</a></li>
<li class="page-scroll"><a href="#gallery" class="scroll">gallery</a></li>
<li class="page-scroll"><a href="#pricing" class="scroll">pricing</a></li>
<li class="page-scroll"><a href="#partner" class="scroll">partners</a></li>
<li class="contatct-active" class="page-scroll"><a href="#contact" class="scroll">Contact</a></li>
</ul>
<a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
<div class="contact-info">
<p><span><label> </label></span>1-800-555-1234</p>
</div>
</div>
</div>
<!----- //End-header---->
<!----start-slider-script---->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img src="images/slide1.jpg" alt="">
<div class="caption">
<div class="slide-text-info">
<span>landing page template</span>
<h1>PERFECT Fitness SOLUTION</h1>
<label>best choise for your site</label>
</div>
</div>
</li>
<li>
<img src="images/slide2.jpg" alt="">
<div class="caption">
<div class="slide-text-info">
<span>landing page template</span>
<h1>PERFECT Fitness SOLUTION</h1>
<label>best choise for your site</label>
</div>
</div>
</li>
<li>
<img src="images/slide1.jpg" alt="">
<div class="caption">
<div class="slide-text-info">
<span>landing page template</span>
<h1>PERFECT Fitness SOLUTION</h1>
<label>best choise for your site</label>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!----- //End-slider---->
<!-----start-fearures---->
<div class="features" id="features">
<div class="container">
<div class="features-head text-center">
<h2>Welcome to Fitness<span>Time!</span></h2>
<p>Take care of your body. It's the only place you have to live.</p>
</div>
<div class="feature-grids">
<div class="col-md-3 feature-grid">
<h3><span class="fea-icon1"> </span> strength training</h3>
<p>Maecenas mattis vitae tellus vel interdum. Quisque lacinia mauris id convallis pretium. Aliquam id odio sit amet mauris .</p>
</div>
<div class="col-md-3 feature-grid">
<h3><span class="fea-icon2"> </span> CARDIO FITNESS</h3>
<p>Maecenas mattis vitae tellus vel interdum. Quisque lacinia mauris id convallis pretium. Aliquam id odio sit amet mauris .</p>
</div>
<div class="col-md-3 feature-grid">
<h3><span class="fea-icon3"> </span> AQUATIC</h3>
<p>Maecenas mattis vitae tellus vel interdum. Quisque lacinia mauris id convallis pretium. Aliquam id odio sit amet mauris .</p>
</div>
<div class="col-md-3 feature-grid">
<h3><span class="fea-icon4"> </span>MIND & BODY</h3>
<p>Maecenas mattis vitae tellus vel interdum. Quisque lacinia mauris id convallis pretium. Aliquam id odio sit amet mauris .</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-----//End-fearures---->
<!-----start-team---->
<div class="team" id="team">
<div class="container">
<div class="team-head text-center">
<h3>SUPERB TRAINERS</h3>
<span> </span>
</div>
<div class="team-grids">
<div class="col-md-3 team-grid">
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
<img class="p-img" src="images/t1.jpg" /><div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<div class="animate-head">
<div class="animate-head-left">
<h3>Duis nec congue</h3>
<span>Neque porro quisquam est qui dolorem </span>
</div>
<div class="clearfix"> </div>
</div>
</h2>
</div></a>
<div class="t-member-info">
<h5>Otto W. Schreffler</h5>
<span>trainer</span>
</div>
</div>
<div class="col-md-3 team-grid">
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
<img class="p-img" src="images/t2.jpg" /><div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<div class="animate-head">
<div class="animate-head-left">
<h3>Duis nec congue</h3>
<span>Neque porro quisquam est qui dolorem </span>
</div>
<div class="clearfix"> </div>
</div>
</h2>
<
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
html5模板-健身器材类HTML5网页模板.zip (47个子文件)
html5模板-健身器材类HTML5网页模板
js
Fitness_Time.js 8KB
toucheffects.js 2KB
responsiveslides.min.js 3KB
easing.js 5KB
move-top.js 1KB
modernizr.custom.js 8KB
jquery.flexisel.js 8KB
jquery.min.js 94KB
css
style.css 24KB
component.css 8KB
bootstrap.css 118KB
index.html 20KB
images
pricing-icons.png 1KB
g3.jpg 53KB
g2.jpg 38KB
c6.png 3KB
themes.png 2KB
c3.png 5KB
slide2.jpg 75KB
c1.png 4KB
twt.png 3KB
g8.jpg 62KB
top_move.png 3KB
logo.png 1KB
team-bg.jpg 9KB
t3.jpg 61KB
fea-icons.png 2KB
phone-icon.png 346B
social.png 5KB
slide1.jpg 48KB
g7.jpg 54KB
g6.jpg 52KB
t1.jpg 84KB
c4.png 4KB
c2.png 4KB
t4.jpg 85KB
g5.jpg 98KB
c5.png 4KB
t2.jpg 135KB
g4.jpg 65KB
msg.png 3KB
c_arrows.png 3KB
check-icon.png 274B
map.png 91KB
g1.jpg 67KB
submit_arrow.png 3KB
nav-icon.png 3KB
共 47 条
- 1
资源评论
GJZGRB
- 粉丝: 1932
- 资源: 7024
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功