<div class="portfolio_area">
<div class="portfolio_area_left"><a href="#" target="_blank"><img src="templates/elos/images/project2.jpg" alt="" /></a></div>
<div class="portfolio_area_right">
<h3>Project Description</h3>
<p>There are many variations passages available alteraised words which look even slightly believable.</p>
<a class="addto_favorites" href="#"><i class="fa fa-heart"> <i>  Add to Favorites</i></i></a>
<ul class="small_social_links">
<li><a href="#"><i class="fa fa-facebook"> </i></a></li>
<li><a href="#"><i class="fa fa-twitter"> </i></a></li>
<li><a href="#"><i class="fa fa-google-plus"> </i></a></li>
<li><a href="#"><i class="fa fa-linkedin"> </i></a></li>
<li><a href="#"><i class="fa fa-pinterest"> </i></a></li>
</ul>
<div class="project_details">
<h4>Project Details</h4>
<strong>Date</strong> <em>18 March 2014</em> <strong>Categories</strong> <em><a href="#">Animation</a> <a href="#">HTML5</a> <a href="#">Clean</a> <a href="#">Design</a> </em> <strong>Author</strong> <em>M.A Anderson</em>
<div class="clearfix margin_top5"> </div>
<a class="but_goback" href="#"><i class="fa fa-hand-o-right fa-lg"> <i> Visit Site</i></i></a></div>
</div>
</div>
<div class="clearfix margin_top7"> </div>