<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="row">
<div class="col-md-offset-2 col-md-9">
<div class="row">
<div class="panel panel-default">
<div class="panel-heading" style="background-color:#0089CC";>
<h4 class="panel-title reports-title">Sandbox</h4>
</div>
<div class ="panel-body">
<div class="row">
<div class="col-md-3 col-space">
<div class="panel panel-default">
<div class="panel-body data-blue">
<h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentWeekSandboxUsers;?></h4>
</div>
<div class="panel-footer">
<h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentWeekSandboxUsers, $lastWeekSandboxUsers), 2)."%";?></h4>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-body data-blue">
<h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentMonthSandboxUsers;?></h4>
<p class="data-text" align="center">this month</p>
</div>
<div class="panel-footer">
<h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentMonthSandboxUsers, $lastMonthSandboxUsers),2)."%";?></h4>
</div>
</div>
</div>
<div class="col-md-3">
