<!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
H1014_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
57 浏览量
2023-08-01
22:40:31
上传
评论
收藏 869KB ZIP 举报
H1014_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （44个子文件） 
H1014 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资源评论
2301_77342543
- 粉丝: 39
- 资源: 5759
最新资源
- 使用ASP.NET Core和Entity Framework Core来构建一个基本的进销存系统.rar
- 深度学习经典数据集+FER2013面部表情识别+附带使用方法的python代码
- Python中，要实现连接多个相机并识别多个二维码.rar
- 使用FFT算法对一个信号进行分析.rar
- 171cms游戏应用下载系统源码.zip
- 基于jsp+servlet+mysql蛋糕甜品店购物网站源码+数据库（期末大作业）.zip
- Java项目:在线蛋糕商城系统(java+jsp+mysql)源码+数据库+期末大作业.zip
- ZapyaClient10_7-1.apk
- 织梦cms站长导航网站源码.zip
- 基于SSM+MySQL的网络投票调查问卷系统源码+数据库（java期末大作业）.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
