<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
<link href='http//fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Passion+One:400,700' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.4.1.js"></script>
<script>
$(document).ready(function(){
$('.slider')._TMS({
show:0,
pauseOnHover:true,
prevBu:'.prev',
nextBu:'.next',
playBu:false,
duration:800,
preset:'fade',
pagination:'.pags',
pagNums:false,
slideshow:7000,
numStatus:false,
banners:'fade',
waitBannerAnimation:false,
progressBar:false
})
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="bg">
<div class="bg-2">
<!--==============================header=================================-->
<header>
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
<nav>
<ul class="menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
<div id="slide">
<div class="slider">
<ul class="items">
<li><img src="images/slider-1.jpg" alt="" /><div class="banner"><div class="banner-1"></div><a href="#" class="button-1">Read more</a></div></li>
<li><img src="images/slider-2.jpg" alt="" /><div class="banner"><div class="banner-2"></div><a href="#" class="button-1">Read more</a></div></li>
<li><img src="images/slider-3.jpg" alt="" /><div class="banner"><div class="banner-3"></div><a href="#" class="button-1">Read more</a></div></li>
</ul>
</div>
<a href="#" class="prev"></a><a href="#" class="next"></a>
<div class="line-left"></div>
<div class="line-right"></div>
<ul class="pags"></ul>
</div>
</header>
<!--==============================content================================-->
<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com. May 14, 2012!</div>
<div class="slogan">
<p>We <span class="clr-1">provide</span> you with the <span class="clr-1">highest</span> level of <span class="clr-1">services</span></p>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit vivamus sed arcu dui eu tincidunt sem.</p>
<a href="#" class="button-2">click here</a>
</div>
<div class="wrap page1-row1">
<div class="box-1 border-right">
<strong class="number number-1">01.</strong>
<span class="text-1">Smart</span>
<p class="text-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="text-3">Vivamus sed arcu dui, eu tincidunt sem. Vivamus hendrerit mauris ut dui.</p>
<a href="#" class="link-1">Read more</a>
</div>
<div class="box-1 border-right">
<strong class="number number-2">02.</strong>
<span class="text-1">Stable</span>
<p class="text-2">Vivamus sed arcu dui, eu tincidunt sem. </p>
<p class="text-3">Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. </p>
<a href="#" class="link-1">Read more</a>
</div>
<div class="box-1 border-right">
<strong class="number number-3">03.</strong>
<span class="text-1">Dynamic</span>
<p class="text-2">Cras mattis tempor eros nec tristique.</p>
<p class="text-3">Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
<a href="#" class="link-1">Read more</a>
</div>
<div class="box-1 last">
<strong class="number number-4">04.</strong>
<span class="text-1">Grow</span>
<p class="text-2">Maecenas faucibus sagittis cursus. </p>
<p class="text-3">Fusce tincidunt, tellus eget tristique cursus, orci mi iaculis sem, sit amet dictum velit velit</p>
<a href="#" class="link-1">Read more</a>
</div>
</div>
<div class="wrap page1-row2">
<div class="page1-col-1 border-right">
<h2>We know what it takes<strong class="clr-1">to be the leader</strong></h2>
<div class="wrap">
<img src="images/page1-img1.jpg" alt="" class="img-indent img-border">
<p class=" extra-wrap clr-1">Vertex is one of <a href="http//blog.templatemonster.com/free-website-templates/" target="_blank" class="link">free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1280X1024 screen resolution. Lorem ipsum dolor sit amet, consectetur. </p>
</div>
<p><strong>It is also XHTML & CSS valid.</strong> The PSD source files of this <a href="http//blog.templatemonster.com/2012/05/14/free-website-template-business-jquery-powered-slider/" class="link">Vertex</a> template are available for free for the registered members of TemplateMonster.com. Feel free to get them! Vivamus sed arcu dui,<br> eu tincidunt sem. </p>
<a href="#" class="link-2">Read more</a>
</div>
<div class="page1-col-2 border-right">
<h2><span class="clr-1">N</span>ews</h2>
<div class="box-2">
<a href="#" class="link-3">05.23</a>
<p><a href="#" class="link"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</strong></a> Vivamus sed arcu dui, eu tincidunt sem vivamus hendrerit.</p>
</div>
<div class="box-2">
<a href="#" class="link-3">05.15</a>
<p><a href="#" class="link"><strong>Vivamus sed arcu dui, eu tincidunt sem.</strong></a> Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt. </p>
</div>
<a href="#" class="link-2">Read more</a>
</div>
<div class="page1-col-3">
<h2><span class="clr-1">S</span>ervices</h2>
<ul class="list-1">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Consectetur adipiscing elit</a></li>
<li><a href="#">Vivamus sed arcu dui eu</a></li>
<li><a href="#">Ivamus hendrerit mauris</a></li>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
H140_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip (51个子文件)
H140
js
tms-0.4.1.js 37KB
PIE.htc 33KB
html5.js 934B
jquery.easing.1.3.js 3KB
jquery-1.7.min.js 92KB
css
style.css 12KB
reset.css 1KB
slider.css 1KB
ie.css 460B
grid_12.css 3KB
contacts.html 6KB
services.html 8KB
index.html 10KB
about.html 7KB
images
transp.png 118B
number-2.png 8KB
page4-img1.jpg 6KB
number-4.png 8KB
banner-2.jpg 27KB
button-1.png 474B
banner-1.jpg 21KB
number2.png 5KB
comment-top.png 218B
bg-2.jpg 32KB
slogan-bg.png 12KB
logo.png 12KB
icon-2.png 1KB
page4-img4.jpg 7KB
page1-img1.jpg 9KB
icon-1.png 2KB
number-3.png 9KB
page4-img5.jpg 5KB
pagination.png 978B
bg.jpg 515B
shadow-2.png 6KB
page2-img1.jpg 9KB
page4-img3.jpg 6KB
page4-img6.jpg 5KB
banner-3.jpg 22KB
slider-1.jpg 41KB
page4-img2.jpg 5KB
number-1.png 7KB
slider-2.jpg 51KB
comment-bottom.png 225B
slider-shadow.png 203KB
icon-3.png 2KB
shadow-1.png 3KB
row-bg.png 10KB
list-1.gif 46B
slider-3.jpg 45KB
products.html 8KB
共 51 条
- 1
资源评论
wsnbb_2023
- 粉丝: 15
- 资源: 6004
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功