<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<!---strat-slider---->
<link rel="stylesheet" type="text/css" href="css/slider.css" />
<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="js/jquery.cslider.js"></script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
<!---//strat-slider---->
<!-- start top_js_button -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.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 header -->
<div class="header_bg">
<div class="wrap">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/> </a>
</div>
<div class="social-icons">
<ul>
<li><a href="#" target="_blank"></a></li>
<li><a href="#" target="_blank"></a></li>
<li><a href="#" target="_blank"></a></li>
<li><a href="#" target="_blank"></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- start header -->
<div class="header_btm">
<div class="wrap">
<div class="header_sub">
<div class="h_menu">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="service.html">Service</a></li>
<li><a href="index.html">Pages</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
<div class="h_search">
<form>
<input type="text" value="" placeholder="search something...">
<input type="submit" value="">
</form>
</div>
<div class="menu">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="service.html">Service</a></li>
<li><a href="index.html">Pages</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
<div class="search">
<form action="/iphone/search.html">
<input type="text" value="Search" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search';}" class="text">
</form>
</div>
<div class="sub-head">
<ul>
<li><a href="#" id="menu">Menu <span></span></a></li>
<li><a href="#" id="search">Search <span></span></a></li>
</ul>
<div class="clear"></div>
</div>
<script type="text/javascript">
$(".menu,.search").hide();
$("#menu").click(function(){
$(".menu").toggle();
$(".search").hide();
$("#search").removeClass("active");
$("#menu").toggleClass("active");
});
$("#search").click(function(){
$(".search").toggle();
$(".menu").hide();
$("#menu").removeClass("active");
$("#search").toggleClass("active");
$(".text").focus();
});
</script>
<script type="text/javascript" src="js/script.js"></script>
<div class="clear"></div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- start slider -->
<div class="slider_bg">
<div class="wrap">
<div class="slider">
<!---start-da-slider----->
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>Welcome to our website</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="da-slide">
<h2>Clean & Flat Design</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="da-slide">
<h2>Clean & Flat Design</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="da-slide">
<h2>Welcome to our website</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<nav class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
</div>
<!---//End-da-slider----->
</div>
</div>
</div>
<!-- start main -->
<div class="wrap">
<div class="main">
<div class="main_text">
<h2>Lorem Ipsum is <span>simply dummy </span> text of the printing.</h2>
<p class="para">"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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
</div>
<!-- start grids_of_3 -->
<div class="grids_of_3">
<div class="grid1_of_3">
<img src="images/icon1.png" alt=""/>
<h3><a href="#">Lorem Ipsum is <span> simply </span> </a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
</div>
<div class="grid1_of_3">
<img src="images/icon2.png" alt=""/>
<h3><a href="#">Lorem Ipsum is <span> simply </span> </a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
</div>
<div class="grid1_of_3">
<img src="images/icon3.png" alt=""/>
<h3><a href="#">Lorem Ipsum is <span> simply </span> </a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
</div>
<div class="clear"></div>
</div>
<!-- end grids_of_3 -->
</div>
</div>
<!-- start main_bg -->
<div class="main_bg">
<div class="wrap">
<div class="main content_top">
<!-- start span_of_3 -->
<div class="span_of_3">
<div class="span1_of_3">
<a href="details.html"><img src="images/pic1.jpg" alt=""/></a>
<div class="span1_of_3_text">
<h3><a href="details.html">Lorem Ipsum is simply text</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
</div>
</div>
<div class="span1_of_3">
<a href="details.html"><img src="images/pic2.jpg" alt=""/></a>
<div class="span1_of_3_text">
<h3><a href="details.html">Lorem Ipsum is simply text</a></h3>
<p>Lorem Ipsum is simply
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
响应式深蓝黑大气网站_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip (50个子文件)
响应式深蓝黑大气网站
details.html 8KB
js
jquery.cslider.js 7KB
modernizr.custom.28468.js 7KB
easing.js 5KB
move-top.js 1KB
jquery.flexisel.js 8KB
jquery.min.js 92KB
script.js 4KB
service.html 9KB
css
style.css 17KB
slider.css 19KB
index.html 14KB
contact.html 8KB
about.html 9KB
images
pic5.jpg 20KB
pic6.jpg 10KB
footer_bg.png 10KB
det_pic.jpg 98KB
pin.png 466B
slider-icons.png 1KB
search_h.png 623B
icon1.png 2KB
mail.png 418B
logo.png 2KB
client6.jpg 4KB
pic4.jpg 8KB
pic2.jpg 14KB
client5.jpg 4KB
blog3.jpg 12KB
search.png 623B
pic3.jpg 21KB
slider_bg1.jpg 19KB
client4.jpg 5KB
pic1.jpg 21KB
slide-pagenat.png 782B
blog2.jpg 35KB
soc_icons.png 2KB
top-move.jpg 457B
client2.jpg 2KB
about_pic.jpg 30KB
call.png 393B
slider_bg.jpg 49KB
icon3.png 3KB
timer.png 502B
client1.jpg 2KB
blog1.jpg 9KB
client3.jpg 2KB
footer_bg1.png 11KB
icon2.png 3KB
blog.html 9KB
共 50 条
- 1
资源评论
qw_6918966011
- 粉丝: 22
- 资源: 6161
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功