<h1>Make Activity</h1>
<form id="makeActivity" >
  > Activity Name*:<br>
  <input type="text" name="activityName" ><br><br>

  > Activity Length*:<br>
  <select name="activityLengthHrs" form="makeActivity">
  <option value="0">0</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>
  <option value="22">22</option>
  <option value="23">23</option>
  <option value="24">24</option>
  </select>Hours

  <select name="activityLengthMins" form="makeActivity">
  <option value="0">0</option>
  <option value="1">5</option>
  <option value="2">10</option>
  <option value="3">15</option>
  <option value="4">20</option>
  <option value="5">25</option>
  <option value="6">30</option>
  <option value="7">35</option>
  <option value="8">40</option>
  <option value="9">45</option>
  <option value="10">50</option>
  <option value="11">55</option>
  </select>Mins<br><br>

  > Start Day*:<br>
  <select name="startDay" form="makeActivity">
  <option value="0">Saturday</option>
  <option value="1">Sunday</option>
  <option value="2">Monday</option>
  <option value="3">Tuesday</option>
  <option value="4">Wednesday</option>
  <option value="5">Thursday</option>
  <option value="6">Friday</option>
  </select><br><br>

  > Start Time*:<br>
  <select name="startHour", form="makeActivity">
  <option value="0">12am</option>
  <option value="1">1am</option>
  <option value="2">2am</option>
  <option value="3">3am</option>
  <option value="4">4am</option>
  <option value="5">5am</option>
  <option value="6">6am</option>
  <option value="7">7am</option>
  <option value="8">8am</option>
  <option value="9">9am</option>
  <option value="10">10am</option>
  <option value="11">11am</option>
  <option value="12">12pm</option>
  <option value="13">1pm</option>
  <option value="14">2pm</option>
  <option value="15">3pm</option>
  <option value="16">4pm</option>
  <option value="17">5pm</option>
  <option value="18">6pm</option>
  <option value="19">7pm</option>
  <option value="20">8pm</option>
  <option value="21">9pm</option>
  <option value="22">10pm</option>
  <option value="23">11pm</option>
  </select> :

  <select name="startMin" form="makeActivity">
  <option value="0">0</option>
  <option value="1">5</option>
  <option value="2">10</option>
  <option value="3">15</option>
  <option value="4">20</option>
  <option value="5">25</option>
  <option value="6">30</option>
  <option value="7">35</option>
  <option value="8">40</option>
  <option value="9">45</option>
  <option value="10">50</option>
  <option value="11">55</option>
  </select><br><br>



  > Activity Type*:<br>
  <select name="activityType" form="makeActivity">
  <option value="1">Revision</option>
  <option value="2">Extra curricular</option>
  <option value="3">Job</option>
  <option value="4">Misc</option>
  </select><br><br>


  > Activity Colour*:<br>
  <input type="color" name="activityColour"><br>
  <input type="submit">
</form>