<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container" style=background-color:#eee;>
<div class="row">
<div class=col-xs-7>
<h2>Vertical Flow With Bullets</h2>
<span><b>STATUS:</b> Waiting for Supervisor Confirmation</span>
<div class="full-size">
<div class="bulet" style="">
<div class="roundChecked"></div>
<div class="lineChecked"></div>
<div class="roundChecked"></div>
<div class="lineUnChecked"></div>
<div class="roundUnChecked"></div>
<div class="lineUnChecked"></div>
<div class="roundUnChecked"></div>
</div>
<div class="inner-panel">
<div class="col-xs-1">
</div>
<div class="col-xs-3 center">
<span class="desc-bold">STEP 1</span>
<span class="desc-line">STEP 1</span>
</div>
<div class="col-xs-2 center">
<span class="desc-line">06.05.2018</span>
<span class="desc-line">Employee</span>
</div>
<div class="col-xs-1 center">
<span class="glyphicon glyphicon-ok sign"></span>
</div>
