<!DOCTYPE html>
<html crossriderapp2258="true"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- title -->
<title>Grey | Free Html5 Template</title>
<!-- meta -->
<meta charset="UTF-8">
<!-- links -->
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css">
<!-- scripts -->
<!-- IE Hacks -->
<!--[if IE]><script src="http//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body class="home blog">
<!-- header -->
<header>
<div id="light">
<div class="container_16">
<h1 class="grid_8"><a href="#">Grey</a></h1>
<nav class="grid_8">
<ul id="menu-menu" class="menu"><li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!-- wrapper -->
<div id="wrapper">
<div class="container_16">
<section id="posts" class="prefix_1 grid_9">
<article>
<h2><a href="#" >Mhmm Coffee Break!</a></h2>
<p class="info">December 27th, 2010 | by <span><a href="#" rel="author">admin</a></span> | <a href="#" rel="category">updates</a></p>
<div class="time"><p>Dec<br><span>27</span></p></div>
<p><img src="images/caffee-break-final-510x150.jpg" height="150" width="510"></p>
<div class="entry">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent sed turpis turpis, eu mattis sem. Sed tristique porta cursus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos. Donec vestibulum, enim nec condimentum ullamcorper,
magna ipsum sagittis sapien, vel egestas lorem mi et neque. Nulla
ultrices felis eget arcu vulputate at hendrerit augue euismod. Nulla at
velit ac turpis sollicitudin consequat. Etiam leo tortor, faucibus a
consectetur et, consequat venenatis velit. Curabitur tempus sem vitae
elit gravida a suscipit leo placerat.</p>
<p> <a href="#" class="more-link">Read full story</a></p>
</div>
<div class="clear"></div>
<p class="bottom_info"><a href="#" >1 Comment »</a></p>
</article>
<article>
<h2><a href="#" >Thank You for Visiting</a></h2>
<p class="info">December 27th, 2010 | by <span><a href="#" rel="author">admin</a></span> | <a href="#" rel="category">web</a></p>
<div class="time"><p>Dec<br><span>27</span></p></div>
<p></p>
<div class="entry">
<p>Sed ultrices felis ut justo suscipit vestibulum.
Pellentesque nisl nisi, vehicula vitae hendrerit vel, mattis eget
mauris. Donec consequat eros eget lectus dictum sit amet ultrices neque
sodales. Aliquam metus diam, mattis fringilla adipiscing at, lacinia at
null.</p>
<h3>Heading 3</h3>
<p>Aliquam erat nulla, sodales at imperdiet vitae, convallis vel dui.
Sed ultrices felis ut justo suscipit vestibulum. Pellentesque nisl nisi,
vehicula vitae hendrerit vel, mattis eget mauris. Donec consequat eros
eget lectus dictum sit amet ultrices neque sodales. Aliquam metus diam,
mattis fringilla adipiscing at, lacinia at nulla.</p>
<h4>Heading 4</h4>
<p>Aliquam erat nulla, sodales at imperdiet vitae, convallis vel dui.
Sed ultrices felis ut justo suscipit vestibulum. Pellentesque nisl nisi,
vehicula vitae hendrerit vel, mattis eget mauris. Donec consequat eros
eget lectus dictum sit amet ultrices neque sodales. Aliquam metus diam,
mattis fringilla adipiscing at, lacinia at nulla.</p>
<h5>Quote</h5>
<blockquote><p>In eu sagittis felis. In gravida arcu ut neque ornare
vitae rutrum turpis vehicula. Nunc ultrices sem mollis metus rutrum non
malesuada metus fermentum. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Pellentesque interdum rutrum
quam, a pharetra est pulvinar ac.</p></blockquote>
<p> <a href="#" class="more-link">Read full story</a></p>
</div>
<div class="clear"></div>
<p class="bottom_info"><a href="#" >8 Comments »</a></p>
</article>
<article>
<h2><a href="#" >Stunning Typography in Movie Posters</a></h2>
<p class="info">December 27th, 2010 | by <span><a href="#" rel="author">admin</a></span> | <a href="#" rel="category">design</a></p>
<div class="time"><p>Dec<br><span>27</span></p></div>
<p><img src="images/3-el-condor-510x150.jpg" height="150" width="510"></p>
<div class="entry">
<p>Fusce ut sem est. In eu sagittis felis. Nullam rutrum
quam ut massa ultricies sed blandit sapien fermentum. Curabitur
venenatis vehicula mattis. Nunc eleifend consectetur odio sit amet
viverra. Ut euismod ligula eu tellus interdum mattis ac eu nulla.
Phasellus cursus, lacus quis convallis aliquet, dolor urna ullamcorper
mi, eget dapibus velit est vitae nisi. Aliquam erat nulla, sodales at
imperdiet vitae, convallis vel dui. Sed ultrices felis ut justo suscipit
vestibulum. Pellentesque nisl nisi, vehicula vitae hendrerit vel,
mattis eget mauris. Donec consequat eros eget lectus dictum sit amet
ultrices neque sodales. Aliquam metus diam, mattis fringilla adipiscing
at, lacinia at nulla.</p>
<p> <a href="#" class="more-link">Read full story</a></p>
</div>
<div class="clear"></div>
<p class="bottom_info"><a href="#" >No Comments »</a></p>
</article>
<div class="navigation">
<div class="alignleft"><a href="#">Older Posts</a></div></div>
</section>
<aside class="prefix_1 grid_5">
<!-- search -->
<form action="#" method="get">
<input id="search" name="s" value="I'm searching for..." type="text">
</form>
<!-- Categories-->
<h4>Categories</h4>
<ul class="categories">
<li><a href="#" >design</a></li>
<li><a href="#" >inspiration</a></li>
<li><a href="#" >tutorials</a></li>
<li><a href="#" >uncategorized</a></li>
<li><a href="#" >updates</a></li>
<li><a href="#" >web</a></li>
</ul>
<div class="clear"></div>
<hr>
<!-- RSS / Twitter -->
<section id="rss">
<p><a href="#"><img src="images/rss_32.png" ></a></p>
<p><a href="#">SUBSCRIBE</a><br><strong>2021</strong> readers</p>
<p class="rss_sub_links"><a href="#">rss feed</a> | <a href="#">email updates</a></p>
</section>
<section id="twitter">
<p><a href="#"><img src="images/twitter_32.png" ></a></p>
<p><a href="#">FOLLOW ME</a><br><strong>4386</strong> followers</p>
</section>
<hr>
<!-- Comments -->
<h4>Recent Comments</h4>
<ul class="recent_comments"><li>Perfekt style here too<br><a href="#">Timo</a></li><li>I like this Theme.
I think i will use it for my n...<br><a href="#">Timo</a></li><li>Good work. Think I'll use this for my blog.<br><a href="#">Tom Wayson</a></li><li>Beautiful themes.... i like it... :D<br><a href="#">Amri Karisma</a></li><li>Yes,
it works perfectly! :)<br><a href="#">Simone D'Amico</a></li></ul> <div class="clear"></div>
<hr>
<!-- Blogroll -->
<h4>Blogroll</h4>
<ul class="blogroll">
<li><a href="#">Documentation</a></li>
<li><a href="#">Plugins</a></li>
<li><a href="#">Suggest Ideas</a></li>
<li><a h