<!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>Jungleland</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/style.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
============================================================================== -->
<div id="content-wrap">
<!-- main -->
<section id="main">
<article class="post">
<h2><a href="index.html">A Blog Entry</a></h2>
<p class="post-info">Posted by <a href="index.html">erwin</a> | 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" width="550" height="210"/>
</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>
<p>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. Donec mattis, purus nec placerat bibendum, dui pede condimentum
odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit 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>
<p class="tags">
<span>Tagged : </span>
<a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a href="#">turpis</a>
</p>
<p class="postmeta">
<a href="index.html" class="comments">Comments (3)</a> |
<span class="date">December 27, 2011</span> |
<a href="index.html" class="edit">Edit</a>
</p>
</article>
<!-- Comments
================================================================================================ -->
<h3>3 Responses</h3>
<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="">December 27th, 2011 at 8:08 am</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="">December 27th, 2011 at 8:15 am</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="">December 27th, 2011 at 8:15 am</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="40" width="40" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#" title="">December 27th, 2011 at 8:20 am</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="40" width="40" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#comment-63" title="">December 27th, 2011 at 8:30 am</a></span>
</cite>
H250_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
91 浏览量
2023-08-02
16:24:34
上传
评论
收藏 523KB ZIP 举报
H250_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （41个子文件） 
H250 js 
jquery-1.6.1.min.js 89KB scrollToTop.js 244B css style.css 22KB
style.html 16KB index.html 15KB archive.html 12KB images 
button-bg.png 6KB
img-post.jpg 26KB img-featured.jpg 34KB search-bg.png 5KB logo.png 10KB header-div.png 100KB tab-right.png 11KB back-to-top.png 1KB quote.png 2KB rss32.png 2KB button-bg-hover.png 6KB thumb-4.jpg 6KB sample-image.jpg 9KB clock.png 2KB search.png 1KB thumb-3.jpg 3KB ribbon.png 12KB thumb-2.jpg 5KB thumb-1.jpg 7KB tab-left.png 1KB bg.png 18KB extra-bg.png 37KB bullet.png 1KB header-bg.png 7KB social google-plus-black.png 520B email.png 512B facebook.png 554B twitter-2.png 676B
icon_email.gif 260B feed.png 622B thumb.jpg 1KB content-div.png 156KB comment.png 1KB gravatar.jpg 1KB blog.html 18KB资源评论
