<!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.