<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Fitness_Time Bootstarp Website Template | Home :: w3layouts</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 thickb
健身时间机构网页模板_html5 bootstrap 响应式模板UI前端源码.rar
153 浏览量
2023-08-01
14:03:44
上传
评论
收藏 1.8MB RAR 举报
健身时间机构网页模板_html5 bootstrap 响应式模板UI前端源码.rar （130个子文件） 
bootstrap.css 118KB style.css 24KB style.css 21KB style.css 10KB component.css 8KB component.css 8KB Thumbs.db 94KB Thumbs.db 94KB Thumbs.db 94KB
index.html 20KB index.html 20KB index.html 10KB
t2.jpg 135KB g5.jpg 98KB t4.jpg 85KB t1.jpg 84KB slide2.jpg 75KB g1.jpg 67KB g1.jpg 67KB g4.jpg 65KB g8.jpg 62KB g8.jpg 62KB t3.jpg 61KB g7.jpg 54KB g7.jpg 54KB g3.jpg 53KB g3.jpg 53KB g6.jpg 52KB g6.jpg 52KB slide1.jpg 48KB g2.jpg 38KB g2.jpg 38KB slide2.jpg 23KB slide1.jpg 15KB t2.jpg 13KB g5.jpg 12KB team-bg.jpg 9KB t1.jpg 9KB t4.jpg 8KB slide1.jpg 7KB g4.jpg 7KB t3.jpg 5KB t2.jpg 3KB g5.jpg 3KB g1.jpg 3KB g7.jpg 3KB g6.jpg 3KB g8.jpg 3KB g3.jpg 3KB t1.jpg 2KB g2.jpg 2KB t4.jpg 2KB team-bg.jpg 2KB team-bg.jpg 2KB g4.jpg 2KB t3.jpg 2KB jquery.min.js 94KB jquery.min.js 94KB modernizr.custom.js 8KB modernizr.custom.js 8KB Fitness_Time.js 8KB jquery.flexisel.js 8KB Fitness_Time.js 8KB jquery.flexisel.js 8KB easing.js 5KB easing.js 5KB responsiveslides.min.js 3KB responsiveslides.min.js 3KB mobile.js 2KB toucheffects.js 2KB toucheffects.js 2KB move-top.js 1KB move-top.js 1KB
map.png 91KB map.png 9KB map.png 9KB c3.png 5KB c3.png 5KB social.png 5KB social.png 5KB social.png 5KB c1.png 4KB c1.png 4KB logo.png 4KB logo.png 4KB c4.png 4KB c4.png 4KB c5.png 4KB c5.png 4KB c3.png 4KB c1.png 4KB c2.png 4KB c2.png 4KB c4.png 4KB c5.png 4KB c2.png 4KB themes.png 3KB c6.png 3KB top_move.png 3KB top_move.png 3KB共 130 条
- 1
- 2
资源评论
