<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Copse_400.font.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/imagepreloader.js"></script>
<script type="text/javascript">
preloadImages([
'images/menu1_active.gif',
'images/menu2_active.gif',
'images/menu3_active.gif',
'images/menu4_active.gif',
'images/marker_right_active.jpg',
'images/marker_left_active.jpg',
'images/menu5_active.gif']);
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="http//info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1">
<div class="body1">
<div class="body2">
<div class="main">
<!-- header -->
<header>
<div class="wrapper">
<h1><a href="index.html" id="logo">First</a></h1>
<div class="right">
<nav>
<ul id="top_nav">
<li><a href="#">User Area</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
<form id="search" method="post">
<div>
<input type="submit" class="submit" value="">
<input type="text" class="input">
</div>
</form>
</nav>
</div>
</div>
<nav id="menu">
<ul>
<li class="nav1" id="active"><a href="index.html">Home</a></li>
<li class="nav2"><a href="News.html">News</a></li>
<li class="nav3"><a href="Services.html">Services</a></li>
<li class="nav4"><a href="Products.html">Products</a></li>
<li class="nav5"><a href="Contact.html">Contact</a></li>
</ul>
</nav>
</header><div class="ic">More Website Templates @ <a href="http//shop109193845.taobao.com" >即刻工作室</a>!</div>
</div>
</div>
</div>
<div class="body3">
<div class="body4">
<div class="main">
<div class="slogan">
<div id="slider">
<img src="images/text1.jpg" alt="">
<img src="images/text2.jpg" alt="">
<img src="images/text3.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- / header -->
<!-- content -->
<div class="body5">
<div class="body6">
<div class="main">
<div class="wrapper">
<figure class="left"><img src="images/letter1.png" alt=""></figure>
<h2>Welcome to <span>First Company</span>!</h2>
First is one of <a href="http//shop109193845.taobao.com" target="_blank">free website templates</a> createdCollect from 即刻工作室. This website template is optimized for 1024 X 768 res. It is <br>
also XHTML & CSS valid. This template goes with two packages – with PSD source files and without them.
</div>
</div>
</div>
</div>
<div class="body7">
<div class="main">
<section id="content">
<div class="wrapper">
<article class="col1">
<div class="box1"><div class="box1_bot"><div class="box1_top">
<div class="pad"><div class="pad1">
<h2 class="center">Think.</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
<div class="wrapper center">
<a href="#" class="button"><span><span>More</span></span></a>
</div>
</div></div>
</div></div></div>
</article>
<article class="col1 pad_left1">
<div class="box1"><div class="box1_bot"><div class="box1_top">
<div class="pad">
<div class="pad1">
<h2 class="center">Choose.</h2>
<p>Veritatis quasi architecto beatae bitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia.</p>
<div class="wrapper center">
<a href="#" class="button"><span><span>More</span></span></a>
</div>
</div></div>
</div></div></div>
</article>
<article class="col1 pad_left1">
<div class="box1"><div class="box1_bot"><div class="box1_top">
<div class="pad">
<div class="pad1">
<h2 class="center">Succeed.</h2>
<p>Quuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
<div class="wrapper center">
<a href="#" class="button"><span><span>More</span></span></a>
</div>
</div></div>
</div></div></div>
</article>
</div>
<div class="wrapper">
<article class="col2">
<div class="pad1">
<h2>Features Overview</h2>
<p class="pad_bot1">This <a href="http//blog.即刻工作室/2011/02/28/free-website-template-efficient-business/" target="_blank">Free Business Website Template</a> goes with two packages – with PSD source files and without them. PSD source files are available for free for the registered members of 即刻工作室. The basic package (without PSD source is available for anyone without registration).</p>
<p class="pad_bot2">
This website template has several pages: Home, News, Services, Products, Contact (note that contact us form – doesn’t work).</p>
<div class="wrapper line1 marg_bot1">
<ul class="col1 list1">
<li><a href="#">Sed ut perspiciatis unde omnis</a></li>
<li><a href="#">Accusantium doloremque laudantium</a></li>
<li><a href="#">Aperiam eaque ipsa quae</a></li>
<li><a href="#">Beatae vitae dicta explicabo minima</a></li>
<li><a href="#">Nemo enim ipsam voluptatem</a></li>
</ul>
<ul class="list1 pad_left1 left">
<li><a href="#">Neque porro quisquam est qui</a></li>
<li><a href="#">Dolorem ipsum quia dolor sit amet</a></li>
<li><a href="#">Consectetur, adipisci velit</a></li>
<li><a href="#">Numquam emodi tempora incidnt</a></li>
<li><a href="#">Magnam aliquam quaerat</a></li>
</ul>
</div>
<a href="#" class="button"><span><span>Read More</span></span></a>
</div>
</article>
<article class="col1 pad_left1">
<h2>Advantages</h2>
<ul class="list2">
<li><a href="#"><img src="images/icon1.jpg" alt="">Starting up</a></li>
<li><a href="#"><img src="images/icon2.jpg" alt="">Finance and grants</a></li>
<li><a href="#"><img src="images/icon3.jpg" alt="">Taxes, returns & payroll</a></li>
<li><a href="#"><img src="images/icon4.jpg" alt="">Employment & skills</a></li>
<li class="bg_none"><a href="#"><img src="images/icon5.jpg" alt="">Health, safety, premises</a></li>
</ul>
<div class="box1"><div class="box1_bot"><div class="box1_top">
<div class="pad">
<h2>Newsletter</h2>
Sign up for weekly newsletter:
<form id="sign_up" method="post">
<div>
<input type="text" class="input">
<a href="#" onClick="document.getElementById('sign_up').submit()">Sign up</a>
</div>
</form>
</div>
</div></div></div>
</article>
</div>
</section>
</div>
</div>
<!-- / content -->
<!-- footer -->
<div class="body8">
<div class="body9">
<div class="main">
<footer>
<div class="col_1">
<h3>Social Networks</h3>
<ul class="list3">
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a
基于HTML实现的非响应式深蓝灰大气网站模板(css+html+js+图样).zip （77个子文件） 
非响应式深蓝灰大气网站模板 
Services.html 7KB News.html 9KB js 
Copse_400.font.js 104KB PIE.htc 28KB html5.js 1KB cufon-yui.js 18KB jquery-1.4.2.js 70KB jquery.nivo.slider.pack.js 9KB imagepreloader.js 181B cufon-replace.js 273B Contact.html 6KB css style.css 10KB layout.css 266B reset.css 816B Products.html 7KB index.html 10KB images 
button1_left.gif 833B text.gif 14KB box_repeat.gif 152B menu1_active.gif 1KB button1_bg.gif 262B box2_bot.gif 833B menu_border.gif 418B
bg_bot_repeat.jpg 398B menu2.gif 1KB logo.gif 2KB box2_top.gif 2KB
letter5.png 4KB menu4.gif 1KB textarea.gif 5KB button1_right.gif 839B line_hor1.gif 49B input2.gif 918B bg_top3.jpg 42KB letter2.png 4KB bg_top1.jpg 24KB button2_right.gif 840B letter4.png 4KB line_ver1.gif 46B icon3.jpg 2KB icon2.jpg 1KB marker_right.jpg 642B letter3.png 5KB marker_2.gif 68B menu3_active.gif 1KB icon4.jpg 1KB bg_top2_repeat.jpg 904B text2.jpg 69KB box2_repeat.gif 90B icon1.jpg 2KB menu1.gif 1KB marker_left_active.jpg 1004B bg_top1_repeat.gif 180B search.jpg 2KB footer_logo.gif 2KB marker_1.gif 359B button2_left.gif 859B menu5_active.gif 2KB bg_top_repeat.gif 346B menu4_active.gif 2KB menu5.gif 1KB icon5.jpg 1KB text3.jpg 67KB bg_top2.jpg 47KB bg_bot.jpg 36KB bg_top3_repeat.jpg 1KB marker_right_active.jpg 953B input.gif 646B marker_left.jpg 690B button2_bg.gif 297B menu2_active.gif 1KB letter1.png 5KB menu3.gif 1KB sign_up.gif 1KB box_bot.gif 2KB box_top.jpg 4KB text1.jpg 63KB资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- java前后端分离MES生产执行管理系统源码数据库 MySQL源码类型 WebForm
- 【java毕业设计】教师授课管理系统源码（完整前后端+说明文档+LW）.zip
- 基于STM32F103C8T6的智能家居控制系统源码+文档说明（高分毕业设计）
- Windows环境下OpenSSH服务的安装与启动配置指南
- MT4缠论指标免费使用无限制，无需续费及绑定电脑
- 基于STM32F103C8T6的车辆落水报警系统源码+文档说明+原理图（毕业设计）
- 编程不良人ElasticSearch-7.14笔记
- 学之思开源考试系统是一款java+vue的前后端分离的考试系统 主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰 支持web端和微信小程序，能覆盖到pc机和手机等设备 支持多种部署方式
- PHP旅游智能CRM系统源码数据库 MySQL源码类型 WebForm
- 大数据1+x(蓝桥课堂实操231216）解析
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
