<!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
黑色导航天蓝背景家居行业模板-蓝色 设计 图片 企业 精品 大气
版权申诉
136 浏览量
2022-11-09
10:44:50
上传
评论
收藏 348KB 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资源评论
