You are on page 1of 3

NAME-TUSHAR SATIJA

UI lab activity
CODE

<!DOCTYPE html>
<html>
<head>
<style>
#cherry{
background-color: rgb(222,222,222);
border:5px solid pink;
padding:56px;
border-radius:40px;

}
.my{
border:1px solid skyblue;

</style>
</head>
<body>
<div id="cherry">
<h2 style="text-align:center">DONATION FORM</h2>
<h4>COVID-19</h4>
<p class="my">
COVID-19 affects different people in different ways. Most infected people will
develop mild to moderate illness and recover without hospitalization.
Most common symptoms:
fever
dry cough
tiredness
Less common symptoms:
aches and pains
sore throat
diarrhoea
conjunctivitis
headache
loss of taste or smell
a rash on skin, or discolouration of fingers or toes
<img src="download(1).jpg" alt="image note available"></p>
<form action="back.php">
<p class="my">Personal Detail</p>
<div>
<label>CANDIDATE NAME : </label>
<input type="text">
<br>
<label>FATHER'S NAME : </label>
<input type="text">
<br>
<label>MOTHER'S NAME : </label>
<input type="text">
<br>
<label>AGE : </label>
<input type="text">
<br>
<label>DATE OF BIRTH : </label>
<input type="text">
<br>
<label>AADHAR NUMBER: </label>
<input type="text">
<br>
<label>GENDER : </label>
<input type="radio" name="gender">
<label>MALE</label> <br>
<input type="radio" name="gender">
<label>FEMALE</label>

</div>
<p class="my">Contact details</p>
<br>
<label>ADDRESS : </label>
<input type="text">
<br>
<label>EMAIL : </label>
<input type="text">
<br>
<label>MOBILE NUMBER : </label>
<input type="text">
<br>
<label>STATE : </label>
<input type="text">
<br>
<p class="my">PAYMENT</p>
<label >MODEOFPAyment : </label>
<input type="radio" name="MODEOFPAyment">
<label>phonepay</label>
<input type="radio" name="MODEOFPAyment">
<label>netbanking</label>
<input type="radio" name="MODEOFPAyment">
<label>paytm</label>
<br>
<input type="submit" value="SUBMIT NOW">
</form>
</div>
</body>
</html>

You might also like