<!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" xml:lang="en" lang="en">
<head>
<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />
<meta name="Robots" content="index,follow" />
<link rel="stylesheet" href="images/CoolWater.css" type="text/css" />
<title>CoolWater</title>
</head>
<body>
<!-- wrap starts here -->
<div id="wrap">
<!--header -->
<div id="header">
<h1 id="logo-text"><a href="index.html">coolwater</a></h1>
<p id="slogan">put your site slogan here...</p>
<div id="header-links">
<p>
<a href="index.html">Home</a> |
<a href="index.html">Contact</a> |
<a href="index.html">Site Map</a>
</p>
</div>
</div>
<!-- navigation -->
<div id="menu">
<ul>
<li id="current"><a href="index.html">Home</a></li>
<li><a href="index.html">Archives</a></li>
<li><a href="index.html">Downloads</a></li>
<li><a href="index.html">Services</a></li>
<li><a href="index.html">Support</a></li>
<li><a href="index.html">About</a></li>
</ul>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="main">
<a name="TemplateInfo"></a>
<h2><a href="index.html">Template Info</a></h2>
<p class="post-by">posted by: <a href="index.html">ealigam</a></p>
<p><strong>CoolWater</strong> is a free, W3C-compliant, CSS-based website template
by <a href="http://www.moobnn.com/">styleshout.com</a>. This work is
distributed under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to
use and modify it for any purpose. All I ask is that you give me credit by including a <strong>link back</strong> to
<a href="http://www.moobnn.com/">my website</a>.
</p>
<p>
You can find more of my free template designs at <a href="http://www.moobnn.com/">my website</a>.
For premium commercial designs, you can check out
<a href="#" title="Website Templates">DreamTemplate.com</a>.
</p>
<p class="post-footer align-left">
<a href="index.html" class="readmore">Read more</a> |
<a href="index.html" class="comments">Comments (7)</a> |
<span class="date">Nov 04, 2006</span>
</p>
<a name="SampleTags"></a>
<h2><a href="index.html">Sample Tags</a></h2>
<h3>Code</h3>
<p><code>
code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
}
</code></p>
<h3>Example Lists</h3>
<ol>
<li>Here is an example</li>
<li>of an ordered list</li>
</ol>
<ul>
<li>Here is an example</li>
<li>of an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p></blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg" width="100" height="120" alt="firefox" class="float-left" /></a>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum
odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna.
In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
</p>
<h3>Table Styling</h3>
<table>
<tr>
<th><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr>
<td>04.18.2007</td>
<td><a href="index.html">Augue non nibh</a></td>
<td><a href="index.html">Lobortis commodo metus vestibulum</a></td>
</tr>
<tr>
<td>04.18.2007</td>
<td><a href="index.html">Fusce ut diam bibendum</a></td>
<td><a href="index.html">Purus in eget odio in sapien</a></td>
</tr>
<tr>
<td>04.18.2007</td>
<td><a href="index.html">Maecenas et ipsum</a></td>
<td><a href="index.html">Adipiscing blandit quisque eros</a></td>
</tr>
<tr>
<td>04.18.2007</td>
<td><a href="index.html">Sed vestibulum blandit</a></td>
<td><a href="index.html">Cras lobortis commodo metus lorem</a></td>
</tr>
</table>
<h3>Example Form</h3>
<form method="get" action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="sidebar">
<h2>Search Box</h2>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h2>Sidebar Menu</h2>
<ul class="sidemenu">
<li><a href="index.html">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="http://www.moobnn.com/">More Free Templates</a></li>
<li><a href="#" title="Web Templates">Web Templates</a></li>
</ul>
<h2>Links</h2>
<ul class="sidemenu">
<li><a href="http://www.pdphoto.org/">PDPhoto.org</a></li>
<li><a href="http://www.squidfingers.com/patterns/">Squidfingers</a></li>
<li><a href="http://www.alistapart.com">Alistapart</a></li>
<li><a href="http://www.cssmania/">CSS Mania</a></li>
</ul>
<h2>Sponsors</h2>
<ul class="sidemenu">
<li><a href="#" title="Website Templates">
<strong>DreamTemplate</strong></a> <br /> Over 6,000+ Premium Web Templates</li>
<li><a href="#" title="WordPress Themes">
<strong>ThemeLayouts</strong></a> <br /> Premium WordPress & Joomla Themes</li>
<li><a href="#" title="Website Hosting">
<strong>ImHosted.com</strong></a> <br /> Affordable Web Hosting Provider</li>
<li><a href="#" title="Stock Photos">
<strong>Dreamstock</strong></a> <br /> Download Amazing Stock Photos</li>
<li><a href="#" title="Website Builder">
<strong>Evrsoft</strong></a> <br /> Website Builder Software & Tools</li>
<li><a href="#" title="Web Hosting">
<strong>Web Hosting</strong></a> <br /> Top 10 Hosting Reviews</li>
</ul>
<h2>Wise Words</h2>
<p>"To have a quiet mind is to possess one's mind wholly; to have a calm spirit is to
possess one's self." </p>
<p class="align-right">- Hamilton Mabie</p>
<h2>Support Styleshout</h2>
<p>If you are interested in supporting my work and would like to contribute, you are
welcome to make a small donation through the
<a href="http://www.moobnn.com/">donate
蓝色头部博客模板_蓝色头部博客web20导航.rar
需积分: 5 7 浏览量
2023-09-12
08:45:45
上传
评论
收藏 29KB RAR 举报
蓝色头部博客模板_蓝色头部博客web20导航.rar （13个子文件） 
footer.jpg 10KB
Thumbs.db 6KB content.jpg 449B CoolWater.css 8KB header.jpg 16KB sep.jpg 420B
index.html 8KB firefox-gray.jpg 2KB menu.jpg 5KB
bullet.gif 281B button-bg.jpg 831B box.jpg 6KB quote.jpg 1KB资源评论
