-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathregistration.html
140 lines (140 loc) · 7.31 KB
/
registration.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="r.css">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="title">REGISTER-HERE</div>
<form action="#" class="registration-form">
<div class="user-details">
<div class="input-box">
<span class="details">FULL NAME:*</span>
<input name="fullname" id="fullname" type="text" placeholder="enter your name " required>
</div>
<div class="input-box">
<span class="details">MOBILE N0.:*</span>
<input type="tel" id="mobileno" placeholder="enter mobile number (+91)" required>
</div>
<div class="input-box">
<span class="details">DATE OF BIRTH:*</span>
<input type="date" id="dob" placeholder="date of birth" required>
</div>
<div class="input-box">
<span class="details">EMAIL ID:*</span>
<input type="email" id="email" placeholder="enter EMAIL" required>
</div>
<div class="input-box">
<span class="details">ADHAAR NUMBER:*</span>
<input type="number" id="adhaar" placeholder="enter ADHAAR" required>
</div>
<div class="input-box">
<span class="details">PASSWORD:*</span>
<input type="password" id="password" placeholder="create your PASSWORD" required>
</div>
<div class="input-box">
<span class="details">CONFIRM PASSWORD:*</span>
<input type="text" id="cpassword" placeholder="Re-enter PASSWORD" required>
</div>
<div class="input-box">
<span class="details"><address>ADDRESS:*</address></span>
<textarea style="resize: none;" name="address" id="address" cols="35" rows="4" placeholder="enter your address" required></textarea>
</div>
</div>
<div class="gender-details">
<span class="gender-title">GENDER:*</span>
<div class="category">
<span class="dot one">
<input type="checkbox" class="b">
<span class="gender">MALE</span>
</span>
<span class="dot one">
<input type="checkbox" class="b">
<span class="gender">FEMALE</span>
</span>
<span class="dot one">
<input type="checkbox" class="b">
<span class="gender">TRANSGENDER</span>
</span>
</div>
</div>
<div class="candidate">
<span class="wantstocanditate">WANT TO BE A CANDIDATE:</span>
<input id="checkboxid" name="checkbox" type="checkbox" >
</div>
<div class="canditateregistartion hide">
<div class="input-box">
<span class="eduction-details">EDUCATION:</span>
<div class="education-category">
<span class="uneducate">
<input type="checkbox" name="uneducated">
<span class="education">UNEDUCTAED</span>
</span>
<span class="prematric">
<input type="checkbox" name="prematric">
<span class="education">PREMATRIC</span>
</span>
<span class="matric">
<input type="checkbox" name="matric">
<span class="education">MATRIC</span>
</span>
<span class="INTERMEDIATE">
<input type="checkbox" name="intermediate">
<span class="education">INTERMEDIATE</span>
</span>
<span class="graduate">
<input type="checkbox" name="graduate">
<span class="education">GRADUATE</span>
</span>
</div>
</div>
<div class="input-box">
<span class="details">INCOME:</span>
<input type="number" name="income" placeholder="enter your income" >
</div>
<div class="represent">
<span class="represent-title">POSTION:</span>
<div class="represent-category">
<input type="checkbox" name="vicepresident" id="vicepresident">
<span class="vicepresident">VICEPRESIDENT</span>
<input type="checkbox" name="president" id="president">
<span class="president">PRESIDENT</span>
<input type="checkbox" name="head-boy" id="head-boy">
<span class="headboy">HEAD-BOY</span>
<input type="checkbox" name="head-girl" id="head-girl">
<span class="headgirl">HEAD-GIRL</span>
</div>
</div>
<div class="input-b">
<span class="details"><address>DESCRIPTION:</address></span>
<textarea style="resize:none;" name="description" id="description" cols="75" rows="4" placeholder="enter your full description eg: yourself,your strength enter in points " ></textarea>
</div>
</div>
<div class="button">
<input class="regis" type="submit" value="REGISTER">
<input class="res" type="reset" value="RESET">
</div>
</form>
</div>
<!--------------------------------------------------------------------------------------------------------
---------------------------this part is of popup box for application number------------------------------->
<div class="popup-wrapper hide">
<div class="popup">
<div class="popup-content">
<h2 class="application-title" style="color: black;">APPLICATION NUMBER</h2>
<p class="application-number" style="color: black;">2000230348758393</p>
<p class="submit-info" style="color: black;">1.you are successfully registered now go to login <br> 2.you will receive further updates through email or sms on mobile</p>
<p class="link"><a href="login.html">Login</a></p>
</div>
<div class="close">
<p class="close"><a href="index.html">CLOSE</a></p> <!-----add front page html at href-->
</div>
</div>
</div>
</body>
<script src="registration.js"></script>
</html>