Server IP : 92.204.138.22 / Your IP : 18.223.213.114 Web Server : Apache System : Linux ns1009439.ip-92-204-138.us 4.18.0-553.8.1.el8_10.x86_64 #1 SMP Tue Jul 2 07:26:33 EDT 2024 x86_64 User : internationaljou ( 1019) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/internationaljou/old_site/admin/php-version/ |
Upload File : |
<?php require('header.php'); ?> <div> <ul class="breadcrumb"> <li> <a href="#">Home</a> </li> <li> <a href="#">Tables</a> </li> </ul> </div> <div class="row"> <div class="box col-md-12"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2><i class="glyphicon glyphicon-user"></i> Datatable + Responsive</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <div class="alert alert-info">For help with such table please check <a href="http://datatables.net/" target="_blank">http://datatables.net/</a></div> <table class="table table-striped table-bordered bootstrap-datatable datatable responsive"> <thead> <tr> <th>Username</th> <th>Date registered</th> <th>Role</th> <th>Status</th> <th>Actions</th> </tr> </thead> <tbody> <tr> <td>David R</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Chris Jack</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Jack Chris</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Muhammad Usman</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Sheikh Heera</td> <td class="center">2012/02/01</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Helen Garner</td> <td class="center">2012/02/01</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Saruar Ahmed</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Ahemd Saruar</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Habib Rizwan</td> <td class="center">2012/01/21</td> <td class="center">Staff</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Rizwan Habib</td> <td class="center">2012/01/21</td> <td class="center">Staff</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Amrin Sana</td> <td class="center">2012/08/23</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Sana Amrin</td> <td class="center">2012/08/23</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Ifrah Jannat</td> <td class="center">2012/06/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Jannat Ifrah</td> <td class="center">2012/06/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Robert</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Dave Robert</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Brown Robert</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Usman Muhammad</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Abdullah</td> <td class="center">2012/02/01</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Dow John</td> <td class="center">2012/02/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>John R</td> <td class="center">2012/02/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Paul Wilson</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Wilson Paul</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Heera Sheikh</td> <td class="center">2012/01/21</td> <td class="center">Staff</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Sheikh Heera</td> <td class="center">2012/01/21</td> <td class="center">Staff</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Christopher</td> <td class="center">2012/08/23</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Andro Christopher</td> <td class="center">2012/08/23</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Jhon Doe</td> <td class="center">2012/06/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Lorem Ipsum</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Abraham</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Brown Blue</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Worth Name</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> </tbody> </table> </div> </div> </div> <!--/span--> </div><!--/row--> <div class="row"> <div class="box col-md-12"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2><i class="glyphicon glyphicon-user"></i> Responsive, Swipable Table</h2> <div class="box-icon"> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <table class="table table-striped table-bordered responsive"> <thead> <tr> <th>Username</th> <th>Date registered</th> <th>Role</th> <th>Status</th> <th>Actions</th> </tr> </thead> <tbody> <tr> <td>Muhammad Usman</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Abraham</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Brown Blue</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> <tr> <td>Worth Name</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> <td class="center"> <a class="btn btn-success" href="#"> <i class="glyphicon glyphicon-zoom-in icon-white"></i> View </a> <a class="btn btn-info" href="#"> <i class="glyphicon glyphicon-edit icon-white"></i> Edit </a> <a class="btn btn-danger" href="#"> <i class="glyphicon glyphicon-trash icon-white"></i> Delete </a> </td> </tr> </tbody> </table> </div> </div> </div> <!--/span--> </div><!--/row--> <div class="row"> <div class="box col-md-6"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2>Simple Table</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <table class="table"> <thead> <tr> <th>Username</th> <th>Date registered</th> <th>Role</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>Muhammad Usman</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> <tr> <td>White Horse</td> <td class="center">2012/02/01</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> </tr> <tr> <td>Sheikh Heera</td> <td class="center">2012/02/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> </tr> <tr> <td>Saruar</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> </tr> <tr> <td>Sana Amrin</td> <td class="center">2012/01/21</td> <td class="center">Staff</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> </tbody> </table> <ul class="pagination pagination-centered"> <li><a href="#">Prev</a></li> <li class="active"> <a href="#">1</a> </li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">Next</a></li> </ul> </div> </div> </div> <!--/span--> <div class="box col-md-6"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2>Striped Table</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <table class="table table-striped"> <thead> <tr> <th>Username</th> <th>Date registered</th> <th>Role</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>Muhammad Usman</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> <tr> <td>White Horse</td> <td class="center">2012/02/01</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> </tr> <tr> <td>Sheikh Heera</td> <td class="center">2012/02/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> </tr> <tr> <td>Saruar</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> </tr> <tr> <td>Sana Amrin</td> <td class="center">2012/01/21</td> <td class="center">Staff</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> </tbody> </table> <ul class="pagination pagination-centered"> <li><a href="#">Prev</a></li> <li class="active"> <a href="#">1</a> </li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">Next</a></li> </ul> </div> </div> </div> <!--/span--> </div><!--/row--> <div class="row"> <div class="box col-md-6"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2>Bordered Table</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <table class="table table-bordered"> <thead> <tr> <th>Username</th> <th>Date registered</th> <th>Role</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>Muhammad Usman</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> <tr> <td>White Horse</td> <td class="center">2012/02/01</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> </tr> <tr> <td>Sheikh Heera</td> <td class="center">2012/02/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> </tr> <tr> <td>Saruar</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> </tr> <tr> <td>Sana Amrin</td> <td class="center">2012/01/21</td> <td class="center">Staff</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> </tbody> </table> <ul class="pagination pagination-centered"> <li><a href="#">Prev</a></li> <li class="active"> <a href="#">1</a> </li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">Next</a></li> </ul> </div> </div> </div> <!--/span--> <div class="box col-md-6"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2>Condensed Table</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <table class="table table-condensed"> <thead> <tr> <th>Username</th> <th>Date registered</th> <th>Role</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>Muhammad Usman</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> <tr> <td>White Horse</td> <td class="center">2012/02/01</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> </tr> <tr> <td>Sheikh Heera</td> <td class="center">2012/02/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> </tr> <tr> <td>Saruar</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> </tr> <tr> <td>Sana Amrin</td> <td class="center">2012/01/21</td> <td class="center">Staff</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> </tbody> </table> <ul class="pagination pagination-centered"> <li><a href="#">Prev</a></li> <li class="active"> <a href="#">1</a> </li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">Next</a></li> </ul> </div> </div> </div> <!--/span--> </div><!--/row--> <div class="row"> <div class="box col-md-12"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2>Combined All</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <table class="table table-bordered table-striped table-condensed"> <thead> <tr> <th>Username</th> <th>Date registered</th> <th>Role</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>Muhammad Usman</td> <td class="center">2012/01/01</td> <td class="center">Member</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> <tr> <td>White Horse</td> <td class="center">2012/02/01</td> <td class="center">Staff</td> <td class="center"> <span class="label-default label label-danger">Banned</span> </td> </tr> <tr> <td>Sheikh Heera</td> <td class="center">2012/02/01</td> <td class="center">Admin</td> <td class="center"> <span class="label-default label">Inactive</span> </td> </tr> <tr> <td>Saruar</td> <td class="center">2012/03/01</td> <td class="center">Member</td> <td class="center"> <span class="label-warning label label-default">Pending</span> </td> </tr> <tr> <td>Sana Amrin</td> <td class="center">2012/01/21</td> <td class="center">Staff</td> <td class="center"> <span class="label-success label label-default">Active</span> </td> </tr> </tbody> </table> <ul class="pagination pagination-centered"> <li><a href="#">Prev</a></li> <li class="active"> <a href="#">1</a> </li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">Next</a></li> </ul> </div> </div> </div> </div><!--/span--> <?php require('footer.php'); ?>