<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<section>
<div class="latest-news-box">
<div class="col-md-8 col-md-offset-2 text-center">
<h2 class="text-primary text-black text-uppercase"> <span class="text-semibold text-grey-800">news</span> & artikel</h2>
<div class="divider"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam voluptas facere vero ex tempora saepe perspiciatis ducimus sequi animi.</p>
</div>
<div class="row nomargin">
<div class="col-md-6 nopadding">
<div class="item item-left">
<div class="col-md-6 nopadding hidden-xs">
<img src="http://lorempixel.com/800/553/" alt="News Image">
<span class="img-overflow"></span>
<div class="arrow-left"></div>
</div>
<div class="col-md-6 nopadding">
<div class="content">
<p class="date">02.03.2016</p>
<h2>Bootstrap blog code example</h2>
<p>Sample bootstrap code of blog design elements using bootstrap, javascript, css, and html. The following free Bootstrap blog templates we are about to explore...</p>
<a href="artikel" class="btn btn-primary btn-xs">Read More</a>
<span class="comments">0 <i class="fa fa-comment-o" aria-hidden="true"></i></span>
</div>
</div>
</div>
</div>
<div class="col-md-6 nopadding">
<div class="item item-left">
