<!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
手机wap源码模板 (315).zip
版权申诉
50 浏览量
2021-09-24
13:39:49
上传
评论
收藏 176KB ZIP 举报
手机wap源码模板 (315).zip （35个子文件） 
css 
coolblue.css 25KB
blog.html 22KB style.html 19KB archive.html 15KB images 
content.png 11KB bg.png 26KB header-bg.png 13KB thumb.png 2KB clock.png 2KB
gravatar.jpg 2KB back-to-top.png 1KB rss32.png 2KB logo.png 6KB comment.png 1KB content-bg.png 1KB date-bg.png 1KB footer-line.png 930B sample-image.jpg 9KB current.png 1KB speech-bubble.png 1KB quote.png 1KB search.png 1KB permalink.png 1KB social_twitter.png 6KB user.png 1KB social_rss.png 6KB social_email.png 4KB tag.png 1KB img-post.jpg 13KB dotted-lines.png 3KB selected.png 1KB social_facebook.png 5KB js jquery-1.6.1.min.js 89KB scrollToTop.js 244B index.html 18KB资源评论
