Here is the markup for a blog item
<div class="item column large-4 medium-6 small-12 mb30"> <div class="wrapper tbgc2 blog-item"> <img src="img/theme/blog/1.jpg" alt="" class="image fullwidth"> <div class="wrapper separator left bottom right pt30 pr30 pb20 pl30"> <h4 class="title text fz4 fw3 mb20 ctm">Item title</h4> <p class="description text fz1 fw3 lh2 fsi pb20 mb20">Item content</p> <div class="wrapper pr"> <div class="meta text fz1 fsi fw3 pr60">posted by Ronald on 21 sept 2014</div> <div class="wrapper pa right top"> <ul class="list inline metaicons xsgutter"> <li><a href="/index.php?action=artikel&lang=en&cat=24&id=120&artlang=en#" class="link"><i class="pe-7s-share"></i></a></li> <li><a href="/index.php?action=artikel&lang=en&cat=24&id=120&artlang=en#" class="link"><i class="pe-7s-like"></i></a></li> </ul> </div> </div> </div> </div> </div>