<!DOCTYPE html>
<html lang="en">
<head>
<title>Twitter Bootstrap Data Table</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" href="css/DT_bootstrap.css">
</head>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" language="javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8" language="javascript" src="js/DT_bootstrap.js"></script>
<body>
<div class="row-fluid">
<div class="span12">
<div class="container">
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong><i class="icon-user icon-large"></i> Data Table</strong>
</div>
<thead>
<tr>
<th>FirstName</th>
<th>LastName</th>
<th>MiddleName</th>
<th>Address</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>John kevin</td>
<td>Lorayna</td>
<td>Amos</td>
<td>Bago City</td>
<td>jkevlorayna@gmail.com</td>
</tr>
<tr>
<td>Stephanie</td>
<td>Villanueva</td>
<td>Batoon</td>
<td>Saravia</td>
<td>jkevlorayna@gmail.com</td>
</tr>
<tr>
<td>Achilles</td>
<td>Palma</td>
<td>Eubeun</td>
<td>Talisay City</td>
<td>jkevlorayna@gmail.com</td>
</tr>
<tr>
<td>Brian Paul</td>
<td>Sablan</td>
<td>xiaboh</td>
<td>bacolod City</td>
<td>jkevlorayna@gmail.com</td>
</tr>
<tr>
<td>Christian</td>
<td>Sausa</td>
<td>Eubeun</td>
<td>Talisay City</td>
<td>jkevlorayna@gmail.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
