<!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>Unbound</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" href="images/Unbound.css" type="text/css" />
</head>
<body>
<!-- header starts-->
<div id="header-wrap">
<div id="header-photo">
<img alt="header photo" src="images/header-photo.jpg" width="890" height="290" />
</div>
<h1 id="logo-text"><a href="index.html" title="">Unbound</a></h1>
<p id="intro">Put your favorite slogan here...</p>
<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="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>
<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 this site..." title="Start typing and hit ENTER" />
<input class="btn" type="submit" value="Submit" />
</p>
</form>
<!-- header ends here -->
</div>
<!-- content starts -->
<div id="content-outer" class="clear"><div id="content-wrapper">
<!-- column-one -->
<div id="content"><div class="col-one">
<h2><a href="index.html">A Blog Entry</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 (7)</a> |
<span class="date">April 17, 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>
<blockquote>
<p>If we know who we are, we will not try to become someone else in order to have
value and meaning in our lives. If we don't know who we are, we will try to
become someone who someone else wants us to be.</p>
<p class="align-right"> - Robert McGee</p>
</blockquote>
<h3>Headers</h3>
<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h3>Tables and Forms</h3>
<table>
<tr>
<th><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr class="row-a">
<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 class="row-b">
<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>
<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>Select</label>
<select name="dummy2">
<option value="1">Option One</option>
<option value="2">Option Two</option>
<option value="3">Option Three</option>
</select>
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" value="Submit"/>
<input class="button" type="reset" value="Reset"/>
</p>
</form>
</div></div>
<!-- column-two -->
<div class="col-two">
<h3>Sidebar Menu</h3>
<ul class="sidemenu">
<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="http://www.moobnn.com/">More Free Templates</a></li>
<li><a href="#" title="Web Templates">Web Templates</a></li>
</ul>
<h3>Links</h3>
<ul class="sidemenu">
<li><a href="http://www.PDPhoto.org/">PDPhoto</a></li>
<li><a href="http://www.alistapart.com">Alistapart</a></li>
<li><a href="http://www.cssremix.com">CSS Remix</a></li>
<li><a href="#">CSS Mania</a></li>
</ul>
<h3>Sponsors</h3>
<ul class="sidemenu">
<li><a href="#" title="Website Templates">DreamTemplate <br />
<span>Over 6,000+ Premium Web Template
漂亮大气的灰色线条模板_漂亮 大气 灰色 线条 简洁 web20 精品 大图 白色_html网站模板_网页源码移动端前.rar
49 浏览量
2023-08-06
12:16:01
上传
评论
收藏 60KB RAR 举报
漂亮大气的灰色线条模板_漂亮 大气 灰色 线条 简洁 web20 精品 大图 白色_html网站模板_网页源码移动端前.rar （14个子文件） 
漂亮大气的灰色线条模板_漂亮 大气 灰色 线条 简洁 web20 精品 大图 白色 Unbound11 
style.html 16KB index.html 16KB images 
dots.gif 45B
nav-current.jpg 326B content-bg.jpg 5KB bg.jpg 389B thumb-2.jpg 2KB wrap-bg.jpg 10KB firefox-gray.jpg 3KB bullet.gif 279B thumb.jpg 448B
Unbound.css 11KB header-photo.jpg 37KB quote.jpg 965B资源评论
