-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathworkshops.html
477 lines (441 loc) · 21.8 KB
/
workshops.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
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Engineer 2022 | Workshops</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link rel="shortcut icon" href="./images/NEWLOGO.png" type="image/x-icon" />
<link rel="stylesheet" href="./dist/css/style.css">
<link rel="stylesheet" href="./css/navbar.css">
<link rel="stylesheet" href="./css/responsive.css">
<link rel="stylesheet" href="./dist/css/workshop.css">
</head>
<body>
<header>
<div class="container">
<nav class="main-nav">
<a href="/" class="logo hero-glitch" data-text="ENGINEER">ENGINEER</a>
<button id="nav-button" class="navbar-toggler" type="button" data-bs-toggle="collapse" aria-expanded="false"
aria-label="Toggle navigation">
<svg class="nav-ham" viewBox="0 0 100 100" width="50" onclick="this.classList.toggle('active')">
<path class="nav-ham-line top"
d="m 30,33 h 40 c 0,0 9.044436,-0.654587 9.044436,-8.508902 0,-7.854315 -8.024349,-11.958003 -14.89975,-10.85914 -6.875401,1.098863 -13.637059,4.171617 -13.637059,16.368042 v 40" />
<path class="nav-ham-line middle" d="m 30,50 h 40" />
<path class="nav-ham-line bottom"
d="m 30,67 h 40 c 12.796276,0 15.357889,-11.717785 15.357889,-26.851538 0,-15.133752 -4.786586,-27.274118 -16.667516,-27.274118 -11.88093,0 -18.499247,6.994427 -18.435284,17.125656 l 0.252538,40" />
</svg>
</button>
<ul class="nav-list" id="nav-menu">
<li>
<a href="/" class="nav-link">Home</a>
</li>
<li>
<a href="https://engineer.nitk.ac.in/about" class="nav-link">About</a>
</li>
<li>
<a href="https://engineer.nitk.ac.in/brochure" class="nav-link">Brochure</a>
</li>
<li>
<a href="https://engineer.nitk.ac.in/events" class="nav-link">Events</a>
</li>
<li>
<a href="https://engineer.nitk.ac.in/workshops" class="nav-link">Workshops</a>
</li>
<li>
<a href="https://engineer.nitk.ac.in/gallery" class="nav-link">Gallery</a>
</li>
<li>
<a href="#contact_us" class="nav-link">Contact</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- <div class="home-top-space-custom"></div> -->
<!-- Modal -->
<!-- Workshop -1 -->
<div class="modal fade" id="workshop1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">ETHICAL HACKING AND CYBER SECURITY</h3>
<span class="badge bg-info">Online Workshop</span>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
This Ethical Hacking workshop is specifically designed to provide the right knowledge to the aspiring Cyber
Forensics & Ethical Hacking enthusiasts. This workshop will explore the various means that an intruder has
available to gain access to computer resources. The course objective is to provide the student with a solid
understanding of the Ethical Hacking techniques to the key design issues, so that the student, when working as
an industrial developer, is capable of identifying the key problem points and focus his creative attention.
It will investigate weaknesses by discussing the theoretical background behind, and whenever possible,
actually performing the attack
<br>
<br>
<strong>Date:</strong> 24,25th September 2022
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" disabled> Register Now </button>
</div>
</div>
</div>
</div>
<!-- Workshop -2 -->
<div class="modal fade" id="workshop2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">INTERNET OF THINGS</h5>
<span class="badge bg-info">Online Workshop</span>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Internet of Things workshop is specially designed for Students/Professionals from Electronics, Electrical,
Computer Science and IT who have keen interest in learning Internet of Things, The workshop starts from basics
of IoT, to working on hardware, interfacing various types of sensors, working with communication modules like
Bluetooth and Wi-Fi, serial communication, connecting to IoT Cloud services like ThingSpeak, Twitter, IBM
Watson IoT Platform etc.
<br>
<br>
<strong>Date:</strong> 24,25th September 2022
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" disabled> Register Now </button>
</div>
</div>
</div>
</div>
<!-- Workshop -3 -->
<div class="modal fade" id="workshop3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">BUSINESS ANALYTICS</h5>
<span class="badge bg-info">Online Workshop</span>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
This Specialization provides an introduction to big data analytics for all business professionals, including
those with no prior analytics experience. You’ll learn how data analysts describe, predict, and inform
business decisions in the specific areas of marketing, human resources, finance, and operations, and you’ll
develop basic data literacy and an analytic mindset that will help you make strategic decisions based on data
<br>
<br>
<strong>Date:</strong> 24,25th September 2022
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" disabled> Register Now </button>
</div>
</div>
</div>
</div>
<!-- Workshop -4 -->
<div class="modal fade" id="workshop4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">ARTIFICIAL INTELLIGENCE</h5>
<span class="badge bg-info">Online Workshop</span>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
This introductory workshop on Artificial Intelligence gives an overview of many concepts, techniques, and
algorithms in Fuzzy Logic, machine learning, and beginning with topics such as classification and linear
regression and ending up with more recent topics such as working with neural network, network training,
adaptive training, Best Meaning Fitting, Support Vector Machine etc. The course will give the student the
basic ideas and intuition behind modern machine learning methods as well as a bit more formal understanding of
how, why, and when they work.
In this workshop participants will learn designing programmable systems, interfacing various sensors, working
with ESP8266, HC05, node-red, IBM Watson IoT, MQTT, AWS IoT and many more.
<br>
<br>
<strong>Date:</strong> 25,26th September 2022
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" disabled> Register Now </button>
</div>
</div>
</div>
</div>
<!-- Workshop -5 -->
<div class="modal fade" id="workshop5" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">VEHICLE OVERHAUL/RECONSTRUCTION</h5>
<span class="badge bg-info">Online Workshop</span>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Vehicle Reconstruction Workshop is a two-day workshop that is being organized to help students learn the
industrial workflow. The Vehicle Reconstruction Workshop would cover numerous topics from which the students
can immensely benefit. The topics to be covered at the two-day workshop would include aspects of how
automobile components function, how a vehicle is conceptualized, designed and manufactured
<br>
<br>
<strong>Date:</strong> 25,26th September 2022
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" disabled> Register Now </button>
</div>
</div>
</div>
</div>
<!-- Workshop -6 -->
<div class="modal fade" id="workshop6" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">VIRTUAL REALITY</h5>
<span class="badge bg-info">Online Workshop</span>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
The definition of virtual Reality comes, naturally, from the definitions for both ‘virtual’ and ‘reality’. The
definition of ‘virtual’ is near and reality is what we experience as human beings. So the term ‘virtual
reality’ basically means ‘near-reality’
<br>
<br>
<strong>Date:</strong> 24,25th September 2022
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" disabled> Register Now </button>
</div>
</div>
</div>
</div>
<!-- Workshop -7 -->
<div class="modal fade" id="workshop7" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">BIG DATA AND HADOOP</h5>
<span class="badge bg-info">Online Workshop</span>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Big Data & Hadoop is 100% open or free source, and pioneered a fundamentally new way of storing and processing
data. Instead of relying on expensive, proprietary hardware and different systems to store and process data,
Hadoop enables distributed parallel processing of huge amounts of data across inexpensive, industry-standard
servers that both store and process the data, and can scale without limits. With Hadoop, no data is too big.
And in today’s hyper-connected world where more and more data is being created every day, Hadoop’s
breakthrough advantages mean that businesses and organizations can now find value in data that was recently
considered useless
<br>
<br>
<strong>Date:</strong> 25,26th September 2022
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" disabled> Register Now </button>
</div>
</div>
</div>
</div>
<div class="center workshops-title">
<h2 class="text-white">Workshops</h2>
<div class="container mt-3">
<!-- <div class="alert alert-warning alert-dismissible fade show disscount-alert" role="alert">
<i class="fa-solid fa-tags"></i> <strong>Offer!</strong>
<br><i class="fa-solid fa-tag"></i> 100 Rupees off on perchase of 2 or more tickets
</div> -->
<div class="alert alert-warning alert-dismissible fade show disscount-alert" role="alert">
<i class="fa-solid fa-tags"></i> <strong>Important!</strong>
<br> * Fill your Email and other details carefully
<br> * All the workshops are shifted to online mode.
<br> * All the payment should be done through <a class="link_hover"
href="http://engineer.nitk.ac.in/workshops">engineer.nitk.ac.in</a> site only
</div>
</div>
</div>
<section class="workshops">
<div class="card-grid">
<!-- Workshop -1 -->
<a class="card" href="#" data-bs-toggle="modal" data-bs-target="#workshop1">
<div class="card__background" style="background-image: url(../../images/w_img/w1.jpg)">
</div>
<div class="card__content">
<p class="card__category">Workshops</p>
<h3 class="card__heading">ETHICAL HACKING AND CYBER SECURITY</h3>
</div>
</a>
<!-- Workshop -2 -->
<a class="card" href="#" data-bs-toggle="modal" data-bs-target="#workshop2">
<div class="card__background" style="background-image: url(../../images/w_img/w2.jpg)">
</div>
<div class="card__content">
<p class="card__category">Workshops</p>
<h3 class="card__heading">INTERNET OF THINGS</h3>
</div>
</a>
<!-- Workshop -3 -->
<a class="card" href="#" data-bs-toggle="modal" data-bs-target="#workshop3">
<div class="card__background" style="background-image: url(../../images/w_img/w3.jpg)">
</div>
<div class="card__content">
<p class="card__category">Workshops</p>
<h3 class="card__heading">BUSINESS ANALYTICS</h3>
</div>
</a>
<!-- Workshop -4 -->
<a class="card" href="#" data-bs-toggle="modal" data-bs-target="#workshop4">
<div class="card__background" style="background-image: url(../../images/w_img/w4.jpg)">
</div>
<div class="card__content">
<p class="card__category">Workshops</p>
<h3 class="card__heading">ARTIFICIAL INTELLIGENCE</h3>
</div>
</a>
<!-- Workshop -5 -->
<a class="card" href="#" data-bs-toggle="modal" data-bs-target="#workshop5">
<div class="card__background" style="background-image: url(../../images/w_img/w5.jpg)">
</div>
<div class="card__content">
<p class="card__category">Workshops</p>
<h3 class="card__heading">VEHICLE OVERHAUL/ RECONSTRUCT- -ION</h3>
</div>
</a>
<!-- Workshop -6 -->
<a class="card" href="#" data-bs-toggle="modal" data-bs-target="#workshop6">
<div class="card__background" style="background-image: url(../../images/w_img/w6.jpg)">
</div>
<div class="card__content">
<p class="card__category">Workshops</p>
<h3 class="card__heading">VIRTUAL REALITY</h3>
</div>
</a>
<!-- Workshop -7 -->
<a class="card" href="#" data-bs-toggle="modal" data-bs-target="#workshop7">
<div class="card__background" style="background-image: url(../../images/w_img/w71.jpg)">
</div>
<div class="card__content">
<p class="card__category">Workshops</p>
<h3 class="card__heading">BIG DATA AND HADOOP</h3>
</div>
</a>
<div>
</section>
<!-- <div class="home-top-space-custom"></div> -->
<!-- Footer -->
<footer class="text-center text-lg-start text-white contact_use" id="contact_us"
style="background-color: rgb(20, 20, 20)">
<section class="">
<div class="container text-center text-md-start mt-5">
<div class="row mt-3">
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<h6 class="text-uppercase fw-bold engineer-logo">Engineer</h6>
<hr class="mb-4 mt-0 d-inline-block mx-auto" style="width: 60px; background-color: #C004D9; height: 2px" />
<p>
Engineer is the Annual Technical Symposium of NITK Surathkal and
is one of the largest of its kind in India.
</p>
</div>
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
<h6 class="text-uppercase fw-bold">Discover</h6>
<hr class="mb-4 mt-0 d-inline-block mx-auto" style="width: 60px; background-color: #C004D9; height: 2px" />
<p>
<a href="https://engineer.nitk.ac.in/team" class="text-white link_hover">Our Team</a>
</p>
<p>
<a href="https://drive.google.com/file/d/10MaZBwFFAArGSpD-jwBOA9Dp_k7bvXyD/view?usp=drivesdk"
target="_blank" class="text-white link_hover" download="Brochure">Brochure</a>
</p>
<p>
<a href="/#timeline" class="text-white link_hover">Schedule</a>
</p>
<p>
<a href="#!" class="text-white link_hover">Suggestions & Feedback</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold">About</h6>
<hr class="mb-4 mt-0 d-inline-block mx-auto" style="width: 60px; background-color: #C004D9; height: 2px" />
<p>
<a href="https://engineer.nitk.ac.in/about" class="text-white link_hover">About Us</a>
</p>
<p>
<a href="https://www.nitk.ac.in/" class="text-white link_hover" target="_blank">NITK</a>
</p>
</div>
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold">Contact</h6>
<hr class="mb-4 mt-0 d-inline-block mx-auto" style="width: 60px; background-color: #C004D9; height: 2px" />
<p>
<i class="fas fa-home mr-3"></i> National Institute of
Technology Karnataka, Surathkal, Mangalore - 575 025
</p>
<p>
<i class="fas fa-envelope mr-3"></i>
<a href="mailto:nitkengineer2022@gmail.com" class="link_hover">nitkengineer2022@gmail.com</a>
</p>
<p><i class="fas fa-phone mr-3"></i><a href="tel:+91 8839404484" class="link_hover">+91-8839404484</a></p>
</div>
</div>
</div>
</section>
<!-- Section: Links -->
<section class="d-flex justify-content-center p-4 center mt-3" style="background-color: rgb(20, 20, 20)">
<div class="social-icon">
<a href="https://www.facebook.com/EngineerNITK/" class="text-white me-4" target="_blank">
<i class="fab fa-facebook-f"></i>
</a>
<!-- <a href="mailto:nitkengineer2022@gmail.com" class="text-white me-4" target="_blank">
<i class="fab fa-google"></i>
</a> -->
<a href="https://www.instagram.com/engineernitk/" class="text-white me-4" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/company/engineer-nitk/mycompany/" class="text-white me-4" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://github.com/ENGINEER-NITK" class="text-white me-4" target="_blank">
<i class="fab fa-github"></i>
</a>
<a href="https://www.youtube.com/channel/UCRDGTpGVDYqEkJYlxFEFg4A" class="text-white me-4" target="_blank">
<i class="fab fa-youtube"></i>
</a>
</div>
</section>
<!-- Copyright -->
<div class="text-center p-3 my-3" style="background-color: rgba(20, 20, 20, 1)">
© 2022 Copyright Engineer | Design by
<a class="text-white link_hover" href="https://github.com/ENGINEER-NITK/ENGINEER-NITK.github.io">Engineer'22 Web
Team</a>
</div>
<!-- Copyright -->
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<!-- <script src="./js/main.js"></script> -->
<script>
window.addEventListener("scroll", function () {
let header = document.querySelector("header");
let windowPosition = window.scrollY > 0;
header.classList.toggle("scrolling-active", windowPosition);
});
let btn = document.getElementById('nav-button')
let visible = false
btn.addEventListener("click", () => {
if (visible == false) {
btn.style.border = "none"
document.getElementById('nav-menu').style.width = "100%"
visible = true
}
else {
btn.style.border = "none"
document.getElementById('nav-menu').style.width = "0%"
visible = false
}
})
</script>
</body>
</html>