This repository has been archived by the owner on Oct 25, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
registerPage.html
132 lines (121 loc) · 6.07 KB
/
registerPage.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
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Hill'ffair 2K18:Halcyon Hues-Canvas Painted with Memories . The annual cultural fest of National Institute of Technology Hamirpur">
<meta name="description" content="This Hillffair, NIT Hamirpur web application supports both offline and online mode, has a splash screen and add to home screen, just like any normal native app">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="msapplication-TileImage" content="/images/logo.jpg">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Hillffair17 progressive app">
<meta name="application-name" content="Hillffair17 progressive app">
<link rel="icon" href="./images/logo2k17.png">
<link rel="stylesheet" type="text/css" href="css/registerPage.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="sub-container">
<div class="sub info">
<div class="side-content">
<div class="logos">
<img src="images/logo2k18.png" class="hillffair">
<img src="images/nithw.png" class="nith">
</div>
<div class="name-dates">
<h1 id="heading">Hill'ffair 2k18</h1>
<h3 id="tagline">Canvas Painted with Memories</h3>
<h2 class="hillffairDate">5<sup>th</sup> - 7<sup>th</sup> Oct</h2>
</div>
<!-- <div class="text-content">
Be a part of one of the biggest cultural Fests of Northren India.
</div> -->
<div class="links">
<span><a href="https://www.facebook.com/hillffair/"><i class="fa fa-facebook"></i></a></span>
<span><a href="https://www.instagram.com/pixonoids/"><i class="fa fa-instagram"></i></a></span>
<span><a href="https://www.youtube.com/pixonoids"><i class="fa fa-youtube"></i></a></span>
</div>
</div>
</div>
<div class="sub formContent">
<div class="aboveFormContent">
<div class="logos">
<img src="images/logo2k18.png" class="hillffair">
<img src="images/nithw.png" class="nith">
</div>
<div class="name-dates">
<h1 id="heading">Hill'ffair 2k18</h1>
<h2 class="hillffairDate">5<sup>th</sup> - 7<sup>th</sup> Oct</h2>
</div>
</div>
<div class="confirm">
<i class="fa fa-check"></i>
<h2>Thank You!</h2>
<h3>You are Registered Successfully.</h3>
</div>
<form class="contactForm" id="regForm" method="POST" action="/adduser">
<div class="formField required">
<label for="name" class="textfieldLabel">Name</label>
<input type="text" name=" name" id="name" class="textfieldInput">
<div class="invalid-message"></div>
</div>
<div class="formField required">
<label for="team" class="textfieldLabel">Team</label>
<input type="text" name="team" id="team" class="textfieldInput">
<div class="invalid-message"></div>
</div>
<div class="formField phone-mail">
<div class="email required">
<label for="email" class="textfieldLabel">Email</label>
<input type="text" name="email" id="email" class="textfieldInput">
<div class="invalid-message"></div>
</div>
<div class="phone required">
<label for="phone" class="textfieldLabel">Phone Number</label>
<input type="number" name="phone" id="phone" class="textfieldInput">
<div class="invalid-message"></div>
</div>
</div>
<div class="formField college-city">
<div class="college required">
<label for="college" class="textfieldLabel">College</label>
<input type="text" name="college" id="college" class="textfieldInput">
<div class="invalid-message"></div>
</div>
<div class="city required">
<label for="city" class="textfieldLabel">City</label>
<input type="text" name="city" id="city" class="textfieldInput">
<div class="invalid-message"></div>
</div>
</div>
<div class="formField required">
<label for="event" class="textfieldLabel" id="selectEvent">Reason for Register</label>
<select id="eventsOpt" name="event" class="eventOption">
<option value disabled selected></option>
<option value="Only Attend Festival">Only Attend Festival</option>
<option value="Battle of Bands">Battle of Bands</option>
<option value="Battle of Nukkad">Battle of Nukkad</option>
</select>
<div class="invalid-message"></div>
</div>
<!-- <div class="formField">
<label for="message" class="textfieldLabel">Message</label>
<textarea></textarea>
</div> -->
<input type="submit" name="submit" class="formSubmit" id="submitButton">
</form>
<div class="links form-links">
<span><a href="https://www.facebook.com/hillffair/"><i class="fa fa-facebook"></i></a></span>
<span><a href="https://www.instagram.com/pixonoids/"><i class="fa fa-instagram"></i></a></span>
<span><a href="https://www.youtube.com/pixonoids"><i class="fa fa-youtube"></i></a></span>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="js/registerPage.js"></script>
</body>
</html>