Untitled

<!DOCTYPE html>
<html>
<head lang="en">
	<title>Assignment # 02 UIT</title>
</head>
<body>

	<h1 style="color: #2874A6; text-align: center;font-family: Calibri, Arial, sans-serif">Assignment Two From <span style="color: #CB4335">Sir Zahid Ali</span></h1>

	<h2 style="color: #5DADE2; text-align: center;font-family: Calibri, Arial, sans-serif;">Usman Institute of Technology</h2>

	<div style="width: 650px; text-align: justify; font-family: Times New Roman, Arial, sans-serif;font-size: 14px; font-style: italic; font-weight: lighter; margin: 0 auto;">

				<p>Quisque vestibulum porta pharetra. Donec ut sodales nisl, sit amet blandit urna. Praesent tempus, ante ultricies vehicula cursus, velit velit ultrices nisi, eget lacinia sem ante a eros. Fusce pharetra odio a elit commodo ullamcorper. Nunc fermentum, est at luctus ultrices, arcu neque accumsan ipsum, et tincidunt mauris tortor ac lacus. Praesent semper odio risus, eu molestie mi ultrices id. Sed vel lorem et diam auctor malesuada.</p>

	</div>

	<hr style="height: 1px;background-color: #BB8FCE; border: none; width: 650px">

	<div style="width: 650px; margin: 0 auto; margin-top: 14px; color: #000">

		<table>
			<form method="post" action="#">
				<tr>
					<td><label for="name">Student ID:</label></td>
					<td><input type="text" name="username" id="name" style="color: #7B241C; font-weight: bold;"></td>
				</tr>
				<tr>
					<td><label for="name">Name:</label></td>
					<td><input type="text" name="username" id="name" style="color: #7B241C; font-weight: bold;"></td>
				</tr>

				<tr>
					<td style="color: #C0392B; font-weight: bold;">1.Are you Interesting working with us?</td>
					<td>
						<input type="radio" name="myradio">Yes
						<input type="radio" name="myradio">No
					</td>
				</tr>

				<tr>
					<td style="color: #C0392B; font-weight: bold;">2. Who motivates you to join with us?</td>
					<td>
						<select style="color: #21618C">
							<option>Select Please...</option>
							<option value="friends">Friends</option>
							<option value="eachers">Teachers</option>
							<option value="arents">Parents</option>
							<option value="Self">Self</option>
						</select>
					</td>
				</tr>


				<tr>
					<td style="color: #C0392B; font-weight: bold;">3. How old are you?</td>
				</tr>

				<tr style="color: #21618C; font-size: 14px;">
					<td><input type="radio" name="ageradio">Under 18</td>
				</tr>

				<tr style="color: #21618C; font-size: 14px;">
					<td><input type="radio" name="ageradio">18-25</td>
				</tr style="color: #21618C; font-size: 14px;">

				<tr style="color: #21618C; font-size: 14px;">
					<td><input type="radio" name="ageradio">26-45</td>
				</tr>

				<tr style="color: #21618C; font-size: 14px;">
					<td><input type="radio" name="ageradio">46-Above</td>
				</tr>

				<tr>
					<td style="color: #C0392B; font-weight: bold;">4.Gender?</td>
				</tr>
				<tr>
					<td>
						<select style="color: #21618C">
							<option>&nbsp;</option>
							<option value="male">Male</option>
							<option value="female">Female</option>
						</select>
					</td>
				</tr>
				<tr>
					<td style="color: #C0392B; font-weight: bold;">Please share Feeedback or Suggestion</td>
				</tr>
					<tr>
						<td><textarea cols="40" rows="5" name="userfeed" style="color: #21618C"></textarea></td>
					</tr>

					<tr>
						<td style="color: #C0392B;font-weight: bold;">How do you pay your purchase?</td>
					</tr>
					<tr>
						<td style="color: #21618C">Cardit Card</td>
					</tr>
					<tr>
						<td style="color: #21618C">Master Card</td>
					</tr>
					<tr>
						<td style="color: #21618C">PayPal Onlins</td>
					</tr>
					<tr>
						<td><input type="radio" name="paymentradio"><input type="text" name="paymentmethod" style="color: #21618C"></td>
					</tr>


					<!------ Chart ----->

					<tr>
						<td style="color: #C0392B; font-weight: bold;">Please rank what you look for in order of importance when selecting products.</td>
					</tr>
					<tr>
						<table border="1px" style="text-align: center; border-color: blue; border-collapse: collapse; margin: 10px auto;" cellspacing="10px" cellpadding="5px">
							<tr style="background-color: #E9967A">
								<th style="background-color: white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
								<th>Monday</th>
								<th>Tuesday</th>
								<th>Wednesday</th>
								<th>Friday</th>
								<th>Saturday</th>
								<th>Sunday</th>
							</tr>
							<tr>
								<td style="background-color: #FFE4B5;">BreakFast</td>
								<td><input type="radio" name="mon_breakfast"></td>
								<td><input type="radio" name="wed_breakfast"></td>
								<td><input type="radio" name="thus_breakfast"></td>
								<td><input type="radio" name="fri_breakfast"></td>
								<td><input type="radio" name="sat_breakfast"></td>
								<td><input type="radio" name="sun_breakfast"></td>
							</tr>
							<tr>
								<td style="background-color: #FFE4B5;">Lunch</td>
								<td><input type="radio" name="mon_lunch"></td>
								<td><input type="radio" name="wed_lunch"></td>
								<td><input type="radio" name="thus_lunch"></td>
								<td><input type="radio" name="fri_lunch"></td>
								<td><input type="radio" name="sat_lunch"></td>
								<td><input type="radio" name="sun_lunch"></td>
							</tr>
							<tr>
								<td style="background-color: #FFE4B5;">Tea</td>
								<td><input type="radio" name="mon_tea"></td>
								<td><input type="radio" name="wed_tea"></td>
								<td><input type="radio" name="thus_tea"></td>
								<td><input type="radio" name="fri_tea"></td>
								<td><input type="radio" name="sat_tea"></td>
								<td><input type="radio" name="sun_tea"></td>
							</tr>
							<tr>
								<td style="background-color: #FFE4B5;">Coffee</td>
								<td><input type="radio" name="mon_tea"></td>
								<td><input type="radio" name="wed_tea"></td>
								<td><input type="radio" name="thus_tea"></td>
								<td><input type="radio" name="fri_tea"></td>
								<td><input type="radio" name="sat_tea"></td>
								<td><input type="radio" name="sun_tea"></td>
							</tr>
							<tr>
								<td style="background-color: #FFE4B5;">IceCream</td>
								<td><input type="radio" name="mon_icecream"></td>
								<td><input type="radio" name="wed_icecream"></td>
								<td><input type="radio" name="thus_icecream"></td>
								<td><input type="radio" name="fri_icecream"></td>
								<td><input type="radio" name="sat_icecream"></td>
								<td><input type="radio" name="sun_icecream"></td>
							</tr>
							<tr>
								<td  style="background-color: #FFE4B5;">Biryani</td>
								<td><input type="radio" name="mon_biryani"></td>
								<td><input type="radio" name="wed_biryani"></td>
								<td><input type="radio" name="thus_biryani"></td>
								<td><input type="radio" name="fri_biryani"></td>
								<td><input type="radio" name="sat_biryani"></td>
								<td><input type="radio" name="sun_biryani"></td>
							</tr>
							<tr >
								<td style="background-color: #FFE4B5;">Dinner</td>
								<td><input type="radio" name="mon_dinner"></td>
								<td><input type="radio" name="wed_lunch"></td>
								<td><input type="radio" name="thus_lunch"></td>
								<td><input type="radio" name="fri_lunch"></td>
								<td><input type="radio" name="sat_lunch"></td>
								<td><input type="radio" name="sun_lunch"></td>
							</tr>
						</table>
					</tr>
			</form>
		</table>
	</div>

</body>
</html>