<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container-fluid" style="background-color:#23373c">
<div class="container maincontent" id="property-listings">
<div class="row">
<div class="col-sm-12">
<!-- Begin Listing: 609 W GRAVERS LN-->
<div class="item property-listing">
<div class="media">
<a class="pull-left" href="#" target="_parent">
<img alt="image" class="img-responsive" src="http://images.prd.mris.com/image/V2/1/Yu59d899Ocpyr_RnF0-8qNJX1oYibjwp9TiLy-bZvU9vRJ2iC1zSQgFwW-fTCs6tVkKrj99s7FFm5Ygwl88xIA.jpg">
</a>
<div class="clearfix visible-sm"></div>
<div class="media-body">
<a href="#" target="_parent"></a>
<h2 class="date">18/03/2014</h2>
<h2 class="layoutheader">real toys for real men</h2>
<p>
Niemand, sagt er, verschmähe, oder hasse, oder fliehe die Lust als solche, sondern weil grosse Schmerzen ihr folgen,
wenn man nicht mit Vernunft ihr nachzugehen verstehe.
</p>
</div>
</div>
</div>
<div class="item property-listing">
<div class="media">
<a class="pull-left" href="#" target="_parent">
<img alt="image" class="img-responsive" src="http://images.prd.mris.com/image/V2/1/Yu59d899Ocpyr_RnF0-8qNJX1oYibjwp9TiLy-bZvU9vRJ2iC1zSQgFwW-fTCs6tVkKrj99s7FFm5Ygwl88xIA.jpg">
</a>
<div class="clearfix visible-sm"></div>
<div class="media-body">
<a href="#" target="_parent"></a>
<h2 class="date">16/03/2014</h2>
<h2 class="layoutheader">Fjord auf der boot Düsseldorf 2014</h2>
<p>
Niemand, sagt er, verschmähe, oder hasse, oder fliehe die Lust als solche, sondern weil grosse Schmerzen ihr folgen,
wenn man nicht mit Vernunft ihr nachzugehen verstehe.
</p>
</div>
</div>
</div>
</div>
</div><!-- End row -->
</div><!-- End container -->
</div>
