-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevents.html
303 lines (287 loc) · 16.5 KB
/
events.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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image" href="images/visagefinal.jpg">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<title>Events</title>
<link rel="stylesheet" href="css/flip.css">
<link rel="stylesheet" href="css/bg.css">
<style>
.credits{
margin-top:5% !important;
}
</style>
</head>
<body>
<div id="particles-js"> </div>
<div class="row ml-1 mr-1">
<div class=" mainicon mr-auto">
<a href="index.html"><img src="images/visagefinal.jpg" style="border-radius:50%" class="lg1" width="120" height="110"></a>
</div>
<div class="logo">
<a href="https://www.dsce.edu.in"><img src="images/dsce.png" class="lg2" width="135" height="125" style="margin-top: 10px" ></a>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" id="navb">
<button id="buton" class="navbar-toggler pull-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-navicon" style="font-size:25px;color:white;border:0px;padding: 0px"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto mr-2">
<li class="nav-item mr-4">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active mr-4">
<a class="nav-link" href="events.html">Events</a>
</li>
<li class="nav-item mr-4">
<a class="nav-link" href="sponsors.html">Sponsors</a>
</li>
<li class="nav-item mr-4">
<a class="nav-link" href="team.html">Meet the team</a>
</li>
<li class="nav-item mr-4">
<a class="nav-link" href="contactus.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
<div class="container" >
<br><br>
<div class="row">
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/hack.jpeg" alt="img" class="im">
<div class="card-body text-centre">
<p class="card-text">HACKATHON</p>
</div>
</div>
<div class="flip-card-back">
<p style="font-size:19px;text-align: center;padding: 3px">With the product building skills gripping pace in the industry, Visage presents an 18 hr hackathon, to be conducted here at DSCE. Showcase your talent and indomitable team work in this event which will be held on 26th and 27th of April 2019. Impress the techies and win exciting goodies in the end! </p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/coding.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">CODING</p>
</div>
</div>
<div class="flip-card-back">
<p>The event which tests your logical, mathematical and basic programming skills. Test your mettle in in programming skills, here at Visage. Happy coding!</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/proj.jpeg" alt="img" class="im" >
<div class="card-body ">
<p class="card-text">PROJECT EXHIBITION</p>
</div>
</div>
<div class="flip-card-back">
<p font-size:19px;text-align: center;padding: 3px>Our innovative minds are always occupied with the mystic power of creation. The idea might just be a sudden click or a long processed plan, every project is special. Join us to showcase the impact of your projects here at DSCE and tell the world about your creativity and dynamism. </p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/quiz.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">IT QUIZ</p>
</div>
</div>
<div class="flip-card-back">
<p font-size:19px;text-align: center;padding: 3px>You might have tested your programming expertise at some point of time, but do you have the insight to the IT sector and the inustries that encircle it? Test your grip over the knowledge of the IT industires here at Visage! </p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/speak1.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">SPEAKER SESSION</p>
</div>
</div>
<div class="flip-card-back">
<p font-size:19px;text-align: center;padding: 3px>Journeys inspire the soul and motivate us to bring out the best self. Experience truly imparts knowledge and more importantly wisdom. Visage presents to you a speaker session, where there is a lot to learn and discover the beauty of walking on the unexplored paths. Be there! </p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/ai2.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">AI CHAMPIONSHIP</p>
</div>
</div>
<div class="flip-card-back">
<p>The AI championship takes you deeper into the world of artificial intelligence where you will discover much more fascinating stuff related to the field and get more comfortable with the technology.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/cap.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">CAPTURE THE FLAG</p>
</div>
</div>
<div class="flip-card-back">
<p>An important aspect that adds an edge to your core programming skills is aptitude. Capture the flag tests your problem solving skills with coding skills. </p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/trea.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">TREASURE HUNT</p>
</div>
</div>
<div class="flip-card-back">
<p>This is the classic treasure hunt event which will be conducted on snapchat.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/sfilter.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">FILTER MAKING</p>
</div>
</div>
<div class="flip-card-back">
<p>Participants for this event have to design filters for snapchat. They could be inspired from previous filters or can set a new trend. Let your creativity flow!</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/quizn.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">QUIZ</p>
</div>
</div>
<div class="flip-card-back">
<p> A quiz based on 2 of the most spectacular TV shows, F.R.I.E.N.D.S and GOT. Its time that your binge-watchng earns you some exciting prizes!</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/pub.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">PUBG</p>
</div>
</div>
<div class="flip-card-back">
<p font-size:19px;text-align: center;padding: 3px>Get ready to be engaged in one of the most fierce virtual battles with this exceptionally popular multi-player game and win exciting goodies! </p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/fifa.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">FIFA</p>
</div>
</div>
<div class="flip-card-back">
<p font-size:19px;text-align: center;padding: 3px>Football lovers, Visage brings one of the most reverred virtual competitions, wherein you grill your skills with the console in your hand, ready to concquer the opponents!</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/cs.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">COUNTER STRIKE</p>
</div>
</div>
<div class="flip-card-back">
<p font-size:19px;text-align: center;padding: 3px>With yet another intense and fierce battle game, Counter Strike: GO, the technical extraveganza becomes yet more dynamic. </p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="images/photo1.jpeg" alt="img" class="im">
<div class="card-body ">
<p class="card-text">PHOTOGRAPHY</p>
</div>
</div>
<div class="flip-card-back">
<p font-size:19px;text-align: center;padding: 3px>A photographer sees this world in different way, in a whole different aspect. Participate in the photography competition and potray your thoughts through the camera, and introduce people to your perspective of surroundings </p>
</div>
</div>
</div>
</div>
</div>
<div class="credits">
<p style="font-size:18px;text-align: center;color: white">Developed by: <u><a style="color:white" href="https://www.linkedin.com/in/hemanth-kumar-2079a5181">Hemanth Kumar V</a></u> <u><a style="color:white" href="https://www.linkedin.com/in/ajaykumar-s-hadimani-5b2079185/">Ajaykumar S Hadimani</a></u> <u><a style="color:white" href="https://www.linkedin.com/in/animesh-maheshwari-8069ab157/">Animesh Maheshwari</a></u> <u><a style="color:white" href="www.linkedin.com/in/yogesh-kumar-4ab03a181"> Bhargav</a></u></p>
</div>
</div>
</body>
<script type="text/javascript" src="js/particles.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</html>