| 
<div class="content-wrapper"><!-- Content Header (Page header) -->
 <section class="content-header">
 <h1>
 <i class="fa fa-tachometer" aria-hidden="true"></i> Dashboard
 <small>Control panel</small>
 </h1>
 </section>
 
 <section class="content">
 <div class="row">
 <div class="col-lg-3 col-xs-6">
 <!-- small box -->
 <div class="small-box bg-aqua">
 <div class="inner">
 <h3>150</h3>
 <p>New Tasks</p>
 </div>
 <div class="icon">
 <i class="ion ion-bag"></i>
 </div>
 <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
 </div>
 </div><!-- ./col -->
 <div class="col-lg-3 col-xs-6">
 <!-- small box -->
 <div class="small-box bg-green">
 <div class="inner">
 <h3>53<sup style="font-size: 20px">%</sup></h3>
 <p>Completed Tasks</p>
 </div>
 <div class="icon">
 <i class="ion ion-stats-bars"></i>
 </div>
 <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
 </div>
 </div><!-- ./col -->
 <div class="col-lg-3 col-xs-6">
 <!-- small box -->
 <div class="small-box bg-yellow">
 <div class="inner">
 <h3>44</h3>
 <p>New User</p>
 </div>
 <div class="icon">
 <i class="ion ion-person-add"></i>
 </div>
 <a href="<?php echo base_url(); ?>userListing" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
 </div>
 </div><!-- ./col -->
 <div class="col-lg-3 col-xs-6">
 <!-- small box -->
 <div class="small-box bg-red">
 <div class="inner">
 <h3>65</h3>
 <p>Reopened Issue</p>
 </div>
 <div class="icon">
 <i class="ion ion-pie-graph"></i>
 </div>
 <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
 </div>
 </div><!-- ./col -->
 </div>
 </section>
 </div>
 |