cs202 Assagnment
cs202 Assagnment
DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width initial-scale=1">
<title>Curriculum vitae</title>
</head>
<body bgcolor = "#2cda26">
<h1> Curriculum vitae <h1>
<form>
<div style = "width: 50%;">
<center><h4>Personal Information</h4></center>
<table border="10" cellspacing = "0" cellpadding = "15" width =
"650">
<tr>
<td>Name:</td>
<td><input type = "text" width = "80%"></td>
</tr>
<tr>
<td>Email:</td>
<td><input type = "email" width = "80%"></td>
</tr>
<tr>
<td>Phone:</td>
<td><input type = "tel" width = "80%"></td>
</tr>
<tr>
<td>Address:</td>
<td><textarea rows = "2" cols = "21"></textarea></td>
</tr>
<tr>
<td>Gender:</td>
<td>
<input type = "radio" name = "gender"> Male
<input type = "radio" name = "gender"> Female
</td>
</tr>
<tr>
<td>Hobbies:</td>
<td>
<input type = "checkbox"> Drawing
<input type = "checkbox"> Cooking
<input type = "checkbox"> Games<br>
<input type = "checkbox"> Others
<input type = "text">
</td>
</tr>
</table>
</div>
</div style = "width: 50%;">
<center><h3>Education</h3></center>
<table border="5" cellspacing = "0" cellpadding = "15" width =
"600">
<tr>
<td>Degree:</td>
<td><input type = "text" width = "80%"></td>
</tr>
<tr>
<td>Major:</td>
<td><input type = "text" width = "80%"></td>
</tr>
<tr>
<td>University:</td>
<td><input type = "text" width = "80%"></td>
</tr>
<tr>
<td>Graduation Date:</td>
<td><input type = "date" width = "80%"></td>
</tr>
</table>
</div>
</div style = "width: 50%;">
<center><h3>Experience</h3></center>
<table border="5" cellspacing = "0" cellpadding = "15" width = "650">
<tr>
<td>Job Title:</td>
<td><input type = "text" width = "80%"></td>
</tr>
<tr>
<td>Company:</td>
<td><input type = "email" width = "80%"></td>
</tr>
<tr>
<td>Employment Date:</td>
<td><input type = "datetime-local" width = "80%"></td>
</tr>
<tr>
<td>Job description:</td>
<td><textarea rows = "2" cols = "21"></textarea></td>
</tr>
</table>
<input type = "submit" value = "Submit">
<input type = "reset" value = "Reset">
</div>
<Form>
</body>
</html>