<!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>GrungeEra</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>
<div id="wrap">
<a name="top"></a>
<!-- header -->
<div id="header">
<h1 id="logo-text"><a href="index.html" title="">GrungeEra</a></h1>
<p id="intro">Just another styleshout css template</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>
<!-- header ends -->
<!-- content starts -->
<div id="content-outer" class="clear" ><div id="content-wrap" >
<div class="content">
<div class="post">
<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>
</div>
<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>I know quite certainly that I myself have no special talent;
curiosity, obsession and dogged endurance, combined with
self-criticism have brought me to my ideas.</p>
<p class="align-right"> - Albert Einstein </p>
</blockquote>
<h3>Headers</h3>
<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h3>Tabular Data</h3>
<table>
<tr>
<th><strong>post date</strong></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>
</div>
<!-- content ends -->
</div></div>
<!-- footer starts -->
<div id="footer-outer" class="clear"><div id="footer-wrap">
<div class="content">
<!-- columns starts -->
<div class="columns">
<div class="col">
<h3>Image Gallery </h3>
<p class="thumbs">
<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt=
棕色复古博客模板_棕色 复古 博客 web20.rar
版权申诉
35 浏览量
2021-11-06
12:46:09
上传
评论
收藏 123KB RAR 举报
棕色复古博客模板_棕色 复古 博客 web20.rar （18个子文件） 
棕色复古博客模板_棕色 复古 博客 web20 GrungeEra11 css 
GrungeEra.css 10KB reset.css 996B screen.css 161B
style.html 12KB index.html 11KB images 
footer.jpg 5KB footer-bottom.jpg 10KB content.jpg 11KB
sep.gif 655B search.gif 826B bg.jpg 38KB firefox-gray.jpg 3KB content-top.jpg 42KB footer-sep.gif 654B thumb.jpg 385B quote.gif 407B gravatar.jpg 1KB blog.html 11KB资源评论
