<!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>CoolBlue</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 -->
<div id="header-wrap"><div id="header">
<a name="top"></a>
<h1 id="logo-text"><a href="index.html" title="">coolblue</a></h1>
<p id="slogan">Just Another Styleshout CSS Template... </p>
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="style.html">Style Demo</a></li>
<li id="current"><a href="blog.html">Blog</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="index.html">Support</a></li>
<li><a href="index.html">About</a></li>
</ul>
</div>
<p id="rss">
<a href="index.html">Grab the RSS feed</a>
</p>
<form id="quick-search" method="get" action="index.html">
<fieldset class="search">
<label for="qsearch">Search:</label>
<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
<button class="btn" title="Submit Search">Search</button>
</fieldset>
</form>
<!--/header-->
</div></div>
<!-- content-outer -->
<div id="content-wrap" class="clear" >
<!-- content -->
<div id="content">
<!-- main -->
<div id="main">
<div class="post">
<div class="right">
<h2><a href="index.html">A Blog Post</a></h2>
<p class="post-info">Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a></p>
<div class="image-section">
<img src="images/img-post.jpg" alt="image post" height="200" width="500"/>
</div>
<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>
<div class="share-box clear" >
<h4>Share This</h4>
<ul>
<li><a title="RSS" href="index.html" rel="nofollow">
<img alt="RSS" title="RSS" src="images/rss_32.png" /></a>
</li>
<li><a title="del.icio.us" href="index.html" rel="nofollow">
<img alt="del.icio.us" title="del.icio.us" src="images/delicious_32.png" /></a>
</li>
<li><a title="StumbleUpon" href="index.html" rel="nofollow">
<img alt="StumbleUpon" title="StumbleUpon" src="images/stumbleupon_32.png" /></a>
</li>
<li><a title="Digg" href="index.html" rel="nofollow">
<img alt="Digg" title="Digg" src="images/digg_32.png" /></a>
</li>
<li><a title="Facebook" href="index.html" rel="nofollow">
<img alt="Facebook" title="Facebook" src="images/facebook_32.png" /></a>
</li>
<li><a title="Twitter" href="index.html" rel="nofollow">
<img alt="Twitter" title="Twitter" src="images/twitter_32.png" /></a>
</li>
<li><a title="Technorati" href="index.html" rel="nofollow">
<img alt="Technorati" title="Technorati" src="images/technorati_32.png" /></a>
</li>
<li><a title="NewsVine" href="index.html" rel="nofollow">
<img alt="NewsVine" title="NewsVine" src="images/newsvine_32.png" /></a>
</li>
<li><a title="LinkedIn" href="index.html" rel="nofollow">
<img alt="LinkedIn" title="LinkedIn" src="images/linkedin_32.png" /></a>
</li>
<li><a title="E-mail this story to a friend!" href="index.html" rel="nofollow">
<img alt="E-mail this story to a friend!" title="E-mail this story to a friend!" src="images/email_32.png" /></a>
</li>
</ul>
</div>
</div>
<div class="left">
<p class="dateinfo">JAN<span>31</span></p>
<div class="post-meta">
<h4>Post Info</h4>
<ul>
<li class="user"><a href="#">Erwin</a></li>
<li class="time"><a href="#">12:30 PM</a></li>
<li class="comment"><a href="#">10 Comments</a></li>
<li class="permalink"><a href="#">Permalink</a></li>
</ul>
</div>
<div class="post-meta">
<h4>tags</h4>
<ul class="tags">
<li><a href="index.html" rel="tag">Clean</a></li>
<li><a href="index.html" rel="tag">Blog</a></li>
<li><a href="index.html" rel="tag">Minimal</a></li>
</ul>
</div>
</div>
</div>
<div class="post-bottom-section">
<h4>3 comments</h4>
<div class="right">
<ol class="commentlist">
<li class="depth-1">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#comment-63" title="">January 31st, 2010 at 10:00 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>Comments are great!</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
<ul class="children">
<li class="depth-2">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#" title="">January 31st, 2010 at 8:15 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>And here is a threaded comment.</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
</li>
<li class="depth-2">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#" title="">January 31st, 2010 at 8:15 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>And here is another threaded comment.</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
<ul class="chil
漂亮大气简洁的博客模板_漂亮 大气 简洁 博客 导航 web20 精品 线条 白色.rar
版权申诉
6 浏览量
2021-11-06
12:48:11
上传
评论
收藏 117KB RAR 举报
漂亮大气简洁的博客模板_漂亮 大气 简洁 博客 导航 web20 精品 线条 白色.rar （46个子文件） 
漂亮大气简洁的博客模板_漂亮 大气 简洁 博客 导航 web20 精品 线条 白色 CoolBlue10 css 
enhancements.css 1KB coolblue.css 20KB reset.css 996B screen.css 197B
style.html 17KB index.html 16KB archives.html 14KB images 
user.gif 947B current.gif 351B content.gif 109B
img-post.jpg 19KB Thumbs.db 8KB
stumbleupon_32.png 866B current.jpg 723B footer-line.gif 44B tag.gif 994B social_facebook.png 5KB social_twitter.png 6KB facebook_32.png 732B newsvine_32.png 981B bg.gif 122B rss.gif 1KB email_32.png 771B document.gif 93B permalink.gif 329B date-bg.gif 2KB speech_bubble.gif 97B search.gif 1KB bg.jpg 6KB digg_32.png 831B delicious_32.png 698B social_rss.png 6KB twitter_32.png 683B firefox-gray.jpg 3KB header-bg.png 10KB social_email.png 4KB clock.gif 207B thumb.jpg 350B comment.gif 963B rss_32.png 1KB header-bg.jpg 2KB quote.gif 261B technorati_32.png 1KB linkedin_32.png 1005B gravatar.jpg 1KB blog.html 22KB资源评论
