<html>
  <head>
  <link rel="stylesheet" type="text/css" href="static/css/main.css" media="screen">
  <link rel="stylesheet" type="text/css" href="static/css/jquery.dataTables.min.css" media="screen">
  <link rel="stylesheet" type="text/css" href="static/css/font-awesome/all.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <script type="text/javascript" src="static/js/jquery.js"></script>
  <script type="text/javascript" src="static/js/jquery.dataTables.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> 
  <script type="text/javascript" src="static/js/main_table.js"></script>
  </head>
  <body>
    <h1 class="jumbotron-heading">FRS QRZ database</h1>
    <div>
      <table id="main_table" class="display cell-border">
        <thead class="thead-dark">
          <tr>
            <td>QRZ</td>
            <td>Name</td>
            <td>City</td>
            <td>Department</td>
            <td>Country</td>
          </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
  </body>
</html>