form.html

<header>
    <h2>Interest Form</h2>
  </header>
  <form action="#">
    <!-- Name & Email -->
    <div class="field half first">
      <label for="name">Name</label>
      <input type="text" name="name" id="name" />
    </div>
    <div class="field half">
      <label for="email">Email</label>
      <input type="text" name="email" id="email" />
    </div>
    <!-- GitHub & Phone Number -->
    <div class="field half first">
      <label for="github">GitHub UserName</label>
      <input type="text" name="github" id="github" />
    </div>
    <div class="field half">
      <label for="phone_number">Phone Number</label>
      <input type="text" name="phone_number" id="phone_number" />
    </div>
    <!-- T-Shirt Size & Major -->
    <div class="field half first">
      <label for="shit_size">T-Shirt Size</label>
      <input type="text" name="shit_size" id="shit_size" />
    </div>
    <div class="field half">
      <label for="major">Major</label>
      <input type="text" name="major" id="major" />
    </div>
    <div class="field">
      <label for="message"
        >Additional Background Inforamtion or Previous Experience</label
      >
      <textarea name="message" id="message" rows="6"></textarea>
    </div>
    <ul class="actions">
      <li>
        <input
          type="submit"
          value="Submit"
          class="alt"
          onclick="authenticate().then(loadClient).then(execute)"
        />
      </li>
    </ul>
  </form>