Untitled

<html>
<head>
<style>
fieldset{
width:30%
}
table {
width:30%;
}
#b01{
text-color:red;
}
table, th, td {
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;
}
table#t01 tr:nth-child(even) {
    background-color: #eee;
}
table#t01 tr:nth-child(odd) {
   background-color:#fff;
}
table#t01 th {
    background-color: black;
    color: white;
}
</style>
<title>Exercise 1</title>
</head>
<body>

<fieldset>
<legend> Personal Information</legend>
SEX: <input type="radio" name="sex" value="male" checked="checked">Male
	 <input type="radio" name="sex" value="female">Female</br>
Birthday:<Select name="month">
<Option selected value="January"> January</Option>
<Option selected value="February"> February</Option>
<Option selected value="March"> March</Option>
<Option selected value="April"> April</Option>
<Option selected value="May"> May</Option>
<Option selected value="June"> June</Option>
<Option selected value="July"> July</Option>
<Option selected value="August"> August</Option>
<Option selected value="September"> September</Option>
<Option selected value="October"> October</Option>
<Option selected value="November"> November</Option>
<Option selected value="December"> December</Option>
</Select>
Birthdate: <Select name="birthdate">
<Option selected value="1"> 1</Option>
<Option selected value="2"> 2</Option>
<Option selected value="3"> 3</Option>
<Option selected value="4"> 4</Option>
<Option selected value="5"> 5</Option>
<Option selected value="6"> 6</Option>
<Option selected value="7"> 7</Option>
<Option selected value="8"> 8</Option>
<Option selected value="9"> 9</Option>
<Option selected value="10"> 10</Option>
<Option selected value="11"> 11</Option>
<Option selected value="12"> 12</Option>
<Option selected value="13"> 13</Option>
<Option selected value="14"> 14</Option>
<Option selected value="15"> 15</Option>
<Option selected value="16"> 16</Option>
<Option selected value="17"> 17</Option>
<Option selected value="18"> 18</Option>
<Option selected value="19"> 19</Option>
<Option selected value="20"> 20</Option>
<Option selected value="21"> 21</Option>
<Option selected value="22"> 22</Option>
<Option selected value="23"> 23</Option>
<Option selected value="24"> 24</Option>
<Option selected value="25"> 25</Option>
<Option selected value="26"> 26</Option>
<Option selected value="27"> 27</Option>
<Option selected value="28"> 28</Option>
<Option selected value="29"> 29</Option>
<Option selected value="30"> 30</Option>
<Option selected value="31"> 31</Option>
</Select>
Birth year: <Select name="year">
<Option selected value="1990"> 1990</Option>
<Option selected value="1991"> 1991</Option>
<Option selected value="1992"> 1992</Option>
<Option selected value="1993"> 1993</Option>
<Option selected value="1994"> 1994</Option>
<Option selected value="1995"> 1995</Option>
<Option selected value="1996"> 1996</Option>
<Option selected value="1997"> 1997</Option>
<Option selected value="1998"> 1998</Option>
<Option selected value="1999"> 1999</Option>
</Select></br>
State: <Select name="state">
<Option selected value="Ohio"> Ohio</Option>
<Option selected value="Oklahoma"> Oklahoma</Option>
<Option selected value="Florida"> Florida</Option>
<Option selected value="NewOrleans"> New Orleans</Option>
<Option selected value="Chicago"> Chicago</Option>
</Select></br>
Country: <Select name="country">
<Option selected value="Philippines"> Philippines</Option>
<Option selected value="UnitedState"> United State</Option>
<Option selected value="Russia"> Russia</Option>
<Option selected value="China"> China</Option>
<Option selected value="Singapore"> Singapore</Option>
<Option selected value="Germany"> Germany</Option>
</Select>
</fieldset>
</br>
<fieldset>
<legend>Site Registration</legend>
Username: <input type="text" name="user" placeholder="username"></br>
Password: <input type="password" name="pass" placeholder="password"></br>
Retype password: <input type="password" name="pass" placeholder="retype password"></br>
Email address: <input type="email" name="email" placeholder="Youremail@gmail.com"></br>
Retype Eemail address: <input type="email" name="email" placeholder="Youremail@gmail.com"></br>
</fieldset>
<input type="button" name="submit" value="Submit">


<table id="t01">

<tr>
<th> Shipping </th>
<th></th>
<th> *Required fields </th>
</tr>

<tr>
<td><b>Address</b> </td>
<td> *First name<br> <input type="text" name="name" ></td>
<td> *Last name <br><input type="text" name="name"> </td>
</tr>

<tr>
<td></td>
<td>*House Number and Street<br> <input type="text" name="name" size="30"></td>
</tr>

<tr>
<td></td>
<td>Address line 2<br> <input type="text" name="name" size="30"></td>
</tr>

<tr>
<td></td>
<td>*Town/City<br> <input type="text" name="name"></td>
<td>*State<br> <Select name="state">
<Option selected value="Ohio"> Ohio</Option>
<Option selected value="Oklahoma"> Oklahoma</Option>
<Option selected value="Florida"> Florida</Option>
<Option selected value="NewOrleans"> New Orleans</Option>
<Option selected value="Chicago"> Chicago</Option>
</Select></td>
</tr>

<tr>
<td></td>
<td>*Zip code<br> <input type="text" name="name" placeholder="xxxxxx"></td>
</tr>

<tr>
<td></td>
<td>*Day phone(incl.area code)<br> <input type="text" name="name" placeholder="63-xxxxx-xxxx"></td>
</tr>

<tr>
<td></td>
<td><input type="checkbox" name="info" checked="checked">Use this address for my Billing information</td>
</tr>
</table>
</br>

<table>
<hr width="30%" align="left"></hr>
<tr>
<td><b>Delivery</b></td>
<td>*Shipping method:</td>
</tr>

<tr>
<td></td>
<td><input type="radio" name="days" value="79">7-9 business days- $0.00</td>
</tr>

<tr>
<td></td>
<td><input type="radio" name="days" value="79">3-5 business days- $7.00</td>
</tr>

<tr>
<td></td>
<td><input type="radio" name="days" value="79">2 business days- $17.00</td>
</tr>

<tr>
<td></td>
<td><input type="radio" name="days" value="79">1 business days- $22.00</td>
</tr>

<tr>
<td></td>
<td>Learn more about shpping options </td>
</tr>

</table>
<input id="b01" type="button" name="continue" value="Continue" align="right">
</body>

</html>