<!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
红色简洁商务企业官网模板下载_红色设计梦幻摄影博客简洁导航图片企业精品大气.rar
需积分: 0 61 浏览量
2023-09-11
08:41:36
上传
评论
收藏 334KB RAR 举报
红色简洁商务企业官网模板下载_红色设计梦幻摄影博客简洁导航图片企业精品大气.rar （27个子文件） 
skin.css 3KB
gradient-02.png 1023B gradient.png 1KB main.css 6KB
about-01.jpg 5KB font.font.js 17KB logo.png 3KB cufon-yui.js 18KB img-01.jpg 29KB footer.png 1KB article-01.jpg 20KB gallery-01.jpg 22KB nav.png 1KB screenshot.jpg 75KB bg.jpg 68KB nav-separator.png 923B twitter.png 5KB img-03.jpg 29KB
index.html 6KB intro.png 1KB
ul.gif 1KB subpage.html 8KB gallery-03.jpg 16KB img-02.jpg 25KB gallery-02.jpg 20KB laptop.png 11KB pngfix.js 12KB资源评论
