<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<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 rel="stylesheet" type="text/css" media="screen" href="css/tabs.css">
<link rel="stylesheet" href="css/zerogrid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.3.js"></script>
<script src="js/tms_presets.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/Vegur-L_300.font.js"></script>
<script src="js/Vegur-M_500.font.js"></script>
<script src="js/Vegur-R_400.font.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/tabs.js"></script>
<script src="js/FF-cash.js"></script>
<script type="text/javascript" src="js/css3-mediaqueries.js"></script>
<script>
$(window).load(function(){
$('.slider')._TMS({
prevBu:'.prev',
nextBu:'.next',
pauseOnHover:true,
pagNums:false,
duration:800,
easing:'easeOutQuad',
preset:'Fade',
slideshow:7000,
pagination:'.pagination',
waitBannerAnimation:false,
banners:'fromLeft'
})
})
</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>
<!--==============================header=================================-->
<header>
<div class="main zerogrid">
<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="projects.html">Projects</a></li>
<li><a href="clients.html">Clients</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>
</header>
<section id="header-content">
<div class="main zerogrid">
<div class="slider">
<ul class="items">
<li><img src="images/slider-1.jpg" alt="">
<div class="banner">
<p><strong class="font-1">Use</strong><strong class="font-2">our time</strong><strong class="font-1">to save your</strong><strong class="font-2">money!</strong></p>
<a href="#">Read More</a>
</div>
</li>
<li><img src="images/slider-2.jpg" alt="">
<div class="banner">
<p><strong class="font-1">Good</strong><strong class="font-2">solutions</strong><strong class="font-1">for your</strong><strong class="font-2">business!</strong></p>
<a href="#">Read More</a>
</div>
</li>
<li><img src="images/slider-3.jpg" alt="">
<div class="banner">
<p><strong class="font-1">Use</strong><strong class="font-2">our time</strong><strong class="font-1">to save your</strong><strong class="font-2">money!</strong></p>
<a href="#">Read More</a>
</div>
</li>
<li><img src="images/slider-4.jpg" alt="">
<div class="banner">
<p><strong class="font-1">Good</strong><strong class="font-2">solutions</strong><strong class="font-1">for your</strong><strong class="font-2">business!</strong></p>
<a href="#">Read More</a>
</div>
</li>
</ul>
<div class="pagination">
<ul>
<li><a href="#"><img src="images/slider-1-small.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slider-2-small.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slider-3-small.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slider-4-small.jpg" alt=""></a></li>
</ul>
</div>
</div>
</div>
</section>
<!--==============================content================================-->
<section id="content" class="border">
<div class="zerogrid">
<div class="row">
<div class="col-1-3">
<div class="block-1">
<h3>think.</h3>
<p class="color-1">Genesis is one of free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1280X1024 screen resolution.</p>
<a href="#" class="button">Read More</a>
</div>
</div>
<div class="col-1-3">
<div class="block-1">
<h3>choose.</h3>
<p class="color-1">This Genesis Template</a> goes with two packages â?with PSD source files and without them. PSD source files are available for the registered members.</p>
<a href="#" class="button">Read More</a>
</div>
</div>
<div class="col-1-3">
<div class="block-1">
<h3>grow.</h3>
<p class="color-1">This website template has several pages: Home Page, About, Our Services, Projects, Clients, Contact Us (note that contact us form â?doesnât work).</p>
<a href="#" class="button">Read More</a>
</div>
</div>
</div>
<div class="row">
<div class="col-2-3">
<div class="left-1 page1-col1">
<h2 class="h2">Welcome to our website!</h2>
<p class="color-1 p2">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullam corper suscipit lobortis </p>
<p>Nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit molestie consequat, vel illum dolore eu feugiat nulla.</p>
<div class="block-2 wrap">
<a href="#">Read More</a>
<p class="extra-wrap">Our work is<strong>dedicated to</strong><strong>the prosperity</strong><strong>of our clients!</strong></p>
</div>
<p>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 nulla.</p>
<div class="page1-img1"></div>
</div>
</div>
<div class="col-1-3">
<h2 class="left-1">Our News</h2>
<div class="tabs">
<ul class="nav">
<li class="selected"><a href="#tab-1">Latest</a></li>
<li><a href="#tab-2">Popular</a></li>
<li><a href="#tab-3">All News</a></li>
</ul>
<div id="tab-1" class="tab-content">
<div class="inner">
<div class="wrap block-3 border-1">
<img src="images/page1-img2.jpg" alt="" class="img-indent">
<div class="extra-wrap">
<p class="color-1">Duis autem veeum iriure dolor hendrerit.</p>
<p>Molestie consequat, vel nulla
Web网页开发中HTML、CSS、JS的网页设计模板（5）
需积分: 0 79 浏览量
2024-02-15
13:09:24
上传
评论
收藏 1.15MB RAR 举报
网页模板5.rar （74个子文件） 
网页模板5 js 
tabs.js 473B PIE.htc 33KB FF-cash.js 386B html5.js 934B Vegur-M_500.font.js 14KB cufon-yui.js 18KB tms_presets.js 19KB css3-mediaqueries.js 16KB tms-0.3.js 12KB jquery.easing.1.3.js 3KB Vegur-R_400.font.js 13KB Vegur-L_300.font.js 14KB cufon-replace.js 236B jquery-1.7.min.js 92KB
clients.html 6KB css style.css 7KB responsive.css 758B reset.css 1KB zerogrid.css 2KB slider.css 1KB tabs.css 741B ie.css 190B grid_12.css 3KB projects.html 6KB contacts.html 5KB services.html 6KB index.html 12KB about.html 7KB images 
page4-img7.jpg 20KB page2-img4.jpg 14KB
transp.png 118B page3-img2.jpg 16KB page5-banner.jpg 81KB page4-img1.jpg 20KB slider-3-small.jpg 7KB page5-img8.png 20KB page5-img1.png 11KB slider-4.jpg 114KB page2-img3.jpg 13KB logo.png 7KB button-3.jpg 4KB
header-bg.gif 4KB page4-img4.jpg 20KB page1-img1.jpg 28KB page4-banner.jpg 71KB slider-2-small.jpg 7KB page2-img5.jpg 12KB page4-img5.jpg 12KB page1-img2.jpg 7KB page5-img7.png 17KB page5-img6.png 14KB page2-banner.jpg 95KB marker-1.gif 4KB page5-img3.png 6KB page5-img2.png 12KB page2-img1.jpg 20KB page4-img3.jpg 23KB page4-img6.jpg 14KB header-content-bg.gif 4KB page1-img3.jpg 7KB slider-4-small.jpg 7KB page5-img4.png 18KB page4-img8.jpg 16KB slider-1.jpg 145KB page5-img5.png 31KB page3-img3.jpg 25KB slider-1-small.jpg 8KB page2-img2.jpg 16KB page4-img2.jpg 19KB slider-2.jpg 111KB button-2.jpg 4KB page3-banner.jpg 84KB page3-img1.jpg 19KB slider-3.jpg 103KB资源评论
