<!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>
<title>Keep It Simple</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
</head>
<body>
<!-- header starts-->
<div id="header-wrap"><div id="header" class="container_16">
<h1 id="logo-text"><a href="index.html" title="">Keep It Simple</a></h1>
<p id="intro">Put your favorite slogan here...</p>
<!-- navigation -->
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li id="current"><a href="style.html">Style Demo</a></li>
<li><a href="blog.html">Blog</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>
<div id="header-image"></div>
<form id="quick-search" action="index.html" method="get" >
<p>
<label for="qsearch">Search:</label>
<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
<input class="btn" alt="Search" type="image" name="searchsubmit" title="Search" src="images/search.gif" />
</p>
</form>
<!-- header ends here -->
</div></div>
<!-- content starts -->
<div id="content-outer"><div id="content-wrapper" class="container_16">
<!-- main -->
<div id="main" class="grid_8">
<h2><a href="index.html">A Blog Post</a></h2>
<p class="post-info">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac <a href="index.html">convallis aliquam</a>, lectus turpis varius lorem, eu
posuere nunc justo tempus leo.</p>
<p>
Donec mattis, purus nec placerat bibendum, <a href="index.html">dui pede condimentum</a>
odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, <a href="index.html">eget fringilla velit</a> magna id neque. Curabitur vel urna.
In tristique orci porttitor ipsum. 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>
<p class="postmeta">
<a href="index.html" class="readmore">Read more</a> |
<a href="index.html" class="comments">Comments (3)</a> |
<span class="date">July 20, 2008</span>
</p>
<h2><a href="index.html">Common XHTML Elements</a></h2>
<h3>Text and Image</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. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo.
</p>
<p>
A <a href="style.html">link</a>,
<acronym title="this really isn't a very good description">acronym</acronym>,
<strong>strong text</strong> and
<del>deleted text</del>.
</p>
<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>
<dl>
<dt>Definition title</dt>
<dd>Definition description</dd>
<dt>Definition title</dt>
<dd>Definition description</dd>
</dl>
<h3>Blockquote</h3>
<blockquote>
<p>Beauty of style and harmony and grace and good rhythm
depends on simplicity.</p>
<p class="align-right"> - Plato</p>
</blockquote>
<h3>Headers</h3>
<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h3>Tabular Data</h3>
<table>
<tr>
<th><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr>
<td>04.18.2008</td>
<td>Augue non nibh</td>
<td>Commodo <a href="index.html">metus</a> vestibulum hdhdh djdjdj djdjdj</td>
</tr>
<tr class="altrow">
<td>04.18.2008</td>
<td>Fusce ut diam</td>
<td>Purus in eget odio in sapien</td>
</tr>
<tr>
<td>04.18.2008</td>
<td>Augue non nibh</td>
<td>Adipiscing blandit </td>
</tr>
<tr class="altrow">
<td>04.18.2008</td>
<td>Sed vestibulum</td>
<td>Cras <a href="index.html">lobortis</a> commodo </td>
</tr>
</table>
<h3>Contact Form</h3>
<form action="index.html" method="get" id="contactform">
<p>Send me a message</p>
<p>
<label for="subject">Subject</label><br />
<select id="subject" name="subject" tabindex="1">
<option value="1">Option One</option>
<option value="2">Option Two</option>
<option value="3">Option Three</option>
</select>
</p>
<p>
<label for="name">Your Name</label><br />
<input id="name" name="name" value="Your Name" type="text" tabindex="2" />
</p>
<p>
<label for="email">Your Email Address</label><br />
<input id="email" name="email" value="Your Email" type="text" tabindex="3" />
</p>
<p>
<label for="message">Your Message</label><br />
<textarea id="message" name="message" rows="10" cols="20" tabindex="4"></textarea>
</p>
<p class="no-border">
<input class="button" type="submit" value="Submit" tabindex="5" />
<input class="button" type="reset" value="Reset" tabindex="6" />
</p>
</form>
<!-- main ends -->
</div>
<!-- left-columns starts -->
<div id="left-columns" class="grid_8">
<div class="grid_4 alpha">
<div class="sidemenu">
<h3>Sidebar Menu</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#TemplateInfo">TemplateInfo</a></li>
<li><a href="style.html">Style Demo</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="#" title="Web Templates">Web Templates</a></li>
</ul>
</div>
<div class="sidemenu">
<h3>Links</h3>
<ul>
<li><a href="http://www.PDPhoto.org/">PDPhoto</a></li>
<li><a href="http://www.alistapart.com">Alistapar
绿色大气简洁的博客模板_绿色大气简洁博客精品线条白色web20三栏导航.rar
需积分: 5 194 浏览量
2023-09-12
08:45:38
上传
评论
收藏 51KB RAR 举报
绿色大气简洁的博客模板_绿色大气简洁博客精品线条白色web20三栏导航.rar （22个子文件） 
dots.gif 45B left-tab.gif 172B
Thumbs.db 5KB header-image.gif 9KB content-bg.gif 73B 960.css 6KB border.gif 44B bg.gif 59B header-search.gif 614B reset.css 996B search.gif 710B
style.html 16KB KeepItSimple.css 12KB screen.css 189B index.html 15KB
firefox-gray.jpg 3KB right-tab.gif 477B thumb.jpg 334B blog.html 16KB quote.gif 261B image.gif 17KB gravatar.jpg 1KB资源评论
