<!DOCTYPE html>
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
<!--[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>Politician | Alternative Blog</title>
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css" />
<!-- HTML5 Shiv -->
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body class="style-1">
<div class="wrap-header"></div><!--/ .wrap-header-->
<div class="wrap">
<!-- - - - - - - - - - - - - - Header - - - - - - - - - - - - - - - - -->
<header id="header" class="clearfix">
<a href="index.html" id="logo"><img src="images/logo.png" alt="" title="Logo" /></a>
<ul class="social-links clearfix">
<li class="twitter"><a href="#">Twitter<span></span></a></li>
<li class="facebook"><a href="#">Facebook<span></span></a></li>
<li class="dribbble"><a href="#">Dribbble<span></span></a></li>
<li class="vimeo"><a href="#">Vimeo<span></span></a></li>
<li class="youtube"><a href="#">YouTube<span></span></a></li>
<li class="rss"><a href="#">Rss<span></span></a></li>
</ul><!--/ .social-links-->
<nav id="navigation" class="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="current"><a href="blog-style-1.html">Blog</a>
<ul>
<li><a href="blog-style-1.html">Blog Page</a></li>
<li><a href="blog-style-2.html">Alternative Blog Page</a></li>
<li><a href="single-post.html">Blog Single</a></li>
</ul>
</li>
<li><a href="events.html">Events</a>
<ul>
<li><a href="events.html">Events Page</a></li>
<li><a href="single-events.html">Detailed Event</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="elements.html">Features</a>
<ul>
<li><a href="elements.html">Elements</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="columns.html">Columns</a></li>
<li><a href="sidebar-left.html">Sidebar Left</a></li>
</ul>
</li>
<li><a href="contacts.html">Contact</a></li>
</ul>
<a href="#" class="donate">Donate</a>
</nav><!--/ #navigation-->
</header><!--/ #header-->
<!-- - - - - - - - - - - - - - end Header - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - - Container - - - - - - - - - - - - - - - - -->
<section class="container sbr clearfix">
<!-- - - - - - - - - - Page Header - - - - - - - - - - -->
<div class="page-header">
<h1 class="page-title">Blog</h1>
</div><!--/ .page-header-->
<!-- - - - - - - - - end Page Header - - - - - - - - - -->
<!-- - - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->
<section id="content" class="second">
<article class="post clearfix">
<a href="single-post.html">
<h3 class="title">
Suspendisse potenti nullam consectetur, metus vestibulum.
</h3><!--/ .title -->
</a>
<section class="post-meta clearfix">
<div class="post-date"><a href="#">June 15, 2013</a></div><!--/ .post-date-->
<div class="post-tags">
<a href="#">News</a>
<a href="#">Events</a>
<a href="#">People</a>
</div><!--/ .post-tags-->
<div class="post-comments"><a href="#">5 Comments</a></div><!--/ .post-comments-->
</section><!--/ .post-meta-->
<a class="single-image" href="images/gallery/fullscreen/04.jpg">
<img class="custom-frame" alt="" src="images/blog/post-1.jpg" />
</a>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing tincidunt malesuada. Aenean metus lorem, lacinia est.
Maecenas sit amet magna eget rhoncus imperdiet. Quisque consectetur lacinia felis, posumassa fermentum vel.
Morbi metus nibh, tincidunt ac luctus hendrerit, iaculis sed velit.
</p>
<a href="single-post.html" class="button gray">Read More →</a>
</article><!--/ .post-->
<article class="post clearfix">
<a href="single-post.html">
<h3 class="title">Potenti nullam consectetur urna ipsum</h3><!--/ .title -->
</a>
<section class="post-meta clearfix">
<div class="post-date"><a href="#">June 15, 2013</a></div><!--/ .post-date-->
<div class="post-tags">
<a href="#">News</a>
</div><!--/ .post-tags-->
<div class="post-comments"><a href="#">5 Comments</a></div><!--/ .post-comments-->
</section><!--/ .post-meta-->
<div class="image-post-slider">
<ul>
<li>
<a href="images/gallery/fullscreen/02.jpg" class="single-image" rel="group">
<img class="custom-frame" src="images/blog/post-2.jpg" alt="Slide1" />
</a>
</li>
<li>
<a href="images/gallery/fullscreen/06.jpg" class="single-image" rel="group">
<img class="custom-frame" src="images/blog/post-4.jpg" alt="Slide2" />
</a>
</li>
<li>
<a href="images/gallery/fullscreen/03.jpg" class="single-image" rel="group">
<img class="custom-frame" src="images/blog/post-5.jpg" alt="Slide3" />
</a>
</li>
</ul>
</div><!--/ .image-post-slider -->
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
</p>
<a href="single-post.html" class="button gray">Read More →</a>
</article><!--/ .post-->
<article class="post clearfix">
<a href="single-post.html">
<h3 class="title">Post Without Image</h3><!--/ .title -->
</a>
<section class="post-meta clearfix">
<div class="post-date"><a href="#">June 15, 2013</a></div><!--/ .post-date-->
<div class="post-tags">
<a href="#">News</a>
</div><!--/ .post-tags-->
<div class="post-comments"><a href="#">5 Comments</a></div><!--/ .post-comments-->
</section><!--/ .post-meta-->
<p>
Mauris elit lacus, pretium pharetra bibendum sit amet, dapibus tincidunt nunc.
Donec est metus, blandit id elementum euismod, facilisis quis dolor.
</p>
<p>
Suspendisse potenti. Praesent sit amet rhoncus nisi. Etiam tristique velit ut felis ultrices pulvinar.
Ut elit leo, condimentum nec consectetur non, tincidunt malesuada lorem. Phasellus imperdiet risus augue
fermentum pharetra. Curabitur magna lacus, viverra eu laoreet sed, aliquet et orci. Mauris a varius dui.
Nullam quis aliquet velit. Mauris elit lacus, pretium pharetra bibendum sit amet, dapibus tincidunt nunc.
Donec est metus, blandit id elementum euismod, facilisis quis dolor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
</p>
<a href="single-post.html" class="button gray">Read More →</a>
</article><!--/ .post-->
<article class="post clearfix">