index.html

﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Geofencing</title>
    <link rel="stylesheet" href="stylesheets/bootstrap.min.css">
    <link rel="stylesheet" href="stylesheets/styles.css">
  </head>
  <body>
    <section>
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-5">
            <h2> Walklists </h2>
            <table class="table" id="walklists">
              <thead> 
                <tr>
                  <th> Name </th>
                  <th> # of records </th>
                  <th> Assigned? </th>
                  <th> </th>
                </tr> 
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
          <div class="col-md-7">
            <div id="map"></div>
          </div>
        </div>
      </div>
    </section>
  
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="Geofencing.js"> </script>
    <script src="https://trcanvasdata.blob.core.windows.net/code/trc.js"> </script>
    <script src="https://trcanvasdata.blob.core.windows.net/code/plugin.js"></script>

    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDPEmHsLQ-OQpWL2AsjYwYq55XjW7k1oZY&libraries=drawing,geometry" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/randomcolor/0.4.2/randomColor.min.js"></script>
  </body>
</html>