-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTech.html
151 lines (130 loc) · 5.53 KB
/
Tech.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
span.required{
color: red;
}
</style>
</head>
<body>
<fieldset style="border-radius: 5px; border-color: black; background-color: #f8f836b5;">
<h1 style="color: #fc0303; font-weight: bold; text-align: center; font-size: 250%;">Tech Fusion 2024</h1>
<form action="#">
<h3 style="text-align: center; color: rgb(0, 0, 0); font-size: x-large;">Application Form</h3>
<fieldset style="border-radius: 5px; background-color: rgb(255, 255, 255);" >
<div>
<label for="first">First name <span class="required">*</span>:</label>
<br>
<input type="text" id="first" required>
<br>
<br>
</div>
<div>
<label for="Last">Last name <span class="required">*</span>:</label>
<br>
<input type="text" id="Last" required>
<br>
<br>
</div>
<div>
<label for="email">Enter your email <span class="required">*</span>:</label>
<br>
<input type="email" id="email" required>
<br>
<br>
</div>
<div>
<label for="phoneNumber">Add your phone number <span class="required">*</span> :</label>
<br>
<input type="tel" id="phoneNumber" placeholder="Enter your phone number" pattern="[0-9]+" required>
<br>
<br>
</div>
<div>
<label for="password">Create Password <span class="required">*</span> :</label>
<br>
<input type="password" name="password" required>
<br>
<br>
</div>
</fieldset>
<br>
<fieldset style="border-radius: 5px; background-color: white;">
<legend style="font-weight: bold; background-color: white;">Choose your Profile type :</legend>
<label for="Student">Student</label>
<input type="radio" id="Student" name="one" required>
<label for="pro">Professional</label>
<input type="radio" id="pro" name="one" required>
<label for="enth">Enthusiast</label>
<input type="radio" id="enth" name="one" required>
</fieldset required>
<br>
<fieldset style="background-color: white; border-radius: 5px;">
<label for="domainSelect" style="font-weight: bold;">Select Your Primary Domain of Interest <span class="required">*</span> :</label>
<select id="domainSelect" name="domain" >
<option value="web-development">Web Development</option>
<option value="data-science">Data Science</option>
<option value="cloud-computing">Cloud Computing</option>
<option value="artificial-intelligence">Artificial Intelligence</option>
<option value="cybersecurity">Cybersecurity</option>
</select>
</fieldset>
<br>
<fieldset style="border-radius: 5px; background-color: white;">
<legend style="font-size: large; font-weight: bold; background-color: white;">Please select workshops you wants to choose :</legend>
<div>
<input type="checkbox" id="quantum" name="quantum" class="required">
<label for="quantum">Intro to Quantum Computing</label>
</div>
<div>
<input type="checkbox" id="VR" name="VR" class="required">
<label for="VR">Virtual Reality on the Web</label>
</div>
<div>
<input type="checkbox" id="cyber" name="cyber" class="required">
<label for="cyber">Cybersecurity 101</label>
</div>
<div>
<input type="checkbox" id="medical" name="medical" class="required">
<label for="medical">AI in Medical Imaging</label>
</div>
</fieldset>
<br>
<label for="info" style="font-weight: bold;">Any Additional information : </label>
<br>
<textarea style="border-radius: 5px;" name="info" id="info" cols="100" rows="5" maxlength="300" ></textarea>
<fieldset style="border-radius: 5px; background-color: white;">
<legend style="font-weight: bold;">Preferred Days :</legend>
<label for="Days">Day 1</label>
<input type="checkbox" id="Days" >
<label for="Days">Day 2</label>
<input type="checkbox" id="Days" >
<label for="Days">Day 3</label>
<input type="checkbox" id="Days" >
</fieldset>
<br>
<fieldset style="border-radius: 5px; background-color: white;">
<legend style="font-weight: bolder; background-color: white;">Meal Preference :</legend>
<label for="veg">Vegetarian</label>
<input type="radio" id="veg" name="meal" required>
<label for="non-veg">Non-Vegetarian</label>
<input type="radio" id="non-veg" name="meal" required>
<label for="vegan">Vegan</label>
<input type="radio" id="vegan" name="meal" required>
<label for="none">No Preference</label>
<input type="radio" id="none" name="meal" required>
</fieldset>
<br>
<fieldset style="border-radius: 5px; background-color: white;">
<label for="" style="font-weight: bold;">Terms and Conditions : </label>
<p>i agree to all terms and Conditions <span><input type="checkbox" class="required" required></span></p>
<input type="submit">
</fieldset>
</form>
</fieldset>
</body>
</html>