<!DOCTYPE html>
<!--[if IE 7 ]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8 oldie"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta charset="utf-8"/>
<meta name="description" content="">
<meta name="author" content="">
<title>CoolBlue</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/coolblue.css" />
<!--[if lt IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.6.1.min.js"><\/script>')</script>
<script src="js/scrollToTop.js"></script>
</head>
<body id="top">
<!--header -->
<div id="header-wrap"><header>
<hgroup>
<h1><a href="index.html">Coolblue</a></h1>
<h3>Just Another Styleshout Template</h3>
</hgroup>
<nav>
<ul>
<li><a href="index.html">Home</a><span></span></li>
<li><a href="style.html">Style Demo</a><span></span></li>
<li id="current"><a href="blog.html">Blog</a><span></span></li>
<li><a href="archive.html">Archives</a><span></span></li>
<li><a href="index.html">Support</a><span></span></li>
<li><a href="index.html">About</a><span></span></li>
</ul>
</nav>
<div class="subscribe">
<span>Subscribe:</span> <a href="#">Email</a> | <a href="#">RSS</a>
</div>
<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-->
</header></div>
<!-- content-wrap -->
<div id="content-wrap">
<!-- content -->
<div id="content" class="clearfix">
<!-- main -->
<div id="main">
<!-- post -->
<article class="post single">
<!-- primary -->
<div class="primary">
<h2><a href="index.html">A Blog Post</a></h2>
<p class="post-info"><span>Filed under</span> <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="206" width="498"/>
</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>
<!-- /primary -->
</div>
<aside>
<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>
</aside>
<!-- /post -->
</article>
<!-- post-bottom-section -->
<div class="post-bottom-section">
<h4>3 comments</h4>
<div class="primary">
<ol class="commentlist">
<li class="depth-1">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="42" width="42" />
<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="42" width="42" />
<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="42" width="42" />
<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="children">
<li class="depth-3">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="42" width="42" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#" title="">January 31st, 2010 at 8:10 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>Threaded comments are cool!</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</li>
<li class="thread-alt depth-1">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="42" width="42" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#comment-63" title="">January 31st, 2010 at 8:00 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
Suspendisse bibend
个人blog蓝白_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
75 浏览量
2023-08-04
09:22:19
上传
评论
收藏 179KB ZIP 举报
个人blog蓝白_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （35个子文件） 
个人blog蓝白 js 
jquery-1.6.1.min.js 89KB scrollToTop.js 244B PSDs css coolblue.css 25KB
style.html 19KB index.html 17KB archive.html 15KB images 
date-bg.png 1KB thumb.png 2KB permalink.png 1KB
img-post.jpg 13KB logo.png 6KB social_facebook.png 5KB back-to-top.png 1KB quote.png 1KB rss32.png 2KB social_twitter.png 6KB content.png 11KB sample-image.jpg 9KB clock.png 2KB footer-line.png 930B search.png 1KB social_rss.png 6KB bg.png 26KB user.png 1KB header-bg.png 13KB social_email.png 4KB tag.png 1KB speech-bubble.png 1KB current.png 1KB content-bg.png 1KB dotted-lines.png 3KB selected.png 1KB comment.png 1KB gravatar.jpg 2KB blog.html 22KB资源评论
