hitxy-member/html/workspace.html

<div id="search">
	<div>
		<input autocomplete=off id="username" class="typeahead" type=text name="user" placeholder="Your name">
		<div class='error' id="errUserName"> </div>
	</div>
	<div>
		<button id="step1" class=disabled> Next <i class="ticon ticon-arrow-down"></i> </button>
	</div>
</div>

<div class= 'clear'></div>

<div class="verification" id="userpass"> 
    <p> Please provide missing information: </p>
	<select name="verify_method" class=fullwidth id="verify_method">
  		<option value="mobile" id="vmobile">Your Phone: </option>
  		<option value="email" id="vemail">Your Email: </option>
	</select>
	<div> Your Answer:</div>
	<div> <input class='fullwidth' id="verifycode" type=text> </div> 
	<div class='error' id="errVerify"> </div>
	<button id="step2"> Verify  <i class="ticon ticon-arrow-down"></i></button>
</div>

<div class= 'clear'></div>

<div id="details" class="details"> 
	<table class="details">
	<tr><td colspan=2>
		<span>Postal Address</span> <br>
		<textarea class=addr>
			33 Valerie Ave
			Baulk Ham Hills,
			NSW, Australia 2153
		</textarea>
		<button id=changeaddr>Change Address</button>
	</td></tr>
	
	<tr>
		<td>State in Australia</td>
		<td class="left">
		 	<select name="states" class=fullwidth id="states">
  				<option value="NSW">NSW</option>
  				<option value="ACT">ACT</option>
  				<option value="WA">WA</option>
  				<option value="SA">SA</option>
  				<option value="NT">NT</option>
  				<option value="TAS">TAS</option>
  				<option value="VIC">VIC</option>
		</select>
		 
		</td>
	
	</tr>

	
	<tr>
		<td>Delivery:</td>
		<td class="left"> 
			<input type=radio name="delivery" > N/A <br>
			<input type=radio name="delivery" > Direct Post <br>
			<input type=radio name="delivery" checked> Pick up from <span id=collector> Patrick Sun </span> 
		</td>
	
	</tr>
	
	<tr>
		<td style="vertical-align:middle">
			<input id="medal" type=checkbox checked onclick="return false;"><br>
			<label for="medal" id='medalstatus'>Received in AU</labe>
		</td>
		<td >
			<img src="https://via.placeholder.com/150" >
		</td>
	</tr>
	
	<tr id=tracking1>
		<td id=date1 style="vertical-align:middle">
		2020-12-10
		</td>
		<td>
		Send out from Sydney
		</td>
	</tr>

	<tr id=tracking2>
		<td id=date1 style="vertical-align:middle">
		2020-12-10
		</td>
		<td>
		Send out from Sydney
		</td>
	</tr>
	
	<tr id=tracking3>
		<td id=date1 style="vertical-align:middle">
		2020-12-10
		</td>
		<td>
		Send out from Sydney
		</td>
	</tr>
	
	</table> 
</div>

<div class="success"> 
	<table style="min-height:150px;">
		<tr><td style="text-align:center; vertical-align:middle;">
		<button id='confirm' > Card received </button> 
		<img id=done style="display:none;" >
		</td></tr>
	</table>
</div>