<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Styles | RS 12 - Free CSS Template</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="topnav">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="styles.html">Styles</a></li>
<li><a href="notes.html">Notes</a></li>
<li><a href="#nogo">Nogo</a></li>
</ul>
</div>
<div id="breadcrumb"><a href="#">YourWebsite.com</a> » <a href="#">Home </a></div>
<h1 id="sitename"><a href="#">RS Tech Blog</a><span class="caption">High Quality Templates & Themes</span> </h1>
</div>
<div id="content">
<div id="left">
<div class="post">
<div class="post_h">
</div>
<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Blockquote</h2>
<blockquote><p>Mauris nisi diam, feugiat a, ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus. Donec scelerisque tristique ante.</p></blockquote>
<p>Integer imperdiet, purus a malesuada ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa. Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>
<div class="post">
<div class="post_h">
</div>
<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Image In A post </h2>
<img class="alignright" src="images/imgsample.jpg" alt="image" /> <p>Mauris nisi diam, feugiat a, ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus. Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa. Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>
<div class="post">
<div class="post_h">
</div>
<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2><a href="#">Ordered & Unordered Lists </a></h2>
<p>Mauris nisi diam, feugiat a, ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus. </p>
<ul>
<li>Donec scelerisque tristique ante. </li>
<li>Integer imperdiet, purus a malesuada ornare, </li>
<li>odio lorem dictum tellus, eget rhoncus dui ante gravida massa. </li>
<li>Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. </li>
<li>Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus.</li>
<li> Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. </li>
<li>Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem,</li>
<li> vitae laoreet mi dui ac sem. Aenean urna.</li>
</ul>
<ol>
<li>Donec scelerisque tristique ante. </li>
<li>Integer imperdiet, purus a malesuada ornare, </li>
<li>odio lorem dictum tellus, eget rhoncus dui ante gravida massa. </li>
<li>Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. </li>
<li>Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus.</li>
<li> Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. </li>
<li>Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem,</li>
<li> vitae laoreet mi dui ac sem. Aenean urna.</li>
</ol>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>
<div class="post">
<div class="post_h">
</div>
<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Code</h2>
<p>Mauris nisi diam, feugiat a, ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus. Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa. Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. </p>
<code>
.post ul li {
background: url(images/bullet.jpg) no-repeat 0px 8px;
display: block;
padding: 4px 4px 4px 15px;
}
</code>
<p>Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>
<div class="post">
<div class="post_h">
</div>
<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Code</h2>
<p>Mauris nisi diam, feugiat a, ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus. Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa. Integer massa pede, laoreet commodo, viverra nec, vestibulum nec, velit. </p>
<code>
.post ul li {
background: url(images/bullet.jpg) no-repeat 0px 8px;
display: block;
padding: 4px 4px 4px 15px;
}
</code>
<p>Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis, feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis. Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>
<div id="comments">
<div id="commentop">
</div>
<div id="commentcontent">
<form action="#">
<p>
<label for="author">Name (required)</label>
<input class="text" name="author" id="author" value="" size="22" tabindex="1" type="text" />
</p>
<p>
<label for="email">
391_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （34个子文件） 
391 
style.css 8KB
styles.html 11KB
1.jpg 140KB notes.html 6KB index.html 8KB images imgsample.jpg 15KB blogtemplate2_07.jpg 2KB bgtop.jpg 408B footer.jpg 6KB bodybg.jpg 312B readmore.jpg 590B pageheader.jpg 2KB postbg.jpg 426B header.jpg 43KB header3.jpg 42KB postheader.jpg 2KB submit.jpg 1KB bullet.jpg 359B header1.jpg 43KB commentbtm.jpg 2KB sidebarheading.jpg 2KB postfooter.jpg 3KB posticon.jpg 18KB header4.jpg 39KB commenttop.jpg 3KB codebg.jpg 1KB comment.jpg 637B category.jpg 576B pagebg.jpg 574B paginationbg.jpg 4KB header2.jpg 40KB
menuhover.png 3KB menunormal.png 3KB commentbg.jpg 408B资源评论
