-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (157 loc) · 8.98 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home | WT </title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://bootswatch.com/4/lux/bootstrap.min.css">
<script src="https://kit.fontawesome.com/6795c2b416.js" crossorigin="anonymous"></script>
<link href="css/style.css" rel = "stylesheet"/>
</head>
<body>
<!-- Nav tabs -->
<div class="container-fluid">
<div class="cotainer mt-4">
<h1 style="font-size:5vw;" class="display-4 text-center">
<i class="fa fa-calendar-o text-primary" aria-hidden="true"></i>Welcome to <span class="text-dark">Eventer</span>
</h1>
</div>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="true" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor02">
<ul class="navbar-nav mr-auto">
<button type="button" onclick="events()" class="btn btn-secondary mx-4 my-2"><i class="fas fa-calendar"></i> Events</button>
<button type="button" onclick="document.getElementById('id01').style.display='block'" class="btn btn-secondary mx-4 my-2">Registration</button>
<button type="button" onclick="myreg()" class="btn btn-secondary mx-4 my-2">Your Registration</button>
</ul>
</div>
</nav>
</div>
<div id="id01" class="modal">
<form class="modal-content animate bg-light">
<div class="container">
<br>
<h1 style="font-size:3vw;" class="text-center">Register for the event</h1>
<br>
<div class="form-group ma" style="float:left; width:310px">
<label><b>First Name</b></label>
<input type="text" id="fname" autocomplete="off">
<small id="fname1"></small>
</div>
<div class="form-group" style="float:left; width:320px">
<label><b>Last Name</b></label>
<input type="text" id="lname" autocomplete="off">
<small id="lname1"></small>
</div>
<div class="form-group">
<label ><b>Phone Number</b></label>
<input type="text" id="phno" autocomplete="off" >
<small id="phno1"></small>
</div>
<div class="form-group">
<label><b>Email</b></label>
<input type="text" id="email" autocomplete="off" >
<small id="email1"></small>
</div>
<div class="form-group">
<label><b>Event Name</b></label>
<select id="eventname">
<option value='0'>Choose</option>
<option value='1'>Maroon 5</option>
<option value='2'>The Engineer</option>
<option value='3'>The Chainsmokers</option>
<option value='4'>Poetry</option>
</select>
<small id="eventname1"></small>
</div>
<input type="submit" value="Submit" class="btn btn-dark checkk">
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
</div>
</form>
</div>
<div id="event">
<div id="carouselExampleIndicators" class="carousel slide mt-4" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block" style="width:100%; height:auto" src="img/Image2.jpg" alt="First slide">
<div class="carousel-caption">
<h5>Maroon 5</h5>
<p>Live on Monday 10 PM</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block" style="width:100%; height:auto" src="img/Image1.jpg" alt="Second slide">
<div class="carousel-caption ">
<h4>The Engineer</h4>
<h5>Stand Up</h5>
<p>Live on Tuesday 10 PM</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block" style="width:100%; height:auto" src="img/Image3.jpg" alt="Third slide">
<div class="carousel-caption">
<h4>The Chainsmokers</h4>
<h5>Band</h5>
<p>Live on Wednesday 10 PM</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block" style="width:100%; height:auto" src="img/Image4.png" alt="Forth slide">
<div class="carousel-caption">
<h4>Poetry</h4>
<p>Live on Saturday 9 PM</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<section id="regis">
<div id="myregistration">
<div id="data" class="container-fluid">
<table id="myTable" class="table table-striped mt-5 co">
<thead class="thread-dark">
<tr>
<th scope="col">Name</th>
<th scope="col">Phone Number</th>
<th scope="col">Email</th>
<th scope="col">Event Name</th>
<th scope="col">TimeStamp</th>
</tr>
</thread>
<tbody class="values"></tbody>
</table>
</div>
<div id="ini" class="imag">
<img style="width:600px; height:auto" class="rounded mx-auto d-block" src="img/ini.svg">
</div>
</div>
</section>
<footer class="footer">
<div class="container-fluid">
<p>© Copyright 2020</p>
<a href="mailto:csalmotra@mitaoe.ac.in">csalmotra@mitaoe.ac.in</a></p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>