<div class="title-box">
	<a href="#" class="btn btn-default">All posts <span class="glyphicon glyphicon-arrow-right"></span></a>
	<h2 class="title">Latest Posts</h2>
</div>
<ul class="latest-posts">
    <li>
        <img class="image img-circle" src="images/latestposts/product-1-84.png" alt="" title="" width="84" height="84" data-appear-animation="rotateIn">
        <div class="meta">
<span>Mike Example</span>,
<span class="time">03.11.2013, 10:45:</span>
        </div>
        <div class="description">
<a href="#">
    Suspendisse at placerat turpis. Duis luctus erat vel magna pharetra aliquet. Maecenas tincidunt feugiat ultricies. Phasellus et dui risus.
</a>
        </div>
    </li>
    <li>
        <img class="image img-circle" src="images/latestposts/product-2-84.png" alt="" title="" width="84" height="84" data-appear-animation="rotateIn">
        <div class="meta">
<span>Mike Example</span>,
<span class="time">03.11.2013, 10:45:</span>
        </div>
        <div class="description">
<a href="#">
    Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. Aenean id erat lorem.
</a>
        </div>
    </li>
    <li>
        <img class="image img-circle" src="images/latestposts/product-3-84.png" alt="" title="" width="84" height="84" data-appear-animation="rotateIn">
        <div class="meta">
<span>Mike Example</span>,
<span class="time">03.11.2013, 10:45:</span>
        </div>
        <div class="description">
<a href="#">
    Mauris vehicula fringilla nisl porttitor sollicitudin. Suspendisse facilisis metus id neque fermentum eget rutrum orci pulvinar.
</a>
        </div>
    </li>
</ul>