-
Notifications
You must be signed in to change notification settings - Fork 0
/
teacher_signup.html
174 lines (148 loc) · 5.27 KB
/
teacher_signup.html
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teacher Registration Form</title>
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-weight: 300;
}
body {
font-family: "Source Sans Pro", sans-serif;
color: #333; /* Text color */
font-weight: 300;
background: #f0f3f8; /* Background color */
width: 100%;
height: 100%;
text-align: center;
padding:100px;
}
.container {
width: 100%;
padding: 80px;
text-align: center;
display: flex;
justify-content: center; /* Center align horizontally */
align-items: center; /* Center align vertically */
height: 100vh; /* Full viewport height */
}
.card {
background-color: #b7c8ff; /* Card background color */
width:700px;
padding: 40px;
border-radius: 20px;
text-align: left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Card shadow */
margin:50px;
}
.container h1 {
font-size: 40px;
font-weight: 200;
}
h2 {
font-size: 35px;
font-weight: 400;
color: #6c63ff; /* Heading color */
background-color: #ffffff; /* Heading background color */
border-radius: 20px;
padding: 10px;
text-align: center;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); /* Heading shadow */
}
input[type="text"],
input[type="password"] {
border: 1px solid #a4b7ff; /* Input border color */
background-color: #ffffff; /* Input background color */
width: 100%;
border-radius: 5px;
font-family: "Source Sans Pro", sans-serif;
padding: 10px;
margin: 10px 0;
font-size: 16px;
color: #333; /* Text color */
}
input:focus {
outline: none;
border-color: #6c63ff; /* Input border color on focus */
}
button {
appearance: none;
outline: 0;
background-color: #6c63ff; /* Button background color */
border: 0;
padding: 15px;
margin: 20px 0;
color: #ffffff; /* Button text color */
border-radius: 5px;
width: 100%;
font-size: 18px;
cursor: pointer;
}
button:hover {
background-color: #8f86ff; /* Darker shade on hover */
}
label {
font-size: 18px;
}
p {
font-size: 18px;
display: inline-block;
}
form {
text-align: center;
}
</style>
<script src="form2_validate.js" defer></script>
</head>
<body>
<div class="bg-img"></div>
<div class="container">
<div class="card">
<h2>Teacher Registration Form</h2><br>
<form action="teacher_data.php" method="post" id="registrationForm2">
<label for="tuser_id">User ID:</label>
<input type="text" id="tuser_id" name="tuser_id" required>
<label for="tname">Name:</label>
<input type="text" id="tname" name="tname" required>
<label for="tpass">Password:</label>
<input type="password" id="tpass" name="tpass" required>
<label for="tphone_no">Phone Number:</label>
<input type="tel" id="tphone_no" name="tphone_no" required><br><br>
<label for="tdob">Date of Birth:</label>
<input type="date" id="tdob" name="tdob" required><br><br>
<label for="tgender">Gender:</label>
<select id="tgender" name="tgender" required>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select><br><br>
<label for="tcity">City:</label>
<input type="text" id="tcity" name="tcity" required><br><br>
<label for="qual">Qualification:</label>
<select id="qual" name="qual" required>
<option value="salsa sensation">SALSA SENSATION</option>
<option value="hiphop fusion">HIP HOP FUSION</option>
<option value="ballet elegance">BALLET ELEGANCE</option>
<option value="bollywood beats">BOLLYWOOD BEATS</option>
<option value="foundations of dance">FOUNDATIONS OF DANCE</option>
<option value="music theory unleashed">MUSIC THEORY UNLEASHED</option>
<option value="choreography creations">CHOREOGRAPHY CREATIONS</option>
<option value="stage presence intensive">STAGE PRESENCE INTENSIVE</option>
</select><br><br>
<label for="pay">Payment Mode:</label>
<select id="pay" name="pay" required>
<option value="credit_card">Credit Card</option>
<option value="upi">UPI</option>
</select><br><br>
<label for="pay_no">Account Number:</label>
<input type="text" id="pay_no" name="pay_no" required><br>
<button type="submit">Submit</button>
</form>
</div>
</div>
</body>
</html>