<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='#css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<script src="http://ajax.useso.com/ajax/libs/jquery/1.8.3/jquery.min.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>
</head>
<body>
<!---start-wrap---->
<!---start-header---->
<div class="header" id="top">
<div class="wrap">
<!---start-logo---->
<div class="logo">
<a href="index.html"><img src="images/logo.png" title="logo" /></a>
</div>
<!---End-logo---->
<!---start-top-nav---->
<div class="top-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="clear"> </div>
<!---End-top-nav---->
</div>
<!---End-header---->
</div>
<!---start---content----->
<div class="wrap">
<div class="content">
<!--start-about--->
<div class="about">
<div class="about-grids">
<div class="about-grid">
<h3>About fitness-club</h3>
<a href="#"><img src="images/slider1.jpg" title="about" /></a>
<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam.</span>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.</p>
<a class="button1" href="#">Read More</a>
</div>
<div class="about-grid center-grid1">
<h3>WHY CHOOSE US?</h3>
<p>Pellenn dimentum sed, commodo vitae, ornare sit amet,lit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.</p>
<label>exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. orem ipsum dolor sit amet</label>
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetrornare sit amet, wisi. Aenean fermentum,</p>
<label>exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. orem ipsum dolor sit amet</label>
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetrornare sit amet, wisi. Aenean fermentum,</p>
</div>
<div class="about-grid last-grid">
<h3>Our Clients</h3>
<div class="about-team">
<div class="client">
<div class="about-team-left">
<a href="#"><img src="images/c1.jpg" title="client-name" /></a>
</div>
<div class="about-team-right">
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
</div>
<div class="clear"> </div>
</div>
<div class="client">
<div class="about-team-left">
<a href="#"><img src="images/c2.jpg" title="client-name" /></a>
</div>
<div class="about-team-right">
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
</div>
<div class="clear"> </div>
</div>
<div class="client">
<div class="about-team-left">
<a href="#"><img src="images/c1.jpg" title="client-name" /></a>
</div>
<div class="about-team-right">
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
</div>
<div class="clear"> </div>
</div>
<div class="client">
<div class="about-team-left">
<a href="#"><img src="images/c2.jpg" title="client-name" /></a>
</div>
<div class="about-team-right">
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="clear"> </div>
</div>
</div>
<!--End-about--->
</div>
</div>
<!---start-box---->
<div class="boxs">
<div class="wrap">
<div class="box">
<h3>FRESH NEWS</h3>
<span>20.08.2013</span>
<p>nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. orem ipsum dolor sit amet, consectetur adipisicing quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...... <a href="#">ReadMore</a></p>
</div>
<div class="box center-box">
<ul>
<li><a href="#">ullamco laboris nisi ut al nisi ut aliquip e</a></li>
<li><a href="#">nostrud exercitanisi ut aliquip etion ull</a></li>
<li><a href="#">aliquip ex ea nisi ut aliquip e commodo co</a></li>
<li><a href="#">orem ipsum dolor nisi ut aliquip e sit amet</a></li>
<li><a href="#">exercitationnisi ut aliquip e ullamco laboris</a></li>
</ul>
</div>
<div class="box">
<h3>DID YOU KNOW?</h3>
<p>nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. orem ipsum dolor sit amet, consectetur adipisicing quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...... <a href="#">ReadMore</a></p>
</div>
<div class="clear"> </div>
</div>
<!---start-box---->
</div>
<!---End---content----->
<div class="clear"> </div>
<div class="footer">
<div class="wrap">
<div class="footer-left">
<p>Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
</div>
<div class="footer-right">
<ul>
<li><a href="#">Our Loocations</a></li>
<li><a href="#">FAQ's</a></li>
<li><a href="#">Personal info</a></li>
<li><a href="#">Products</a></li>
</ul>
<ul>
<li><a href="#">Our Loocations</a></li>
<li><a href="#">FAQ's</a></li>
<li><a href="#">Personal info</a></li>
<li><a href="#">Products</a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="clear"> </div>
<div class="top-link">
<a href="#top" class="scroll">Click to Top</a>
</div>
<!---End-wrap---->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
橙色主题健身网站模板是一款橙色风格的HTML健身俱乐部网站模板。_html网站模板_网页源码移动端前端_H5模板_自适.rar
158 浏览量
2023-08-05
16:03:31
上传
评论
收藏 917KB RAR 举报
橙色主题健身网站模板是一款橙色风格的HTML健身俱乐部网站模板。_html网站模板_网页源码移动端前端_H5模板_自适.rar （29个子文件） 
橙色主题健身网站模板是一款橙色风格的HTML健身俱乐部网站模板。 moban158 js 
responsiveslides.min.js 3KB jquery.lightbox.js 19KB css style.css 16KB lightbox.css 2KB responsiveslides.css 490B
services.html 7KB index.html 6KB contact.html 5KB about.html 8KB images 
g3.jpg 46KB g2.jpg 60KB slider3.jpg 296KB c1.jpg 19KB
lightbox-btn-next.gif 812B marker1.gif 53B c2.jpg 18KB
nav-bg1.png 355B lightbox-ico-loading.gif 4KB lightbox-btn-close.gif 336B logo.png 4KB grid-h.png 426B bg1.png 163KB bg.png 19KB nav-bg.png 465B marker.png 493B g4.jpg 52KB slider1.jpg 214KB g1.jpg 51KB gallery.html 7KB资源评论
