<!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>Blog | RS 19</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="topbar">
</div>
<div id="ribbon">
<h1 id="sitename">RamblingSoul</h1>
</div>
<div id="header">
<div id="topnav">
<ul>
<li><a href="index.html" title="Home Page">Home</a></li>
<li class="current"><a href="blog.html" title="blog example">Blog Page</a></li>
<li><a href="single.html" title="Single Page Example">Single Article</a></li>
<li><a href="about.html" title="about page">About</a></li>
<li><a href="contact.html" title="contact page">Contact</a></li>
</ul>
</div>
<div id="introtext">
<h2>Hello,</h2>
<p><span>
Fusce vulputate dapibus purus euismod hendrerit. Donec et sapien sed quam tristique aliquet. Etiam nec quam nulla. Donec sit amet dui sed lectus semper tincidunt eget et massa. Integer et orci massa.</span></p>
</div>
</div>
<div id="content">
<div id="left">
<div class="container">
<div class="post">
<div class="postheader">
<div class="date shadow">
<span class="day">28</span>
<span class="month">September</span>
</div>
<p class="postinfo">
<span>By <a href="#">admin</a></span>
<span><a href="#">15 Comments</a></span>
<span><a href="#">Web Design</a></span>
<span><strong>Tags</strong></span>
<span><a href="#">Lorem</a>, <a href="#">Ipsum</a>, <a href="#">Sapien</a>, <a href="#">Eros</a></span>
</p>
</div>
<div class="postcontent"><h2><a href="#">Lorem Ipsum Dolar Sit Amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet arcu vitae ipsum cursus cursus a eleifend urna. Praesent eu bibendum arcu. Nunc volutpat, dui non tristique ornare, sapien eros mollis ligula, ut ultricies lectus ligula in leo. Nam ut ante lacus. In non mi quis tellus laoreet egestas. Sed lorem massa, tempor non bibendum eu, vehicula id lectus. Sed pellentesque, libero at sodales dictum, tellus quam volutpat dolor, eu accumsan arcu massa vel sapien. </p>
<p>Vestibulum feugiat ante non nunc pellentesque hendrerit. Mauris tempor blandit nunc in hendrerit. Proin tincidunt turpis id nisl mattis ac ullamcorper lorem pharetra. Ut faucibus quam nec metus ullamcorper commodo. Cras sodales nibh a lorem iaculis a sodales velit iaculis. Mauris facilisis fringilla lobortis. Ut rutrum, elit in gravida posuere, ipsum diam imperdiet quam, consequat tincidunt felis ipsum ac nibh. Etiam ut purus ante. Donec non iaculis urna. <span class="readmore"><a href="#">Read More</a></span></p>
</div>
</div>
<div class="post">
<div class="postheader">
<div class="date shadow">
<span class="day">28</span>
<span class="month">September</span>
</div>
<p class="postinfo">
<span>By <a href="#">admin</a></span>
<span><a href="#">15 Comments</a></span>
</p>
</div>
<div class="postcontent"><h2><a href="#">Lorem Ipsum Dolar Sit Amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet arcu vitae ipsum cursus cursus a eleifend urna. Praesent eu bibendum arcu. Nunc volutpat, dui non tristique ornare, sapien eros mollis ligula, ut ultricies lectus ligula in leo. Nam ut ante lacus. In non mi quis tellus laoreet egestas. Sed lorem massa, tempor non bibendum eu, vehicula id lectus. Sed pellentesque, libero at sodales dictum, tellus quam volutpat dolor, eu accumsan arcu massa vel sapien. </p>
<p>Vestibulum feugiat ante non nunc pellentesque hendrerit. Mauris tempor blandit nunc in hendrerit. Proin tincidunt turpis id nisl mattis ac ullamcorper lorem pharetra. Ut faucibus quam nec metus ullamcorper commodo. Cras sodales nibh a lorem iaculis a sodales velit iaculis. Mauris facilisis fringilla lobortis. Ut rutrum, elit in gravida posuere, ipsum diam imperdiet quam, consequat tincidunt felis ipsum ac nibh. Etiam ut purus ante. Donec non iaculis urna. <span class="readmore"><a href="#">Read More</a></span></p>
</div>
</div>
<div class="post">
<div class="postheader">
<div class="date shadow">
<span class="day">28</span>
<span class="month">September</span>
</div>
<p class="postinfo">
<span>By <a href="#">admin</a></span>
<span><a href="#">15 Comments</a></span>
</p>
</div>
<div class="postcontent"><h2><a href="#">Lorem Ipsum Dolar Sit Amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet arcu vitae ipsum cursus cursus a eleifend urna. Praesent eu bibendum arcu. Nunc volutpat, dui non tristique ornare, sapien eros mollis ligula, ut ultricies lectus ligula in leo. Nam ut ante lacus. In non mi quis tellus laoreet egestas. Sed lorem massa, tempor non bibendum eu, vehicula id lectus. Sed pellentesque, libero at sodales dictum, tellus quam volutpat dolor, eu accumsan arcu massa vel sapien. </p>
<p>Vestibulum feugiat ante non nunc pellentesque hendrerit. Mauris tempor blandit nunc in hendrerit. Proin tincidunt turpis id nisl mattis ac ullamcorper lorem pharetra. Ut faucibus quam nec metus ullamcorper commodo. Cras sodales nibh a lorem iaculis a sodales velit iaculis. Mauris facilisis fringilla lobortis. Ut rutrum, elit in gravida posuere, ipsum diam imperdiet quam, consequat tincidunt felis ipsum ac nibh. Etiam ut purus ante. Donec non iaculis urna. <span class="readmore"><a href="#">Read More</a></span></p>
</div>
</div>
<div class="post">
<div class="postheader">
<div class="date shadow">
<span class="day">28</span>
<span class="month">September</span>
</div>
<p class="postinfo">
<span>By <a href="#">admin</a></span>
<span><a href="#">15 Comments</a></span>
</p>
</div>
<div class="postcontent"><h2><a href="#">Lorem Ipsum Dolar Sit Amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet arcu vitae ipsum cursus cursus a eleifend urna. Praesent eu bibendum arcu. Nunc volutpat, dui non tristique ornare, sapien eros mollis ligula, ut ultricies lectus ligula in leo. Nam ut ante lacus. In non mi quis tellus laoreet egestas. Sed lorem massa, tempor non bibendum eu, vehicula id lectus. Sed pellentesque, libero at sodales dictum, tellus quam volutpat dolor, eu accumsan arcu massa vel sapien. </p>
<p>Vestibulum feugiat ante non nunc pellentesque hendrerit. Mauris tempor blandit nunc in hendrerit. Proin tincidunt turpis id nisl mattis ac ullamcorper lorem pharetra. Ut faucibus quam nec metus ullamcorper commodo. Cras sodales nibh a lorem iaculis a sodales velit iaculis. Mauris facilisis fringilla lobortis. Ut rutrum, elit in gravida posuere, ipsum diam imperdiet quam, consequat tincidunt felis ipsum ac nibh. Etiam ut purus ante. Donec non iaculis urna. <span class="readmore"><a href="#">Read More</a></span></p>
</div>
</div>
<div class="pagination">
<span class="leftalign"><a href="#">Previous</a></span>
<span class="rightalign"><a href="#">Next</a></span>
<div class="clear"></div>
</div>
</div>
</div>
<div id="sidebar">
<div class="container">
<h2>Categories</h2>
<div class="categories">
<ul class="shadow">
<li><a href="#">Web Design</a></li>
<li><a href="#">CSS & XHTML</a></li>
<li><a href="#">Computer Science</a></li>
<li><a href="#">General</a></li>
<li><a href="#">Tutorials</a></li>
</ul>
</div>
<h2>Latest Posts</h2>
<div class="latestposts">
<ul class="shadow">
<li><a href="#">Vestibulum feugiat ante non nunc pellentesque hendrerit</a></li>
<li><a href="#">Ut faucibus quam nec metus </a></li>
<li><a href="#">consequat tincidunt felis ipsum ac nibh</a></li>
<li><a href="#"> Proin tincidunt turpis id nisl mattis</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
<h2>Blogroll</h2>
<div class="categories">
<ul class="shadow">
<li><a href="#">Web Design</a></li>
<li><a hr
紫色背景漂亮清晰的CSS3模板_紫色博客漂亮清晰大气整站css3英文标准.rar
需积分: 0 161 浏览量
2023-09-12
08:40:51
上传
评论
收藏 100KB RAR 举报
紫色背景漂亮清晰的CSS3模板_紫色博客漂亮清晰大气整站css3英文标准.rar （11个子文件） 
style.css 6KB
htmlbg.jpg 997B
wordpress.gif 13KB w3cicon.jpg 643B bodybg.jpg 29KB ubuntu.gif 12KB menubar.jpg 311B wrapbg.jpg 38KB
index.html 8KB single.html 6KB blog.html 8KB资源评论
Q_97095639
- 粉丝: 380
- 资源: 1万+
