<!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手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
44 浏览量
2023-08-03
11:23:30
上传
评论
收藏 869KB ZIP 举报
H1014国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.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资源评论
wsnbb_2023
- 粉丝: 13
- 资源: 6004
