<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-4" >
<div class="panel panel-primary">
<div class="panel-heading">Les informations Personnel :</div>
<div class="panel-body">
<div align="right"><a href='#'><span class='glyphicon glyphicon-tasks'></span>   Edit ! </a></div>
<label>Name</label><input type='text' class='form-control' value='just' disabled>
<label>Last name : </label><input type='text' class='form-control' value='just' disabled>
<label>Gender : </label><input type='text' class='form-control' value='just' disabled>
<label>Street : </label><input type='text' class='form-control' value='just' disabled>
<label>Email :</label><input type='text' class='form-control' value='just' disabled>
<label>Number telephone :</label><input type='text' class='form-control' value='just' disabled>
</div>
</div>
</div>
</div>
</div>
