<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="description" content="[HERE PASTE YOUR DESCRIPTION]" />
<meta name="author" content="Template:TemplatesDock " />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/skin.css" />
<script type="text/javascript" src="javascript/cufon-yui.js"></script>
<script type="text/javascript" src="javascript/font.font.js"></script>
<script type="text/javascript">Cufon.replace('h1, h2, h3, h4, h5, h6, #nav', {hover:true});</script>
<!--[if IE 6]><script src="javascript/pngfix.js"></script><script>DD_belatedPNG.fix('#nav, #twitter img, #logo img, #footer');</script><![endif]-->
<title>CompanyName</title>
</head>
<body>
<div id="main">
<!-- NAVIGATION -->
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li class="current"><a href="#">Products</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Contact</a></li>
</ul>
<!-- TWITTER -->
<p id="twitter"><a href="#" title="Follow us on Twitter"><img src="design/twitter.png" alt="Twitter" /></a></p>
</div> <!-- /nav -->
<!-- TITLE -->
<div class="title box">
<!-- LOGO (TRANSPARENT PNG) -->
<p id="logo"><img src="design/logo.png" alt="Logo" /></p>
<h1>Heading H1</h1>
</div> <!-- /title -->
<!-- CONTENT -->
<div id="content" class="box">
<!-- COLUMN - LEFT -->
<div class="col-content box">
<!-- IMAGE FLOATING -->
<p class="box"><img src="tmp/article-01.jpg" alt="" class="f-left" />Suspendisse estem posuere, metus eget pharetra adipiscing, arcu velit lobortis augue, quis pharetra mauris ante a velit. Duiess e feugiat, odio a mattis gravida, velit est euismod urna, vitae gravida elit turpis sit amet elit. Phasellus eac hendrerit tortor. Aliquam erat volutpat. Donec laoreet viverra sapien et luctus. Crasem fringilla commodo nulla sit amet congue. Donec est aliquam gravida elit, in fringilla urna adipiscing in. Sed velme risus id urna luctus eleifend. Morbi ut fringilla magna.</p>
<!-- Photo: (c) Nic McPhee -->
<!-- LIST -->
<h2>List</h2>
<ul class="ul">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
<!-- TABLE -->
<h2>Table</h2>
<table class="table">
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr class="even">
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr class="even">
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</table>
<!-- IMAGE GALLERY -->
<h2>Image gallery</h2>
<ul class="gallery box">
<li><a href="#"><img src="tmp/gallery-01.jpg" alt="" /></a></li>
<li><a href="#"><img src="tmp/gallery-02.jpg" alt="" /></a></li>
<li class="last"><a href="#"><img src="tmp/gallery-03.jpg" alt="" /></a></li>
</ul>
<!-- FORM -->
<h2>Form</h2>
<form action="#" method="post" class="form">
<ul>
<li>
<label for="input-01">Your Name (required):</label>
<input type="text" size="45" class="input-text" id="input-01" name="" />
</li>
<li>
<label for="input-02">E-mail Address (required):</label>
<input type="text" size="45" class="input-text" id="input-02" name="" />
</li>
<li>
<label for="input-03">Website:</label>
<input type="text" size="45" class="input-text" id="input-03" name="" />
</li>
<li>
<label for="input-04">Your Message (required):</label>
<textarea cols="75" rows="10" class="input-text" id="input-04" name=""></textarea>
</li>
<li><input type="submit" value="Submit" class="input-submit" /></li>
</ul>
</form>
</div> <!-- /col-content -->
<!-- COLUMN - RIGHT -->
<div class="col-aside">
<!-- SIDEBAR MENU -->
<h3>Sidebar Menu</h3>
<ul class="menu">
<li class="current"><a href="#">Homepage</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">Discussion</a></li>
<li><a href="#">Authors</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Contact</a></li>
</ul>
<!-- ABOUT -->
<h3>About</h3>
<p class="box smaller">
<img src="tmp/about-01.jpg" alt="" class="f-left" />
<!-- Photo: (c) Pierre Tourigny -->
My name is Jessie Doe. I´m 26 years old and I´m living in the New York City.<br />
<a href="#">More about me</a>
</p>
<!-- SPONSORS -->
<h3>Sponsors</h3>
<ul class="sponsors">
<li><a href="#">Entrelo</a></li>
<li><a href="#">TemplatesDock</a></li>
<li><a href="#">AppsTemplates</a></li>
<li><a href="#">AdminSquare</a></li>
</ul>
</div> <!-- /col-aside -->
<div class="fix"></div>
<div class="gradient box">
<div class="col-left">
<h3>Contact us</h3>
<p>
<strong>CompanyName Inc.</strong><br />
<a href="#">www.example.com</a><br />
<a href="#">example@example.com</a><br />
Address: Street 123, New York City<br />
Phone: (012) 345-6789
</p>
</div> <!-- /col-left -->
<div class="col-right">
<h3>News</h3>
<ul>
<li>Aug. 27 – <a href="#">Lorem ipsum dolor sit amet este, consectetur adipiscin lit ma elementum</a></li>
<li>Aug. 26 – <a href="#">Marnare, est vitae dapibus blandit, libero a wuapuim lorem</a></li>
<li>Aug. 18 – <a href="#">Sed hendrerit hendrerit dignissim. Aenean adipiscing enim id turpis</a></li>
<li>Aug. 13 – <a href="#">Vivamus tincidunt, nisl quis malesuada posuere nisi lacus pellentesque</a></li>
<li>Aug. 11 – <a href="#">Quisque vitae mi in dolor porta lobortis in id purus</a></li>
</ul>
</div> <!-- /col-right -->
</div> <!-- /gradient -->
</div> <!-- /content -->
<div id="footer" class="box">
<p class="f-right t-right smaller">Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a><br />More Templates : <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_bla
没有合适的资源?快使用搜索试试~ 我知道了~
黑色导航天蓝背景家居行业模板-蓝色 设计 图片 企业 精品 大气
共27个文件
jpg:10个
png:9个
js:3个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 154 浏览量
2022-11-09
10:44:50
上传
评论
收藏 348KB RAR 举报
温馨提示
黑色导航天蓝背景家居行业模板_蓝色 设计 梦幻 摄影 博客 家居 导航 图片 企业 精品 大气.rar
资源推荐
资源详情
资源评论
收起资源包目录
黑色导航天蓝背景家居行业模板_蓝色 设计 梦幻 摄影 博客 家居 导航 图片 企业 精品 大气.rar (27个子文件)
黑色导航天蓝背景家居行业模板_蓝色 设计 梦幻 摄影 博客 家居 导航 图片 企业 精品 大气
tps_shine-04
css
skin.css 3KB
main.css 6KB
design
intro.png 1KB
footer.png 1KB
nav-separator.png 923B
twitter.png 5KB
nav.png 1KB
ul.gif 1KB
laptop.png 11KB
bg.jpg 78KB
logo.png 3KB
screenshot.jpg 75KB
gradient.png 1020B
gradient-02.png 1009B
index.html 6KB
subpage.html 8KB
tmp
img-01.jpg 29KB
about-01.jpg 5KB
gallery-03.jpg 16KB
gallery-02.jpg 20KB
img-03.jpg 29KB
gallery-01.jpg 22KB
img-02.jpg 25KB
article-01.jpg 20KB
javascript
pngfix.js 12KB
cufon-yui.js 18KB
font.font.js 17KB
共 27 条
- 1
资源评论
reg183
- 粉丝: 1819
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功