<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 info" style="text-align:center;">
<div class="col-xs-12 alert alert-info">
The skills meter from <a class="alert-link" href="http://bootsnipp.com/snippets/featured/progress-bar-meter">here</a> is used in this design.
Feel free to remove this div from the design.
</div>
</div>
<div class="container-fluid" style="margin-top:5%;">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-7">
<div class="row info no-print" style="text-align:center;">
<div class="col-xs-12 alert alert-info">
<h2><b><i class="fa fa-clock-o" style="color: #0066ff;"></i> <b style="color: #0066ff;">Last Updated on: </b><time style="color: #0066ff;">Monday, October 17, 2016</time></b></h2>
</div>
</div>
<div class="resume">
<header class="page-header">
<h1 class="page-title">My Information Management & Technology Supervisor Resume</h1>
</header>
<div class="panel panel-default">
<div class="panel-heading resume-heading">
<div class="row">
<div class="col-xs-12 col-md-4">
<figure>
<img class="img-circle img-responsive" alt="" src="resume/img/profile_picture.png">
</figure>
</div>
<div class="col-xs-12 col-sm-8" id="resume" name="resume">
<ul class="list-group">
<li class="list-group-item">Jonathan Randal Adcox</li>
