views/sample.erb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>tntracker</title>
<!-- Bootstrap core CSS -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!-- Custom styles for this template -->
<link href="http://getbootstrap.com/examples/sticky-footer/sticky-footer.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Begin page content -->
<div class="container">
<div class="page-header">
<h2>Sample track</h2>
</div>
<table xmlns="" border="0"><tbody><tr></tr></tbody></table><table xmlns="" width="510" bgcolor="#000000" cellspacing="0" cellpadding="1" border="0"><tbody><tr valign="top"></tr></tbody></table><table width="100%" cellspacing="0" cellpadding="2" border="0" class="appTable"><tbody>
<tr></tr>
<tr valign="top"><td nowrap=""><b>8333484239 </b></td></tr>
<tr valign="top"><td nowrap=""><b>30 Sep 2014 </b></td></tr>
<tr><td nowrap=""><b>LONDON </b></td></tr>
<tr valign="top"><td nowrap=""><b>18:42, 08 Oct 2014 </b></td></tr>
<tr valign="top"><td nowrap=""><b>henry stanley </b></td></tr>
</tbody></table><table width="100%" cellspacing="0" cellpadding="2" border="0" class="appTable"><tbody>
<tr valign="bottom" class="sectionheading">
<td>Time</td>
<td>Location</td>
<td>Status</td>
</tr>
<tr valign="top">
<td>18:42:00 </td>
<td>London City </td>
<td>Shipment Delivered In Good Condition. </td>
</tr>
<tr valign="top">
<td>18:41:21 </td>
<td>London City </td>
<td>Shipment Received At Tnt Location </td>
</tr>
<tr valign="top">
<td>17:18:16 </td>
<td>London City </td>
<td>Shipment Arrived At Tnt Location </td>
</tr>
<tr valign="top">
<td>12:15:50 </td>
<td>London City </td>
<td>Shipment Arrived At Tnt Location </td>
</tr>
<tr valign="top">
<td>21:03:57 </td>
<td>London City </td>
<td>Request From Receiver To Hold For Collection At Tnt Location </td>
</tr>
<tr valign="top">
<td>20:55:41 </td>
<td>London City </td>
<td>Receiver Requested Different Delivery Address. </td>
</tr>
<tr valign="top">
<td>18:46:17 </td>
<td>London City </td>
<td>Receiving Customer Requested New Delivery Date </td>
</tr>
<tr valign="top">
<td>17:42:51 </td>
<td>London City </td>
<td>Shipment Arrived At Tnt Location </td>
</tr>
<tr valign="top">
<td>15:47:26 </td>
<td>London City </td>
<td>Customer Not Home. Follow Up Actions Underway </td>
</tr>
<tr valign="top">
<td>07:39:45 </td>
<td>London City </td>
<td>Shipment Received At Tnt Location </td>
</tr>
<tr valign="top">
<td>20:10:38 </td>
<td>KG4 </td>
<td>Shipment Received At Tnt Location </td>
</tr>
<tr valign="top">
<td>20:10:00 </td>
<td>KG4 </td>
<td>Shipment Received At Transit Point. </td>
</tr>
<tr valign="top">
<td>01:16:00 </td>
<td>Northampton Hub </td>
<td>Delay. Recovery Action Underway </td>
</tr>
<tr valign="top">
<td>19:19:35 </td>
<td>Arnhem Hub </td>
<td>Shipment In Transit. </td>
</tr>
<tr valign="top">
<td>13:45:18 </td>
<td>Arnhem Hub </td>
<td>Shipment In Transit. </td>
</tr>
<tr valign="top">
<td>01:01:50 </td>
<td>Pudong International Airport </td>
<td>Shipment In Transit. </td>
</tr>
<tr valign="top">
<td>23:12:51 </td>
<td>Pudong International Airport </td>
<td>Shipment Received At Tnt Location </td>
</tr>
<tr valign="top">
<td>22:47:00 </td>
<td>Shanghai </td>
<td>Shipment In Transit. </td>
</tr>
<tr valign="top">
<td>22:06:06 </td>
<td>Shanghai </td>
<td>Shipment In Transit. </td>
</tr>
<tr valign="top">
<td>19:37:31 </td>
<td>Shanghai Pudong Depot </td>
<td>Shipment Collected From Customer </td>
</tr>
</tbody></table><table width="100%" cellspacing="0" cellpadding="4" border="0" class="appTable"><tbody><tr class="sectionheading"></tr></tbody></table>
</div>
<div class="footer">
<div class="container">
<p class="text-muted"><a href="http://henrystanley.com">Henry</a> loves you.</p>
</div>
</div>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>