<!-- multistep form -->
<form id="msform">
  <!-- progressbar -->
  <ul id="progressbar">
    <li class="active">Personal Information</li>
    <li>Athletic Information</li>
    <li>Personal Details</li>
  </ul>
  <!-- fieldsets -->
  <fieldset>
    <h2 class="fs-title">Navy Track and Field Questionnaire</h2>
    <h3 class="fs-subtitle">Please fill out all required items</h3>
    <input type="high-schoo-graduation-year" name="high-school-graduation-year" placeholder="Graduation Year" />
    <input type="last-name" name="last-name" placeholder="Last Name" />
    <input type="first-name" name="first-name" placeholder="First Name" />
    <input type="phone-number" name="phone-number" placeholder="Phone Number" />
    <input type="email" name="email" placeholder="Email" />
    <input type="Height" name="Height" placeholder="Height" />
    <input type="Weight" name="Weight" placeholder="Weight" />
    <input type="button" name="next" class="next action-button" value="Next" />
  </fieldset>
  <fieldset>
    <h2 class="fs-title">Athletic Information</h2>
    <h3 class="fs-subtitle">Tell us about your events</h3>
    <input type="text" name="Event" placeholder="Event (i.e. 800m, Long Jump)" />
    <input type="text" name="Personal Best" placeholder="Personal Best (i.e. 5:45, 6'3'')" />
    <input type="text" name="Meet and Date of PR" placeholder="Meet and Date of PR" />
    <input type="text" name="Secondary Event" placeholder="Secondary Event" />
    <input type="text" name="Meet and Date of Secondary PR" placeholder="Meet and Date of Secondary PR" />

    <input type="button" name="previous" class="previous action-button" value="Previous" />
    <input type="button" name="next" class="next action-button" value="Next" />
  </fieldset>
  <fieldset>
    <h2 class="fs-title">Contact Information</h2>
    <h3 class="fs-subtitle"></h3>
    <input type="text" name="Street Address" placeholder="Street Address (i.e. 101 Navy Dr)" />
    <input type="text" name="City" placeholder="City" />
    <input type="text" name="State" placeholder="State" />
    <input type="text" name="Zip" placeholder="Zip Code" />
    <input type="text" name="Date of Birth" placeholder="Date of Birth (MM/DD/YY)" />
    <input type="text" name="Father's Name" placeholder="Father's Name" />
    <input type="text" name="Mother's Name" placeholder="Mother's Name" />
    <input type="button" name="previous" class="previous action-button" value="Previous" />
    <input type="button" name="next" class="next action-button" value="Next" />
  </fieldset>
  <fieldset>
    <h2 class="fs-title">High School Information</h2>
    <h3 class="fs-subtitle">Tell us about your school</h3>
    <input type="text" name="High School Name" placeholder="High School Name" />
    <input type="text" name="High School City" placeholder="High School State" />
    <input type="text" name="High School Counselor's Name" placeholder="High School Counselor's Name" />
    <input type="text" name="Counselor's Phone Number" placeholder="Counselor's Phone Number" />
    <input type="text" name="Counselor's Email Address" placeholder="Counselor's Email Address" />
    <input type="button" name="previous" class="previous action-button" value="Previous" />
    <input type="submit" name="submit" class="submit action-button" value="Submit" />
  </fieldset>
</form>