<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http//fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<!--slider-->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<script src="js/modernizr.js"></script>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
</head>
<body>
<div class="header">
<div class="header-top">
<div class="wrap">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<ul class="follow_icon">
<li><a href="#"><img src="images/fb.png" alt=""></a></li>
<li><a href="#"><img src="images/rss.png" alt=""></a></li>
<li><a href="#"><img src="images/tw.png" alt=""></a></li>
<li><a href="#"><img src="images/g+.png" alt=""></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="header-bottom">
<div class="wrap">
<div class="top-nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="staff.html">Staff</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="search_box">
<form>
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}"><input type="submit" value="">
</form>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="banner">
<div class="flexslider">
<ul class="slides">
<li><img src="images/banner1.jpg" alt=""/></li>
<li><img src="images/banner2.jpg" alt=""/></li>
<li><img src="images/banner3.jpg" alt=""/></li>
<li><img src="images/banner4.jpg" alt=""/></li>
</ul>
</div>
</div>
<div class="wrap">
<div class="content-top">
<div class="col_1_of_5 span_1_of_5">
<div class="css3">
<img src="images/pic.jpg" alt="css3" title="Flats">
</div>
<div class="item_content1">
<h4 class="title">Lorem ipsum dolor sit</h4>
<div class="more">
<a href="#" class="btn">Read More</a>
</div>
</div>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="css3">
<img src="images/pic1.jpg" alt="css3" title="Flats">
</div>
<div class="item_content2">
<h4 class="title">Lorem ipsum dolor sit</h4>
<div class="more">
<a href="#" class="btn">Read More</a>
</div>
</div>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="css3">
<img src="images/pic2.jpg" alt="css3" title="Flats">
</div>
<div class="item_content3">
<h4 class="title">Lorem ipsum dolor sit</h4>
<div class="more">
<a href="#" class="btn1">Read More</a>
</div>
</div>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="css3">
<img src="images/pic3.jpg" alt="css3" title="Flats">
</div>
<div class="item_content4">
<h4 class="title">Lorem ipsum dolor sit</h4>
<div class="more">
<a href="#" class="btn2">Read More</a>
</div>
</div>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="css3">
<img src="images/pic4.jpg" alt="css3" title="Flats">
</div>
<div class="item_content5">
<h4 class="title">Lorem ipsum dolor sit</h4>
<div class="more">
<a href="#" class="btn">Read More</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="content-bottom">
<div class="section group example">
<div class="col_1_of_2 span_1_of_2">
<ul class="list2">
<li>
<figure><img src="images/pic5.jpg" alt=""></figure>
<div class="extra-wrap">
<h4>Fusce euismod consequat ante. Lorem ipsum dolor sit amet</h4>
<p class="comment"><a href="#">Oct 3rd, 2013</a><span>|</span><a href="#">1 Comment</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip..<a href="#">[...]</a></p>
</div>
</li>
<li>
<figure><img src="images/pic6.jpg" alt=""></figure>
<div class="extra-wrap">
<h4>ellentesque sed dolor. Aliquam congue fermentum</h4>
<p class="comment"><a href="#">Oct 3rd, 2013</a><span>|</span><a href="#">13 Comment</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip..<a href="#">[...]</a></p>
</div>
</li>
</ul>
</div>
<div class="col_1_of_2 span_1_of_2">
<h3>Lorem Ipsum is simply dummy text </h3>
<p class="comment"><a href="#">Oct 5th, 2013</a><span>|</span><a href="#">35 Comments</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p><em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</em><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat null.</p>
<div class="sidebar-nav">
<ul>
<li><a href="">Always free from repetition</a></li>
<li><a href="">Always free from repetition</a></li>
<li><a href="">The standard chunk of Lorem Ipsum</a></li>
<li><a href="">The standard chunk of Lorem Ipsum</a></li>
<li><a href="">The standard chunk of Lorem Ipsum</a></li>
</
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
响应式按摩理疗_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip (44个子文件)
响应式按摩理疗
js
jquery.flexslider.js 40KB
modernizr.js 10KB
jquery.min.js 90KB
css
style.css 21KB
flexslider.css 3KB
404.html 4KB
services.html 10KB
index.html 10KB
contact.html 6KB
about.html 8KB
images
pic12.jpg 7KB
pic5.jpg 15KB
pic6.jpg 13KB
large-button-overlay.png 166B
pic.jpg 23KB
search-icon.png 3KB
tw.png 3KB
pic10.jpg 7KB
marker1.gif 54B
g+.png 3KB
arrow.png 3KB
pic8.jpg 6KB
banner4.jpg 133KB
pic9.jpg 7KB
logo.png 6KB
banner3.jpg 225KB
pic4.jpg 18KB
pic2.jpg 23KB
marker1.png 317B
pic3.jpg 18KB
fb.png 3KB
arrows.png 4KB
pic1.jpg 17KB
list-arrow.png 3KB
quotes.png 273B
banner1.jpg 122KB
pic11.jpg 7KB
rss.png 3KB
marker.png 3KB
pic7.jpg 13KB
pic13.jpg 13KB
pic14.jpg 15KB
banner2.jpg 107KB
staff.html 7KB
共 44 条
- 1
资源评论
qw_6918966011
- 粉丝: 23
- 资源: 6161
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功