<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Fitness Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Raleway:400,300,200,100,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery-1.8.3.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},1200);
});
});
</script>
<!---End-smoth-scrolling----
</head>
<body>
<!-- header -->
<div class="header" id="home">
<div class="header-top">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png"></a>
</div>
<div class="top-menu">
<span class="menu"> </span>
<ul>
<li><a href="#home" class="scroll">home</a></li>
<li><a href="#about"class="scroll">about</a></li>
<li><a href="#trainers" class="scroll">trainers</a></li>
<li><a href="#classes" class="scroll">classes</a></li>
<li><a href="#tips" class="scroll">tips</a></li>
<li><a href="#contact" class="scroll">contact</a></li>
</ul>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<div class="clearfix"></div>
<div class="header-info">
<h1>fit <span>life</span></h1>
<h2>The reason I exercise is for the quality of life I enjoy.</h2>
</div>
</div>
</div>
</div>
<!-- End header-->
<div class="content">
<div class="about-section" id="about">
<div class="container">
<div class="col-md-6 about-grid">
<h2>fit <span>life</span></h2>
<p>The reason I exercise is for the quality of life I enjoy.</p>
</div>
<div class="col-md-6 about-grid1">
<p>If I don't feel confident about my body, I'm not going to sit at home and feel sorry for myself and not do something about it. It's all about taking action and not being lazy. So you do the work, whether it's fitness or whatever. </p>
<p class="text">If I don't feel confident about my body, I'm not going to sit at home and feel sorry for myself and not do something about it. It's all about taking action and not being lazy. So you do the work, whether it's fitness or whatever. </p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="trainer-section" >
<div class="container">
<div class="trainer-grids">
<div class="col-md-4 trainer-grid">
<img src="images/pic1.jpg">
<div class="trainer-info">
<h3>exercise</h3>
</div>
</div>
<div class="col-md-4 trainer-grid span">
<img src="images/pic2.jpg">
<div class="trainer-info">
<h3>exercise</h3>
</div>
</div>
<div class="col-md-4 trainer-grid">
<img src="images/pic3.jpg">
<div class="trainer-info">
<h3>exercise</h3>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="trainersection-info">
<div class="container">
<div class="trainer-infogrids">
<div class="col-md-4 trainer-grid1">
<img src="images/pic4.png">
<h4>1256 Members</h4>
</div>
<div class="col-md-4 trainer-grid1 label1">
<img src="images/pic5.png">
<h4>36 Trainers</h4>
</div>
<div class="col-md-4 trainer-grid1 label2">
<img src="images/pic6.png">
<h4>196 Equipments</h4>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="our-trainers" id="trainers">
<div class="container">
<div class="ourtrainers-header">
<h3>Meet Our Trainers</h3>
<p>Here are some of our main Trainers</p>
</div>
<div class="ourtrainer-grids">
<div class="col-md-4 ourtrainer-grid">
<h4>Jerry Coper</h4>
<p>Waitliffting Hear</p>
<img src="images/pic7.jpg" alt="">
<div class="ourtrainer-info">
<p><span>If I don't feel confident about my body, I'm not going to sit at home and feel sorry for myself and not do something about it. It's all whether it's fitness or whatever.</span></p>
<a href="#"><img src="images/facebook.png"></a>
</div>
</div>
<div class="col-md-4 ourtrainer-grid">
<h4>Jerry Coper</h4>
<p>Waitliffting Hear</p>
<img src="images/pic9.jpg" alt="">
<div class="ourtrainer-info">
<p><span>If I don't feel confident about my body, I'm not going to sit at home and feel sorry for myself and not do something about it. It's all whether it's fitness or whatever.</span></p>
<a href="#"><img src="images/twitter1.png"></a>
</div>
</div>
<div class="col-md-4 ourtrainer-grid">
<h4>Jerry Coper</h4>
<p>Waitliffting Hear</p>
<img src="images/pic8.jpg" alt="">
<div class="ourtrainer-info">
<p><span>If I don't feel confident about my body, I'm not going to sit at home and feel sorry for myself and not do something about it. It's all whether it's fitness or whatever.</span></p>
<a href="#"><img src="images/google.png"></a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="our-class" id="classes">
<div class="container">
<div class="ourclass-header">
<h3>our class</h3>
<p>Here are some of our main Trainers</p>
</div>
<div class="ourclass-grids">
<div class=" col-md-4 ourclass-grid">
<img src="images/pic10.jpg" alt="">
<div class="fitness">
<h4>fitness class</h4>
<div class="joiningdate">
<div class="join">
<h5>joining date:</h5>
</div>
<div class="weeks">
<p>mon-sat</p>
</div>
<div class="clearfix"></div>
</div>
<div class="timing">
<div class="times">
<h5>timing:</h5>
</div>
<div class="time">
<p>10am to 8pm</p>
</div>
<div class="clearfix"></div>
</div>
<a href="#">details</a>
</div>
</div>
<div class=" col-md-4 ourclass-grid">
<img src="images/pic11.jpg" alt="">
<div class="fitness">
<h4>fitness class</h4>
<div class="joiningdate">
<div class="join">
<h5>joining date:</h5>
</div>
<div class="weeks">
<p>mon-sat</p>
</div>
<div class="clearfix"></div>
</div>
<div class="timing">
<div class="times">
<h5>timing:</h5>
</div>
<div class="time">
<p>10am to 8pm</p>
</div>
<div class="clearfix"></div>
</div>
<a href="#">details</a>
</div>
</div>
<div class=" col-md-4 ourclass-grid">
<img src="images/pic12.jpg" alt="">
<div class="fitness">
<h4>fitness class</h4>
<div class="joiningdate">
<div class="join">
<h5>joining date:</h5>
</div>
<div class="weeks">
<p>mon-sat</p>
</div>
<div class="clearfi
体育用品健身器材网站模板_html5 bootstrap 响应式模板UI前端源码.rar
200 浏览量
2023-08-01
14:01:53
上传
评论
收藏 1.46MB RAR 举报
体育用品健身器材网站模板_html5 bootstrap 响应式模板UI前端源码.rar （42个子文件） 
moban370 js 
jquery-1.8.3.min.js 91KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB css style.css 30KB owl.carousel.css 8KB bootstrap.css 118KB
index.html 17KB images 
pic12.jpg 13KB pic15.jpg 31KB pic10.jpg 9KB
pic4.png 7KB gal-img3.png 78KB pic8.jpg 17KB gal-img4.png 82KB twitter1.psd 29KB gal-img2.png 77KB pic9.jpg 8KB logo.png 4KB footer-icon.png 4KB to-top2.png 3KB banner3.jpg 204KB pic2.jpg 18KB pic3.jpg 51KB pic5.png 5KB pic1.jpg 9KB google.png 4KB img-sprite.png 3KB facebook.png 3KB img-sprite copy.png 7KB pic11.jpg 15KB gal-img1.png 116KB pic6.png 3KB pic7.jpg 26KB thumb.jpg 66KB ban.jpg 558KB pic13.jpg 16KB pic14.jpg 24KB banner2.jpg 94KB twitter1.png 4KB gal-img11.png 48KB nav-icon.png 3KB资源评论
