<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>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait">
<div class="container" style="font-family: 'Strait', sans-serif;">
<div class="row">
<h2>Vertical List news panel</h2>
<dl class="dl-unsur">
<dd>
<a href="https://muhittinart.blogspot.com/p/contact.html" target="_blank" class="pull-left">
<h2 class="pull-right">1</h2>
<div class="pull-left" >Muhittin's page news.</div>
</a>
<p class="small pull-left" ><span class="glyphicon glyphicon-time"></span> 18 Ocak 2017</p>
</dd>
<dd>
<a href="https://t.me/AnatomyForArtists" target="_blank" class="pull-left">
<h2 class="pull-right">2</h2>
<div class="pull-left" >Anatomy For Artists</div>
</a>
<p class="small pull-left" ><span class="glyphicon glyphicon-time"></span> 18 Ocak 2017</p>
</dd>
<dd>
<a href="https://tr.pinterest.com/artistmuhittinbudak/" target="_blank" class="pull-left">
<h2 class="pull-right">3</h2>
<div class="pull-left" >Muhittin's pinterest page</div>
</a>
<p class="small pull-left" ><span class="glyphicon glyphicon-time"></span> 18 Ocak 2017</p>
</dd>
</dl>