<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Commuter Hero</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/main.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.bxSlider.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="container">
	<div id="header">
		<h1 class="logo"><a href="#">Commuter Hero</a></h1>
	</div><!-- header end -->
	<div class="slider_wrapper">
		<ul class="slider">			
			<li>
				<span class="slider_text">
					<h1>PLAY SMART/DRIVE SAFE</h1>
					<p>With Commuter Hero, it's like having your personal traffic reporter sitting in your car.</p>
				</span>
				<span class="slider_img"><img src="images/img_slider.png" alt="#"></span>
				<span class="slider_icon"><img src="images/icon_google_play.png" alt="#"></span>
			</li>
			<li>
				<span class="slider_text">
					<h1>PLAY SMART/DRIVE SAFE</h1>
					<p>With Commuter Hero, it's like having your personal traffic reporter sitting in your car.</p>
				</span>
				<span class="slider_img"><img src="images/img_slider.png" alt="#"></span>
				<span class="slider_icon"><img src="images/icon_google_play.png" alt="#"></span>
			</li>
			<li>
				<span class="slider_text">
					<h1>PLAY SMART/DRIVE SAFE</h1>
					<p>With Commuter Hero, it's like having your personal traffic reporter sitting in your car.</p>
				</span>
				<span class="slider_img"><img src="images/img_slider.png" alt="#"></span>
				<span class="slider_icon"><img src="images/icon_google_play.png" alt="#"></span>
			</li>
		</ul>
	</div><!-- slider wrapper end -->
	<div id="content">
		<div class="main_content">	
			<div class="post_single">
				<div class="date"><strong>18</strong>Sep</div>
				<div class="post_content">
					<h1><a href="#">Lorem Ipsum Sagitis</a></h1>
					<p>Phasellus sagittis risus quis diam elementum eget ultrices urna euismod. Ut congue nulla non mauris lacinia mattis. Sed ultrices eros eget lorem pharetra eget commodo lacus aliquet. Nunc dolor felis, dictum non ornare ac, laoreet a massa. Donec quis elementum lacus. Morbi eget sem in nulla rhoncus lacinia at sit amet dolor. Aenean non magna nunc, eget sodales nunc.</p>
					<p>In id ligula libero. Ut eleifend velit nec diam lobortis volutpat a id elit. Integer sagittis, leo vel pellentesque dictum, felis velit sollicitudin dui, a porttitor ligula erat a nunc. Phasellus urna nisi, eleifend ac consequat quis, bibendum ac nibh.</p>
					<div class="share_this"><span>Share this:</span><img src="images/icon_twitter.png" alt="#"><img src="images/icon_facebook.png" alt="#"></div>
					<div class="comment_box">1 Comment</div>
				</div>
				<div class="read_more"><a href="#">READ MORE</a></div>
			</div>	
			<div class="post_single">
				<div class="date"><strong>18</strong>Sep</div>
				<div class="post_content">
					<h1><a href="#">Lorem Ipsum Sagitis</a></h1>
					<p>Phasellus sagittis risus quis diam elementum eget ultrices urna euismod. Ut congue nulla non mauris lacinia mattis. Sed ultrices eros eget lorem pharetra eget commodo lacus aliquet. Nunc dolor felis, dictum non ornare ac, laoreet a massa. Donec quis elementum lacus. Morbi eget sem in nulla rhoncus lacinia at sit amet dolor. Aenean non magna nunc, eget sodales nunc.</p>
					<p>In id ligula libero. Ut eleifend velit nec diam lobortis volutpat a id elit. Integer sagittis, leo vel pellentesque dictum, felis velit sollicitudin dui, a porttitor ligula erat a nunc. Phasellus urna nisi, eleifend ac consequat quis, bibendum ac nibh.</p>
					<div class="share_this"><span>Share this:</span><img src="images/icon_twitter.png" alt="#"><img src="images/icon_facebook.png" alt="#"></div>
					<div class="comment_box">1 Comment</div>
				</div>
				<div class="read_more"><a href="#">READ MORE</a></div>
			</div>
		</div>
		<div class="sidebar">		
			<div class="tab_container">
				<ul class="tabs1">
					<li><a href="#recent_posts" class="recent_posts">Recent Posts</a></li>
					<li><a href="#most_popular" class="most_popular">Most Popular</a></li>
				</ul>
				<div id="recent_posts" class="tab_content main_tab1">
					<div class="tab_content_inner">
						<ul>
							<li><a href="#">Lorem Ipsum Sagitis</a></li>
							<li><a href="#">Phasellus sagittis risus quis</a></li>
							<li><a href="#">Lorem Ipsum Sagitis</a></li>
							<li><a href="#">Lorem Ipsum Sagitis</a></li>
						</ul>
					</div>
				</div>
				<div id="most_popular" class="tab_content main_tab1">
					<ul>
						<li>
							<a class="wpp-post-title" title="test 1" href="#">test 1</a>:
							<span class="wpp-excerpt">h2ultrices eros eget lorem pharetra eget h3ultrices eros eget lorem pharetra eg...</span>
							<span class="wpp-comments">1 comment(s)</span>
						</li>
						<li>
							<a class="wpp-post-title" title="Phasellus sagittis risus quis" href="#">Phasellus sagittis risus quis</a>:
							<span class="wpp-excerpt">Phasellus sagittis risus quis diam elementum eget ultrices urna euismod. Ut cong...</span>
							<span class="wpp-comments">0 comment(s)</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="widget-area widget-alert">
				<h4>TAG</h4>
				<div class="tagcloud">
					<a class="tag-link-8" href="#">long tag</a>
					<a class="tag-link-3" href="#">tag1</a>
					<a class="tag-link-4" href="#">tag2</a>
					<a class="tag-link-5" href="#">tag3</a>
					<a class="tag-link-6" href="#">tag4</a>
					<a class="tag-link-7" href="#">tag5</a>
				</div>
			</div><!--#widget-area end-->
		</div>
		<div class="clear"></div>
	</div><!--#content-->
	<div id="footer">
		© 2012 Commuter Hero. All rights reserved.
	</div><!--#footer-->
</div><!--#main-->
</body>
</html>