Forms/student.html at main · vinodbgit/Forms · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Student Registration Form</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<center> <h1 style="background-color: black; color: white;">Student registration Form </h1></center>
<hr>
<div>
<div id="tumb">
	<img src="school1.jpg" alt="..." width="600px" height="500px" left="10%">
</div>
<div id="reg">


<div id="col">
<table align="center">
	<tr>
		<td> <h4> Student Full name: </h4> </td>
		<td> <input type="text"></td>
	</tr>
		<tr>
		<td> <h4> Father name  : </h4> </td>
		<td> <input type="text"></td>
	</tr>
		<tr>
		<td> <h4> Mother name   : </h4> </td>
		<td> <input type="text"></td>
	</tr>
		<tr>
		<td> <h4> Student Address   : </h4> </td>
		<td> <input type="text"></td>
	</tr>
		<tr>
		<td> <h4> Date of Birth   : </h4> </td>
		<td> <input type="date"></td>
	</tr>
		<tr>
		<td> <h4>Student Email   : </h4> </td>
		<td> <input type="text"></td>
	</tr>
		<tr>
		<td> <h4>contact number   : </h4> </td>
		<td> <input type="number"></td>
	</tr>
		<tr>
		<td> <h4> Select the course   : </h4> </td>
		<td>
		 <select>
		 	<option> <h4> BCA </h4> </option>
		 	<option> <h4> BBA </h4> </option>
		 	<option> <h4> BSC </h4> </option>
		 	<option> <h4> BA </h4> </option>
		 	<option> <h4> Bcom </h4> </option>
		 </select>
		</td>
	</tr>

		 	<td> <h4> Gender   : </h4> </td>
		 	<td> <input type="radio"> Male
		 		<input type="radio"> Female
		 	</td>
		 </tr>
		 <tr>
		 	<td> </td>
		 	<td> <h4> <button>  Register  </button></h4>
		 	</td>
		 </tr>

</table>
</div>
</div>
</div>
<br></br>
</html>
<style>
hr
{
	border: 8px solid black;
}
body
{
	background-color: powderblue;

}
#reg
{
	background-color: rgb(0 0 0 / 30%);
	height: 63%;
	width: 27%;
	position: absolute;
	left: 65%;
	top:20%;
	border-radius: 3%;
}
#tumb
{
	height: 420px;
	width:200px;
	left: 10%;
	position: absolute;
	top: 20%;
}
#col{
	color: white;
}
</style>