<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>
<div class="container">
<div class="jumbotron">
<div class="row">
<div class="col-md-3 col-xs-12 col-sm-6 col-lg-3">
<div class="thumbnail text-center photo_view_postion_b" >
<img src="http://dkextras.com/DK/images/profile/dfe29f0b7f57ca5cb982ac9b323ac975.jpg" alt="stack photo" class="img">
</div>
</div>
<div class="col-md-9 col-xs-12 col-sm-6 col-lg-9">
<div class="" style="border-bottom:1px solid black">
<h2>John Doe</h2>
</div>
<hr>
<div class="col-md-8">
<ul class=" details">
<li><p><span class="glyphicon glyphicon-earphone one" style="width:50px;"></span>+91 90000 00000</p></li>
<li><p><span class="glyphicon glyphicon-envelope one" style="width:50px;"></span>somerandom@email.com</p></li>
<li><p><span class="glyphicon glyphicon-map-marker one" style="width:50px;"></span>Hyderabad</p></li>
<li><p><span class="glyphicon glyphicon-credit-card one" style="width:50px;"></span>66330007</p></li>
</ul>
</div>
<div class="col-md-4">
<div class="col-sm-5 col-xs-6 tital " >Birthday:</div><div class="col-sm-7 col-xs-6 ">2018/2/15</div>
<div class="clearfix"></div><div class="bot-border"></div>
<div class="col-sm-5 col-xs-6 tital " >Gender:</div><div class="col-sm-7 col-xs-6 ">Prasad</div>
<div class="clearfix"></div><div class="bot-border"></div>
<div class="col-sm-5 col-xs-6 tital " >Ethnicity:</div><div class="col-sm-7 col-xs-6 ">sdfsdfsdfsdfsdf</div>
<div class="clearfix"></div><div class="bot-border"></div>
</div>
