<!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="copyrights">Collect from <a href="http//shop109193845.taobao.com" >Website Template</a></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 Lore
前端静态模板-温泉 spa 化妆-学生作业毕设实训素材.zip
版权申诉
63 浏览量
2022-04-07
22:12:19
上传
评论
收藏 870KB ZIP 举报
前端静态模板-温泉 spa 化妆-学生作业毕设实训素材.zip （44个子文件） 
温泉 spa 化妆 css 
flexslider.css 3KB style.css 21KB
services.html 10KB images 
marker1.gif 54B
pic10.jpg 7KB
tw.png 3KB rss.png 3KB g+.png 3KB banner4.jpg 133KB marker.png 3KB pic3.jpg 18KB banner3.jpg 225KB pic1.jpg 17KB fb.png 3KB pic2.jpg 23KB pic8.jpg 6KB arrow.png 3KB quotes.png 273B pic12.jpg 7KB pic7.jpg 13KB marker1.png 317B pic14.jpg 15KB list-arrow.png 3KB banner2.jpg 107KB pic6.jpg 13KB pic4.jpg 18KB arrows.png 4KB pic13.jpg 13KB pic5.jpg 15KB pic9.jpg 7KB large-button-overlay.png 166B logo.png 6KB search-icon.png 3KB pic11.jpg 7KB pic.jpg 23KB banner1.jpg 122KB 404.html 4KB index.html 10KB js jquery.min.js 90KB modernizr.js 10KB jquery.flexslider.js 40KB staff.html 7KB about.html 8KB contact.html 6KB资源评论
