<!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
响应式深蓝黑大气网站.zip （50个子文件） 
css 
style.css 17KB slider.css 19KB
contact.html 8KB blog.html 9KB service.html 9KB images 
mail.png 418B
pic5.jpg 20KB client4.jpg 5KB client6.jpg 4KB client1.jpg 2KB pic2.jpg 14KB client5.jpg 4KB footer_bg1.png 11KB logo.png 2KB pin.png 466B soc_icons.png 2KB top-move.jpg 457B pic3.jpg 21KB blog3.jpg 12KB icon1.png 2KB search.png 623B slider_bg1.jpg 19KB pic4.jpg 8KB slide-pagenat.png 782B slider-icons.png 1KB search_h.png 623B det_pic.jpg 98KB timer.png 502B footer_bg.png 10KB icon2.png 3KB pic6.jpg 10KB client3.jpg 2KB client2.jpg 2KB pic1.jpg 21KB blog2.jpg 35KB icon3.png 3KB about_pic.jpg 30KB slider_bg.jpg 49KB blog1.jpg 9KB call.png 393B js jquery.cslider.js 7KB script.js 4KB move-top.js 1KB modernizr.custom.28468.js 7KB jquery.flexisel.js 8KB easing.js 5KB jquery.min.js 92KB index.html 14KB about.html 9KB details.html 8KB资源评论
等天晴i
- 粉丝: 6029
- 资源: 10万+
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减4.47元 开通VIP
最新资源
- PW3X-PHP+XLS_3个通用条件工资成绩等通用查询系统电脑网页版版(Gb2312)_2024最终版.zip
- 义隆反汇编源代码.rar
- Linux 2.6内核标准教程.iso
- RabbitMQ 3.8.16+Erlang 23.3.4.10
- pttpppttptptpptptptptpt
- Verilog-HDL-那些事儿-时序篇v2.pdf
- 代理批量检测延迟工具-附带源码Python Exe
- VHDL.ppt,介绍VHDL入门
- redis5和6版本的windows和linux环境下安装包
- uClinux源代码中Make文件完全解析.pdf.rar
- 源码开放的嵌入式实时操作系统T-Kernel = = T-Kernel 標準ハンドブツク .iso
- jdk-8u181 windows和linux安装包
- PMP11月考试班级-备考学习计划.xlsx
- AI赋能企业转型与效能提升：Deepseek和Manus引领未来发展趋势的研究报告
- 实例3 GUI界面中实现Excel文件保存.avi
- 【清华大学-2025研报】2025年机器语言大模型赋能软件自主可控与安全可信报告.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
