-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
407 lines (337 loc) · 16.8 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
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
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Enigma</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oswald:700|PT+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="css/normalize.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body style="background-color:black">
<div id="hero">
<div class="texture"></div>
<video
loop
muted
autoplay
preload="auto"
>
<source src="bgvideo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="caption">
<h1>ENIGMA 2.0</h1>
<div class="text-center">
<a href="problem.html" class="btn-lg btn-default" role="button" aria-pressed="true">Problem Statements</a>
</div>
</div>
</div>
<nav class="navbar navbar-expand-sm fixed-top navbar-light">
<div class="container">
<a class="navbar-brand" href="#">CSI-SIESGST</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar1">
<span > <i class="fa fa-navicon" style="color:#fff;"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbar1">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#1" onclick="toggleNavbar()">About</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="problem.html" onclick="toggleNavbar()">Problem Statement</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#2" onclick="toggleNavbar()">Register</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#3" onclick="toggleNavbar()">Timeline</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#4" onclick="toggleNavbar()">Instruction</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#5" onclick="toggleNavbar()">Fee</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#6" onclick="toggleNavbar()">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="1">
<div class="container mt-2">
<div class="row ">
<div id="first" class="col-md-6 ">
<h1>WHAT IS ENIGMA ?</h1><hr color="#808080">
<p>The Enigma's main goal is to raise public awareness about digital security scams. Participants can explore various aspects of digital security, including but not limited to online privacy, blockchain, cybersecurity, data protection, and the impact of emerging technologies. CSI SIESGST is holding a Poster presentation competition to raise public awareness and provide a platform for engineers, students, and privacy enthusiasts to present their solutions for the pressing digital security challenges of our day and age.</p>
</div>
<div id="second" class="col-md-6 mt-5">
<picture>
<img src="digital security.jpg" width = "100%" height = "100%">
</picture>
</div>
</div>
</div>
</section>
<section id="2">
<div class="container pt-5" >
<h1>REGISTER YOURSELF</h1><hr color="#808080">
<div class="row pt-2">
<div id="first" class="col-5 ">
<h5 style="text-align: center;">Round 1 - </h5>
<p style="text-align: center;">Abstract Submission - Submit your abstract on the theme of Digital Security befor the deadline.</p>
</div>
<div class="col-2 ">
<div class = "vertical"></div>
</div>
<div id="second" class="col-5">
<h5 style="text-align: center;">Round 2 - </h5>
<p style="text-align: center;">The Selected participants will showcase their poster before a panel
of judges during the Major Event.</p>
</div>
</div> <br><br><br>
<div class="text-center">
<a href="https://forms.gle/KcHWtDKkCGdrJqKBA" class="btn-lg btn-default" role="button" aria-pressed="true">Register Now</a>
</div>
<!--/row-->
</div>
</section>
<section id="3">
<div class="container pt-5">
<h1>TIMELINE</h1><hr color="#808080">
<!-- <div id="content">
<div class="card">
<ul class="timeline">
<li class="timeline__item" style="padding-top: 30px;">
<div class="timeline__step">
<div class="timeline__step__marker timeline__step__marker--blue"></div>
</div>
<div class="timeline__content">
<ul class="timeline__points">
<li>29-DEC-22 To 10-JAN-22</li>
</ul>
<div class="timeline__title">
Registration
</div>
</div>
</li>
<li class="timeline__item">
<div class="timeline__step">
<div class="timeline__step__marker timeline__step__marker--blue"></div>
</div>
<div class="timeline__content">
<ul class="timeline__points">
<li>9-DEC-22 To 10-JAN-22</li>
</ul>
<div class="timeline__title">
Round 1 start - Abstract submission:
</div>
</div>
</li>
<li class="timeline__item">
<div class="timeline__step">
<div class="timeline__step__marker timeline__step__marker--blue"></div>
</div>
<div class="timeline__content">
<ul class="timeline__points">
<li>21-JAN-23</li>
</ul>
<div class="timeline__title">
Declaration of round 1 winners:
</div>
</div>
</li>
<li class="timeline__item">
<div class="timeline__step">
<div class="timeline__step__marker timeline__step__marker--blue"></div>
</div>
<div class="timeline__content">
<ul class="timeline__points">
<li>28-JAN-23</li>
</ul>
<div class="timeline__title">
Round 2:
</div>
</div>
</li>
</ul>
</div>
</div>-->
<div id="content" class="Schedule-container">
<div class="container">
<br><br><br><br>
<!--first section-->
<div class="row align-items-center how-it-works d-flex">
<div class="col-2 text-center full d-inline-flex justify-content-center align-items-center">
<div class="circle font-weight-bold">✓</div>
</div>
<div class="col-8">
<h5>11-DEC-23 To 13-JAN-24</h5>
<p>Round 1 - Registration & abstract submission</p>
</div>
</div>
<br><br>
<!--first section-->
<div class="row align-items-center how-it-works d-flex">
<div class="col-2 text-center full d-inline-flex justify-content-center align-items-center">
<div class="circle font-weight-bold">✓</div>
</div>
<div class="col-8">
<h5>15-JAN-24</h5>
<p>Round 1 Results</p>
</div>
</div>
<br><br>
<!--first section-->
<div class="row align-items-center how-it-works d-flex">
<div class="col-2 text-center full d-inline-flex justify-content-center align-items-center">
<div class="circle font-weight-bold">✓</div>
</div>
<div class="col-8">
<h5>16-JAN-24 To 25-JAN-24</h5>
<p>Round 2 start - Poster Submission</p>
</div>
</div>
<br><br>
<!--first section-->
<div class="row align-items-center how-it-works d-flex">
<div class="col-2 text-center full d-inline-flex justify-content-center align-items-center">
<div class="circle font-weight-bold">✓</div>
</div>
<div class="col-8">
<h5>27-JAN-24</h5>
<p>Poster Presentation</p>
</div>
</div>
</div>
</div>
</div>
<!--container-->
</section>
<section id="4">
<!--container-->
<div class="container pt-5">
<h1>INSTRUCTIONS</h1><hr color="#808080">
<div class="row ">
<div id="second-ins" class="col-md-3">
<picture>
<img src="ruke.png">
</picture>
</div>
<div id="first-ins" class="col-md-9 ">
<ol>
<li>REGISTRATION FEE of Rs.100/- per member for participating.</li>
<li>A Team will submit only one Poster for the competition.</li>
<li>Online registration through the Google registration Form.</li>
<li>After registration upload abstracts. Mention the following in mail in bold letters:</li>
<ul>
<li>Name of the Student</li>
<li>Name of the College</li>
<li>Contact details including phone number.</li>
</ul>
<li>Abstract attachment name format: DPD_Abstract_Name of Student_Name of College_Theme</li>
<li>Abstract Guidelines</li>
<ul>
<li>Context Summary </li>
<li>Problem Statement</li>
<li>Rationale/ Goals (Why is it important to address it .etc.)</li>
<li>Findings or Research Arguments</li>
<li>Significance/ Implications for your stated Arguments</li>
</ul>
<li>Oral explanation of Poster on the day of the event.</li>
<li>Online Presentation conducted through MS Teams.</li>
<li> Information for E-certificate will be taken from google form submitted data so double check all the details.</li>
<li>Participants stand to win exciting prizes.</li>
<li>The Evaluation criteria of the Poster Making Competition is as follows:</li>
<ul>
<li>Appropriate Theme – 5 Marks </li>
<li>Originality and Creativity – 5 Marks </li>
<li> Visual Appeal – 5 Marks </li>
<li> Layout – 5 Marks</li>
<li>Oral Presentation – 5 Marks</li><br>
</ol> <a href="abstract.docx" download>
Click Here To Download Abstract Templaet
</a>
</div>
</div>
</div>
</section>
<section id="5">
<!--container-->
<div class="container pt-5">
<h1>FEE STRUCTURE</h1><hr color="#808080">
<!-- <div class="col-12 ">
<h3 style="text-align: center;">Note !</h3>
<p style="text-align: center;">Fees only applicable for the participants who are selected for the round 2.</p>
</div> -->
<div class="card-deck pt-3 ">
<div class="card ">
<div class="card-body">
<h1 style="text-align: center; color: rgb(255, 255, 255);">₹150</h1>
<p class="card-text" style="text-align: center; color: rgb(255, 255, 255);">Individual</p>
</div>
</div>
<div class="card">
<div class="card-body">
<h1 style="text-align: center; color: rgb(255, 255, 255);">₹250</h1>
<p class="card-text" style="text-align: center; color: rgb(255, 255, 255);">Group of 2</p>
</div>
</div>
<div class="card">
<div class="card-body">
<h1 style="text-align: center; color: rgb(255, 255, 255);">₹350</h1>
<p class="card-text" style="text-align: center; color: rgb(255, 255, 255);">Group of 3</p>
</div>
</div>
</div>
</div>
</section>
<section id="6">
<!--container-->
<div class="container pt-5">
<h1>CONTACT US</h1><hr color="#808080">
</div>
<div id="div_wrapper">
<div id="div_1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3771.4756649763162!2d73.02088931490069!3d19.042812987106974!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c3db5e2c85cd%3A0xef26c52d7d73816e!2sSIES%20Graduate%20School%20of%20Technology!5e0!3m2!1sen!2sin!4v1671641988039!5m2!1sen!2sin" width="100%" height="550" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<div id="div_2">
<div class="card">
<div class="card-body">
<h1 style="text-align: center; color: rgb(36, 34, 34);">Find Us on Map</h1>
<p class="card-text" style="text-align: left; color: rgb(65, 49, 49);"> <b>SIES Graduate School Of Technology </b><br>
Sri Chandrasekarendra Saraswati Vidyapuram,<br> Sector-V, Nerul, Navi Mumbai, Maharastra - 400706</p>
<p class="card-text" style="text-align: left; color: #413131;"> <b>Contact Us: </b><br>
Aditya Rangari: +91 93267 43915<br>Srija Suyambhu: +91 93240 29606<br>Rohit: +91 90826 17901<br></p>
<a href="https://csi.siesgst.ac.in/" class="card-text" style="text-align: left; color: #413131;"> <b>https://csi.siesgst.ac.in </b><br></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="7">
<!-- Footer -->
<footer class="page-footer pt-2">
<p style="text-align: center;"> <br> </p>
</footer></section>
<footer id="sticky-footer" class="flex-shrink-0 py-4 bg-dark text-white-50">
<div class="container text-center">
<p style="text-align: center;">Copyright © CSI SIESGST <br>Developed By Technical Team Of CSI SIESGST </p>
</div>
</footer>
<script src="js/object-fit-videos.js"></script>
<script src="js/app.js"></script>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<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://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>