<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VM Table</title>
<link rel="stylesheet" href="css/vm-table.v1.css">
</head>
<body>
<div class="vm-table-container">
<div vm-table-head>
<div>
VM Data Table
</div>
<!--<div>
<input type="text" placeholder="Search">
</div>-->
</div>
<table vm-table>
<thead>
<th>Employee Name</th>
<th>Email Address</th>
<th>Phone Number</th>
<th>Designation</th>
<th>Action</th>
</thead>
<tbody>
<tr>
<td>John Doe</td>
<td>john@doe.com</td>
<td>+1234567890</td>
<td>Manger</td>
<td>Data</td>
</tr>
<tr>
<td>Jane Carlos</td>
<td>jane@gmail.com</td>
<td>+1234567890</td>
<td>Auditor</td>
<td>Data</td>
</tr>
<tr>
<td>Evans Mose</td>
<td>e.mose@gmail.com</td>
<td>+1234567890</td>
<td>Director</td>
<td>Data</td>
</tr>
<tr>
<td>John Doe</td>
<td>john@doe.com</td>
<td>+1234567890</td>
<td>Manger</td>
<td>Data</td>
</tr>
<tr>
<td>Jane Carlos</td>
<td>jane@gmail.com</td>
<td>+1234567890</td>
<td>Auditor</td>
<td>Data</td>
</tr>
<tr>
<td>Evans Mose</td>
<td>e.mose@gmail.com</td>
<td>+1234567890</td>
<td>Director</td>
<td>Data</td>
</tr>
<tr>
<td>John Doe</td>
<td>john@doe.com</td>
<td>+1234567890</td>
<td>Manger</td>
<td>Data</td>
</tr>
<tr>
<td>Jane Carlos</td>
<td>jane@gmail.com</td>
<td>+1234567890</td>
<td>Auditor</td>
<td>Data</td>
</tr>
<tr>
<td>Evans Mose</td>
<td>e.mose@gmail.com</td>
<td>+1234567890</td>
<td>Director</td>
<td>Data</td>
</tr>
<tr>
<td>John Doe</td>
<td>john@doe.com</td>
<td>+1234567890</td>
<td>Manger</td>
<td>Data</td>
</tr>
<tr>
<td>Jane Carlos</td>
<td>jane@gmail.com</td>
<td>+1234567890</td>
<td>Auditor</td>
<td>Data</td>
</tr>
<tr>
<td>Evans Mose</td>
<td>e.mose@gmail.com</td>
<td>+1234567890</td>
<td>Director</td>
<td>Data</td>
</tr>
<tr>
<td>John Doe</td>
<td>john@doe.com</td>
<td>+1234567890</td>
<td>Manger</td>
<td>Data</td>
</tr>
<tr>
<td>Jane Carlos</td>
<td>jane@gmail.com</td>
<td>+1234567890</td>
<td>Auditor</td>
<td>Data</td>
</tr>
<tr>
<td>Evans Mose</td>
<td>e.mose@gmail.com</td>
<td>+1234567890</td>
<td>Director</td>
<td>Data</td>
</tr>
</tbody>
</table>
<div vm-table-footer>
<div>
<span>Rows Per Page:</span>
<select name="" id="">
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
</div>
<div>
<div pages>
<!--
<li page="1" active>1</li>
<li page="2">2</li>
<li page="3">3</li>
<li page="4">4</li>
<li page="5">5</li>
-->
</div>
</div>
</div>
</div>
<div class="attribution">
Designed by Veltech. (+254708222536/+254706268940)
</div>
<script src="js/vm-table.v1.js"></script>
</body>
</html>
