<!DOCTYPE html>
<html>
<head>
  <title>Report Your Volunteer Hours - Powered by Volunteer Houston</title>
  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
  <link rel="stylesheet" type="text/css" href="./assets/main.css">
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="twelve columns">
        <img src='assets/Volunteer Houston.png'>
        <h2>Harvey Volunteer Hours</h2>
        <p>Thank you for your service to the community.</p>
        <p>We are tracking volunteer hours by location. Please enter each location where you volunteered, the number of hours you volunteered, and the date that you volunteered.</p>
      </div>
    </div>
  </div>
  <div class="container">
    <form>
      <div class="row">
        <div class="six columns">
          <label for="volunteer-name">Name</label>
          <input class="u-full-width" required type="text" placeholder="First Last" id="volunteer-name" name="name">
        </div>
        <div class="six columns">
          <label for="volunteer-email">Email</label>
          <input class="u-full-width" required type="email" placeholder="test@mailbox.com" id="volunteer-email" name="email">
        </div>
      </div>
      <div id="volunteer-items">
        <h4>Log</h4>
        <p>Note: If you worked in more than one location, or on more than one day - add information <strong>per location</strong> and <strong>per day</strong> by clicking, "Add More".</p>
      </div>
      <button id="add">Add more</button>
      <input class="button-primary" type="submit" value="Submit">
      <p id="thank-you">Thank you for submitting your hours. If you need to report additional hours, please feel free to fill out the form again.</p>
    </form>
  </div>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.auto.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/axios/0.16.2/axios.min.js"></script>
  <script
    src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
    integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g="
    crossorigin="anonymous"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
  <script type="text/javascript" src="./assets/main.js"></script>
</body>
</html>
