<?php include('header.php'); ?>





			<div>

				<ul class="breadcrumb">

					<li>

						<a href="#">Home</a> <span class="divider">/</span>

					</li>

					<li>

						<a href="#">Tables</a>

					</li>

				</ul>

			</div>

			

			<div class="row-fluid sortable">		

				<div class="box span12">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-user"></i> Members</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

						<table class="table table-striped table-bordered bootstrap-datatable datatable">

						  <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 label-success">Active</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-success">Active</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-success">Active</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-success">Active</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-important">Banned</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-important">Banned</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-success">Active</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-success">Active</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-important">Banned</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-important">Banned</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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">Inactive</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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">Inactive</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-success">Active</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-important">Banned</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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">Inactive</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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">Inactive</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-success">Active</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-success">Active</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-important">Banned</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-important">Banned</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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">Inactive</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-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 label-warning">Pending</span>

								</td>

								<td class="center">

									<a class="btn btn-success" href="#">

										<i class="icon-zoom-in icon-white"></i>  

										View                                            

									</a>

									<a class="btn btn-info" href="#">

										<i class="icon-edit icon-white"></i>  

										Edit                                            

									</a>

									<a class="btn btn-danger" href="#">

										<i class="icon-trash icon-white"></i> 

										Delete

									</a>

								</td>

							</tr>

						  </tbody>

					  </table>            

					</div>

				</div><!--/span-->

			

			</div><!--/row-->



			<div class="row-fluid sortable">

				<div class="box span6">

					<div class="box-header well" data-original-title>

						<h2>Simple Table</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-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 label-success">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 label-important">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">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 label-warning">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 label-success">Active</span>

									</td>                                        

								</tr>                                   

							  </tbody>

						 </table>  

						 <div class="pagination pagination-centered">

						  <ul>

							<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 span6">

					<div class="box-header well" data-original-title>

						<h2>Striped Table</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-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 label-success">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 label-important">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">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 label-warning">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 label-success">Active</span>

									</td>                                        

								</tr>                                   

							  </tbody>

						 </table>  

						 <div class="pagination pagination-centered">

						  <ul>

							<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-fluid sortable">	

				<div class="box span6">

					<div class="box-header well" data-original-title>

						<h2>Bordered Table</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-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 label-success">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 label-important">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">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 label-warning">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 label-success">Active</span>

									</td>                                        

								</tr>                                   

							  </tbody>

						 </table>  

						 <div class="pagination pagination-centered">

						  <ul>

							<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 span6">

					<div class="box-header well" data-original-title>

						<h2>Condensed Table</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-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 label-success">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 label-important">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">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 label-warning">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 label-success">Active</span>

									</td>                                        

								</tr>                                   

							  </tbody>

						 </table>  

						 <div class="pagination pagination-centered">

						  <ul>

							<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-fluid sortable">	

				<div class="box span12">

					<div class="box-header well" data-original-title>

						<h2>Combined All</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-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 label-success">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 label-important">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">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 label-warning">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 label-success">Active</span>

									</td>                                        

								</tr>                                   

							  </tbody>

						 </table>  

						 <div class="pagination pagination-centered">

						  <ul>

							<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-->

    

<?php include('footer.php'); ?>

