<!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/PixelGreen.css" type="text/css" />
<title>Pixel Green</title>
</head>
<body>
<!-- wrap starts here -->
<div id="wrap">
<div id="header"><div id="header-content">
<h1 id="logo"><a href="index.html" title="">pixel<span class="gray">green</span></a></h1>
<h2 id="slogan">Put your site slogan here...</h2>
<!-- Menu Tabs -->
<ul>
<li><a href="index.html" id="current">Home</a></li>
<li><a href="index.html">News</a></li>
<li><a href="index.html">Downloads</a></li>
<li><a href="index.html">Support</a></li>
<li><a href="index.html">About</a></li>
</ul>
</div></div>
<div class="headerphoto"></div>
<!-- content-wrap starts here -->
<div id="content-wrap"><div id="content">
<div id="sidebar" >
<div class="sidebox">
<h1>Short About</h1>
<p>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.</p>
</div>
<div class="sidebox">
<h1 class="clear">Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="index.html" class="top">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="http://www.htmldivcss.com/">More Templates</a></li>
<li><a href="#" title="Web Templates">Web Templates</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#" title="Website Templates" class="top">DreamTemplate</a></li>
<li><a href="#" title="WordPress Themes">ThemeLayouts</a></li>
<li><a href="#" title="Website Hosting">ImHosted.com</a></li>
<li><a href="#" title="Stock Photos">DreamStock</a></li>
<li><a href="#" title="Website Builder">Evrsoft</a></li>
<li><a href="#" title="Web Hosting">Web Hosting</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Wise Words</h1>
<p>"No man can live happily who regards himself alone;
who turns everything to his own advantage. You must live for
others if you wish to live for yourself."</p>
<p class="align-right">- Seneca</p>
</div>
<div class="sidebox">
<h1>Support Styleshout</h1>
<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.htmldivcss.com/">donate link</a> on my website - it will
be a great help and will surely be appreciated.</p>
</div>
<div class="sidebox">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div id="main">
<div class="post">
<a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p>Posted by <a href="index.html">ealigam</a></p>
<p><strong>PixelGreen</strong> is a free, W3C-compliant, CSS-based website template
by <a href="http://www.htmldivcss.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.htmldivcss.com/">my website</a>.
</p>
<p>
You can find more of my free template designs at <a href="http://www.htmldivcss.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-right">
<a href="index.html" class="readmore">Read more</a>
<a href="index.html" class="comments">Comments (7)</a>
<span class="date">Nov 11, 2006</span>
</p>
</div>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<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="121" alt="firefox-gray" 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. Aliquam ornare diam iaculis nibh.
</p>
<h3>Table Styling</h3>
<table>
<tr>
<th class="first"><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr class="row-a">
<td class="first">05.31.2006</td>
<td><a href="index.html">Augue non nibh</a></td>
<td><a href="index.html">Lobortis commodo metus vestibulum</a></td>
</tr>
<tr class="row-b">
<td class="first">05.31.2006</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 class="row-a">
<td class="first">05.31.2006</td>
<td><a href="index.html">Maecenas et ipsum</a></td>
<td><a href="index.html">Adipiscing blandit quisque eros</a></td>
</tr>
<tr class="row-b">
<td class="first">05.31.2006</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 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>
<text
421js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （11个子文件） 
421 
1.jpg 80KB
index.html 10KB images headerphoto.jpg 25KB
page.gif 393B bg.jpg 471B
PixelGreen.css 9KB firefox-gray.jpg 3KB gradientbg.jpg 337B clock.gif 272B bullet.gif 281B comment.gif 364B资源评论
