<!DOCTYPE html>
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Lucent | Blog</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" href="images/favicon.ico">
<link rel="stylesheet" href="css/style.css" media="screen" />
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" href="css/video-js.css" />
<link rel="stylesheet" href="css/audioplayerv1.css" media="screen" />
<!-- HTML5 Shiv + detect touch events -->
<script src="js/modernizr.custom.js"></script>
<!-- HTML5 Video Player -->
<script src="js/video.js"></script>
<script>_V_.options.flash.swf = 'js/video-js.swf';</script>
</head>
<body class="liquid light">
<div id="wrapper">
<!-- ***************** - Header Top - ***************** -->
<div id="header-top" class="clearfix">
<section class="container clearfix">
<div class="one-half">
<ul class="contact-info clearfix">
<li class="phone">+1 800 559 6580</li>
<li class="email"><a href="mailto:info@companyname.com">info@companyname.com</a></li>
</ul><!--/ .contact-info-->
</div><!--/ .one-half-->
<div class="one-half last">
<ul data-description="Stay in touch via social networks:" class="social-links clearfix">
<li data-tooltip="LinkedIn" class="linked"><a href="#">LinkedIn</a></li>
<li data-tooltip="Flickr" class="flickr"><a href="#">Flickr</a></li>
<li data-tooltip="Twitter" class="twitter"><a href="#">Twitter</a></li>
<li data-tooltip="Facebook" class="facebook"><a href="#">Facebook</a></li>
<li data-tooltip="Rss" class="rss"><a href="#">Rss</a></li>
</ul><!--/ .social-links-->
</div><!--/ .one-fourth.last-->
</section><!--/ .container-->
<a href="#" id="more"></a>
</div><!--/ #header-top-->
<!-- ***************** - END Header Top - ***************** -->
<!-- ***************** - Container - ***************** -->
<section class="container">
<!-- ***************** - Header - ***************** -->
<header id="header" class="clearfix">
<div id="logo">
<h1><a href="index.html">Lucent</a></h1>
<div class="slogan"><span>Responsive HTML Theme</span></div><!--/ .slogan-->
</div><!--/ #logo-->
<nav id="navigation" class="navigation">
<ul>
<li><a href="index.html">Home</a>
</li>
<li><a href="features-typography.html">Features</a>
<ul>
<li><a href="features-typography.html">Typography</a></li>
<li><a href="features-shortcodes-buttons.html">Shortcodes</a>
<ul>
<li><a href="features-shortcodes-buttons.html">Buttons & List Styles</a></li>
<li><a href="features-shortcodes-columns.html">Columns</a></li>
<li><a href="features-shortcodes-alert-boxes.html">Alert Boxes</a></li>
<li><a href="features-shortcodes-elements.html">Accordion, Tabs & Toggle</a></li>
<li><a href="features-shortcodes-pricing-tables.html">Pricing Tables</a></li>
<li><a href="features-shortcodes-dropcaps.html">Dropcaps & Blockquotes</a></li>
<li><a href="features-shortcodes-other-stuff.html">Other Stuff</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="pages-about.html">Pages</a>
<ul>
<li><a href="pages-about.html">About Us</a></li>
<li><a href="pages-full-width.html">Full Width</a></li>
<li><a href="pages-with-right-sidebar.html">With Right Sidebar</a></li>
<li><a href="pages-with-left-sidebar.html">With Left Sidebar</a></li>
<li><a href="pages-archives.html">Archives</a></li>
<li><a href="pages-404.html">404 Page</a></li>
</ul>
</li>
<li><a href="portfolio-2columns.html">Portfolio</a>
<ul>
<li><a href="portfolio-2columns.html">2 Columns</a></li>
<li><a href="portfolio-3columns.html">3 Columns</a></li>
<li><a href="portfolio-4columns.html">4 Columns</a></li>
<li><a href="portfolio-single-project.html">Single Project Page</a></li>
</ul>
</li>
<li class="current"><a href="blog.html">Blog</a>
<ul>
<li class="current"><a href="blog.html">Blog</a></li>
<li><a href="single-post.html">Single Blog Post</a></li>
</ul>
</li>
<li><a href="contacts.html">Contact</a></li>
</ul>
</nav><!--/ #navigation-->
</header><!--/ #header-->
<!-- **************** - END Header - **************** -->
<div class="content-wrapper sbr clearfix">
<div class="page-header clearfix">
<h1 class="alignleft">Blog</h1>
<div class="search-container">
<form id="search" action="/">
<input placeholder="Search" type="text" />
<button type="submit"></button>
</form><!--/ #search-->
</div><!--/ .search-container-->
</div><!--/ .page-header-->
<section id="content">
<article class="post-item clearfix">
<div class="image-gallery-slider">
<ul>
<li>
<a href="images/fullscreen/big-img-12.jpg" class="single-image picture-icon" rel="postgroup">
<img class="entry-image" src="images/temp/blog_img_1.jpg" alt="Slide1" />
</a>
</li>
<li>
<a href="images/fullscreen/big-img-10.jpg" class="single-image picture-icon" rel="postgroup">
<img class="entry-image" src="images/temp/blog_img_2.jpg" alt="Slide2" />
</a>
</li>
<li>
<a href="images/fullscreen/big-img-11.jpg" class="single-image picture-icon" rel="postgroup">
<img class="entry-image" src="images/temp/blog_img_3.jpg" alt="Slide3" />
</a>
</li>
</ul>
</div><!--/ .image-post-slider -->
<div class="image-title clearfix">
<a href="single-post.html">
<h2>
<span class="post-type picture"></span>
Mauris fermentum dictum magna vestibulum sed ante donec sagittis euismod.
</h2>
</a>
</div><!--/ .image-title-->
<div class="one-sixth">
<div class="meta-entry">
<a href="#" class="date"><span>03/29/2012</span></a>
<a href="#" class="author"><span>Admin</span></a>
<span class="category">
<a href="#">Photography</a>
<a href="#">Nature</a>
<a href="#">Travel</a>
</span>
<a href="#" class="comments"><span>12 comments</span></a>
</div><!--/ .meta-entry-->
<ul data-description="Share this:" class="social-links">
<li data-tooltip="Pinterest" class="pinterest"><a href="#">Pinterest</a></li>
<li data-tooltip="Google+" class="google"><a href="#">Google+</a></li>
<li data-tooltip="Twitter" class="twitter"><a href="#">Twitter</a></li>
<li data-tooltip="Facebook" class="facebook"><a href="#">Facebook</a></li>
</ul><!--/ .social-links-->
</div><!--/ .one-sixth-->
<div class="entry-body">
<p>
Et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue.
Nam elit agna,endrerit sit amet, tincidunt ac, viverra sed, nulla. Donec porta diam eu massa.
</p>
<p>
Quisque diam lorem, interdum vitae, dapibus ac, scelerisque vitae, pede. Donec eget tellus non erat lacinia
fermentum. Donec in velit vel ipsum auctor pulvinar. Vestibulum iaculis lacinia est. Proin dictum elementum velit.
Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipis.
H88_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （234个子文件） 
style.css 93KB video-js.css 24KB flexslider.css 6KB themeChanger.css 5KB jquery.fancybox.css 4KB audioplayerv1.css 4KB colorpicker.css 3KB elastic.css 3KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 7KB Thumbs.db 7KB Thumbs.db 6KB Thumbs.db 6KB Thumbs.db 6KB
fancybox_loading.gif 4KB loading-light.gif 4KB loading-dark.gif 4KB loader.gif 559B loader.gif 559B colorpicker_indic.gif 86B colorpicker_select.gif 78B blank.gif 43B
blog.html 29KB single-post.html 23KB pages-about.html 23KB pages-archives.html 22KB pages-with-right-sidebar.html 19KB pages-with-left-sidebar.html 19KB portfolio-4columns.html 18KB index.html 18KB portfolio-3columns.html 16KB features-shortcodes-other-stuff.html 16KB features-shortcodes-elements.html 15KB portfolio-2columns.html 14KB portfolio-single-project.html 13KB features-shortcodes-pricing-tables.html 13KB features-shortcodes-columns.html 13KB features-shortcodes-buttons.html 12KB features-typography.html 12KB pages-full-width.html 11KB features-shortcodes-dropcaps.html 11KB features-shortcodes-alert-boxes.html 11KB contacts.html 11KB pages-404.html 9KB favicon.ico 1KB
big-img-11.jpg 468KB big-img-1.jpg 366KB big-img-3.jpg 357KB img_05.jpg 297KB big-img-8.jpg 267KB big-img-6.jpg 266KB big-img-7.jpg 266KB big-img-4.jpg 246KB big-img-12.jpg 232KB big-img-2.jpg 183KB big-img-9.jpg 167KB thumb-3nd-3.jpg 158KB img_02.jpg 156KB big-img-10.jpg 155KB thumb-3nd-8.jpg 153KB thumb-3nd-5.jpg 146KB big-img-5.jpg 129KB thumb-3nd-4.jpg 128KB thumb-3nd-1.jpg 125KB thumb-3nd-9.jpg 120KB thumb-3nd-6.jpg 118KB thumb-3nd-7.jpg 115KB blog_thumb_1.jpg 108KB slide-img-1.jpg 104KB thumb-2nd-8.jpg 100KB thumb-3nd-2.jpg 99KB blog_img_3.jpg 97KB img_01.jpg 96KB thumb-3nd-10.jpg 95KB thumb-2nd-5.jpg 83KB thumb-2nd-9.jpg 82KB blog_thumb_4.jpg 77KB img_04.jpg 76KB blog_thumb_3.jpg 75KB slide-img-3.jpg 75KB blog_img_1.jpg 75KB thumb-4nd-6.jpg 68KB img_03.jpg 67KB thumb-2nd-3.jpg 67KB latest_img_1.jpg 66KB thumb-4nd-1.jpg 66KB slide-img-2.jpg 66KB thumb-2nd-6.jpg 62KB thumb-2nd-1.jpg 55KB thumb-4nd-5.jpg 51KB thumb-4nd-10.jpg 50KB latest_img_3.jpg 50KB thumb-2nd-7.jpg 50KB thumb-4nd-8.jpg 48KB thumb-4nd-9.jpg 47KB thumb-4nd-7.jpg 47KB latest_img_5.jpg 47KB thumb-2nd-4.jpg 46KB共 234 条
- 1
- 2
- 3
资源评论
