forked from dynamicclub/Dynamic-Club
-
Notifications
You must be signed in to change notification settings - Fork 0
/
events.html
375 lines (334 loc) · 19.2 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Events Page | SKIT JAIPUR</title>
<link rel="icon" type="image/x-icon" href="./assets/fav1.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68819/EffectComposer.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68819/RenderPass.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68819/ShaderPass.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68819/CopyShader.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68819/LuminosityHighPassShader.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68819/UnrealBloomPass.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ScrollTrigger.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.29/skrollr.min.js"></script>
<script src="./js/events.js"></script>
<link rel="stylesheet" type="text/css" href="./css/events.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cabin:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Varela&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Varela&display=swap" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-174908567-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-174908567-1');
</script>
</head>
<style>
::-webkit-scrollbar {
display: none;
}
*{
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.gsap-marker-end{
opacity: 0;
}
.gsap-marker-start{
opacity: 0;
}
.gsap-marker-scroller-end{
opacity: 0;
}
.gsap-marker-scroller-start{
opacity: 0;
}
</style>
<body>
<canvas class="experience"></canvas>
<div class="scrollTarget"></div>
<div class="vignette-radial"></div>
<!-- code for navigation bar -->
<div class="topnav" id="myTopnav">
<a href="index.html"><b>HOME</b></a>
<a href="./index.html#about"><b>ABOUT</b></a>
<a href="team.html"><b>TEAM</b></a>
<div class="dropdown">
<button class="dropbtn"><b>Events</b>
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="events.html"><b>Upcoming Events</a>
<a href="pastevent.html"><b>Past Events</a>
</div>
</div> </b>
<a href="contact.html"><b>Contact-us</b></a>
<a href="javascript:void(0);" style="font-size:17px;" class="icon" onclick="myFunction()">☰</a>
</div>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<!-- code for texts -->
<div id="overlay1" onclick="off1()">
<div id="text1" class="character">
Dynamic club is a club in which you will get the chance to compete in various field every week, including the certification.
<br><br>
The club will help in enhancing and grooming one's professional and personal skills in a variety of ways by providing exposure to different kinds of platforms to cope up with the fast changing workplace scenarios.
<br><br>
Promote opportunities for everyone to experience participate in educational programs and develop their creative abilities. Promote quality and artistic renewal. Promote a dynamic cultural heritage that is preserved, used and developed. Promote accessibilities.
<br><br>
<div class="row">
<div class="column">
<img src="./assets/Event/logo.gif" alt="DYNAMIC CLUB" style="width:100%">
</div>
<div class="column">
<img src="./assets/Event/logo.gif" alt="DYNAMIC CLUB" style="width:100%">
</div>
<div class="column">
<img src="./assets/Event/logo.gif" alt="DYNAMIC CLUB" style="width:100%">
</div>
</div>
</div>
</div>
<div id="overlay2" onclick="off2()">
<div id="text2" class="character">
Join us for an engaging session on Git and GitHub, essential tools for modern software development and collaboration. Discover the power of version control with Git, enabling efficient tracking of code changes locally. Learn the basics of branching, merging, and conflict resolution. Dive into GitHub, a collaborative platform built on Git, to host repositories, manage projects, and streamline teamwork. Uncover the magic of pull requests and issue tracking for effective collaboration. Whether you're a beginner or looking to enhance your skills, this session promises insights into maintaining a seamless development workflow. Don't miss out on this opportunity to boost your coding proficiency! <br>
<br><br>
Click here to view your certificates <b><a href="./assets/Event/comming.gif" style="color: white;" target="_blank">here</b></a>.
<br><br>
<div class="row">
<div class="column">
<img src="./assets/Event/logo.gif" alt="DYNAMIC CLUB" style="width:100%">
</div>
<div class="column">
<a href="./assets/Event/comming.gif" target="_blank"><img src="./assets/Event/certificate.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
</div>
</div>
</div>
<div id="overlay3" onclick="off3()">
<div id="text3" class="character">
National Legal Services Day, observed on November 9th in India, celebrates the pivotal role of legal aid in ensuring justice for all. Instituted to honor the establishment of the Legal Services Authorities Act, 1987, the day emphasizes the constitutional right to free legal aid. It acknowledges the efforts of legal professionals and organizations in providing accessible legal assistance to the marginalized and underprivileged, promoting the principle that justice should not be elusive due to financial constraints. National Legal Services Day serves as a reminder of the commitment to equal justice and the imperative role of legal aid in fostering a just society.
<br><br>
Click here to view your certificates <b><a href="https://drive.google.com/drive/folders/1S_P3vLYj05cHDsxtKaTl6S_0LAYfrwV8" style="color: white;" target="_blank">here</b></a>.
<br><br>
<div class="row">
<div class="column">
<img src="./assets/Event/National Legal Service Day.jpeg" alt="DYNAMIC CLUB" style="width:100%">
</div>
<div class="column">
<a href="https://drive.google.com/drive/folders/1S_P3vLYj05cHDsxtKaTl6S_0LAYfrwV8" target="_blank"><img src="./assets/Event/certificate.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
</div>
</div>
</div>
<div id="overlay4" onclick="off4()">
<div id="text4" class="character">
Every year on October 10, there is a celebration known as World Mental Health Day to raise awareness of the value of mental health throughout the world. This day strives to promote support services, decrease stigma, and increase awareness of mental health issues. The day encourages open dialogues, urging individuals to share their stories, seek treatment, and support one another in a world where mental health illnesses are a huge burden. Communities all across the world participate in activities and projects that promote empathy and understanding. It emphasizes the necessity for readily available mental health services and stresses the importance of mental as well as physical health. Together, we can dismantle stigmas, advance acceptance, and build a society where everyone's mental health is a top priority.
<br><br>
Click here to view your certificates <b><a href="https://drive.google.com/drive/folders/1B33yxjVk4Ff8zJ-7neNeDkomjsnrM4AN?usp=sharing" style="color: white;" target="_blank">here</b></a>.
<br><br>
<div class="row">
<div class="column">
<img src="./assets/Event/World Mental Health Day.jpg" alt="DYNAMIC CLUB" style="width:100%">
</div>
<div class="column">
<a href="https://drive.google.com/drive/folders/1B33yxjVk4Ff8zJ-7neNeDkomjsnrM4AN?usp=sharing" target="_blank"><img src="./assets/Event/certificate.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
</div>
</div>
</div>
<div id="overlay5" onclick="off5()">
<div id="text5" class="character">
World Intellectual Property Rights (IPR) Day is an annual celebration dedicated to raising awareness about the importance of intellectual property in promoting innovation and creativity. Recognized on April 26th, it highlights the role of patents, copyrights, trademarks, and trade secrets in fostering economic growth and safeguarding artists, inventors, and businesses' rights. Through various events and initiatives, it encourages respect for intellectual property and its significant impact on global development.
<br><br>
Click here to view your certificates <b><a href="https://drive.google.com/drive/folders/1ursK3EPk8RTPFPKlP7iy_h91ljtZxXqP?usp=drive_link" style="color: white;" target="_blank">here</b></a>.
<br><br>
<div class="row">
<div class="column">
<img src="./assets/Event/IPR.jpg" alt="DYNAMIC CLUB" style="width:100%">
</div>
<div class="column">
<a href="https://drive.google.com/drive/folders/1ursK3EPk8RTPFPKlP7iy_h91ljtZxXqP?usp=drive_link" target="_blank"><img src="./assets/Event/certificate.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
</div>
</div>
</div>
<div id="overlay6" onclick="off6()">
<div id="text6" class="character">
C++ Coding Bootcamp Day: Intense and immersive 2-hour session covering fundamentals. Engaging lectures and hands-on projects accelerate learning. Collaborative coding challenges foster teamwork. Instructors provide personalized feedback. Students build real-world applications, gaining confidence in C++ programming. Energizing breaks and networking opportunities keep participants motivated. An empowering experience that fuels the journey to becoming proficient C++ developers
<br><br>
Click here to view your certificates <b><a href="https://drive.google.com/drive/folders/1YnnzxgPAQjm4DWLWdGy8MrkcMQdIsFeh?usp=drive_link" style="color: white;" target="_blank">here</b></a>.
<br><br>
<div class="row">
<div class="column">
<img src="./assets/Event/C++.jpg" alt="DYNAMIC CLUB" style="width:100%">
</div>
<div class="column">
<a href="https://drive.google.com/drive/folders/1YnnzxgPAQjm4DWLWdGy8MrkcMQdIsFeh?usp=drive_link" target="_blank"><img src="./assets/Event/certificate.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
</div>
</div>
</div>
<div id="overlay7" onclick="off7()">
<div id="text7" class="character">
National Marine Day celebrates and raises awareness about the importance of marine ecosystems and conservation. It honors the beauty and richness of our oceans while emphasizing the need for sustainable practices to protect marine life. On this day, various educational and recreational activities take place worldwide, promoting responsible stewardship of our precious marine resources.
<br><br>
Click here to view your certificates <b><a href="https://drive.google.com/drive/folders/183M7N2lpn0kp9NVLbd-NJyrnEYvxj-9G?usp=drive_link" style="color: white;" target="_blank">here</b></a>.
<br><br>
<div class="row">
<div class="column">
<img src="./assets/Event/Marine.jpg" alt="DYNAMIC CLUB" style="width:100%">
</div>
<div class="column">
<a href="https://drive.google.com/drive/folders/183M7N2lpn0kp9NVLbd-NJyrnEYvxj-9G?usp=drive_link" target="_blank"><img src="./assets/Event/certificate.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
</div>
</div>
</div>
<div id="overlay8" onclick="off8()">
<div id="text8" class="character">
C Coding Bootcamp Day: Intense learning and collaboration! Students dive into C programming concepts, data types, and functions. Hands-on coding challenges and debugging sessions sharpen their skills. Engaging lectures, coding exercises, and quizzes foster a supportive learning environment. Industry mentors provide guidance. Energizing breaks and networking opportunities keep minds fresh. A rewarding and empowering journey! #CodingBootcamp <br> #CProgramming #LearnToCode
<br><br>
Click here to view your certificates <b><a href="https://drive.google.com/drive/folders/1PIwdydKcy_3TlFXpV9Snz7RFhVMj8TUz?usp=drive_link" style="color: white;" target="_blank">here</b></a>.
<br><br>
<div class="row">
<div class="column">
<img src="./assets/Event/C.jpg" alt="DYNAMIC CLUB" style="width:100%">
</div>
<div class="column">
<a href="https://drive.google.com/drive/folders/1PIwdydKcy_3TlFXpV9Snz7RFhVMj8TUz?usp=drive_link" target="_blank"><img src="./assets/Event/certificate.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
</div>
</div>
</div>
<div id="overlay9" onclick="off9()">
<div id="text9" class="character">
The old events are been listed on the <a href="pastevent.html" style="color: white;">Past Event page</a> from that page you can get the details of the past events also
you can download all your certificates form that page also.
Click here to vist the past event page <b><a href="pastevent.html" style="color: white;" target="_blank">here</b></a>.
<br><br>
<div class="column">
<a href="pastevent.html"><img src="./assets/Event/past.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
<div class="column">
<a href="pastevent.html"><img src="./assets/Event/past.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
<div class="column">
<a href="pastevent.html"><img src="./assets/Event/past.gif"alt="DYNAMIC CLUB" style="width:100%"></a>
</div>
</div>
</div>
<!-- <div id="overlay10" onclick="off10()">
<div id="text10" class="character">
Box kite event was conducted on the auspicious festival of Makar Sankranti where students build their own kites. Box kite is known to have the maximum lift and is the only kite in which man has successfully tried to fly.
<br><br>
<div class="row">
<div class="column">
<img src="/static/aero/img/BOX%20KITE%201.jpg" alt="BOX KITE" style="width:100%">
</div>
<div class="column">
<img src="/static/aero/img/BOX%20KITE%203.jpg" alt="BOX KITE" style="width:100%">
</div>
<div class="column">
<img src="/static/aero/img/BOX%20KITE%204.jpg" alt="BOX KITE" style="width:100%">
</div>
</div> -->
</div>
</div>
<div id="div1" class="example" onclick="on1()">Dynamic Club events</div>
<div id="div2" class="example" onclick="on2()">Git and Github</div>
<div id="div3" class="example" onclick="on3()">National Legal Service</div>
<div id="div4" class="example" onclick="on4()">World Health Day</div>
<div id="div5" class="example" onclick="on5()">world ipr day</div>
<div id="div6" class="example" onclick="on6()">c++ bootcamp</div>
<div id="div7" class="example" onclick="on7()">national marine day</div>
<div id="div8" class="example" onclick="on8()">c bootcamp</div>
<div id="div9" class="example" onclick="on9()">View More</div>
<div id="div10" class="example" onclick="on10()"></div>
<script>
function on1() {
document.getElementById("overlay1").style.display = "block";
}
function off1() {
document.getElementById("overlay1").style.display = "none";
}
function on2() {
document.getElementById("overlay2").style.display = "block";
}
function off2() {
document.getElementById("overlay2").style.display = "none";
}
function on3() {
document.getElementById("overlay3").style.display = "block";
}
function off3() {
document.getElementById("overlay3").style.display = "none";
}
function on4() {
document.getElementById("overlay4").style.display = "block";
}
function off4() {
document.getElementById("overlay4").style.display = "none";
}
function on5() {
document.getElementById("overlay5").style.display = "block";
}
function off5() {
document.getElementById("overlay5").style.display = "none";
}
function on6() {
document.getElementById("overlay6").style.display = "block";
}
function off6() {
document.getElementById("overlay6").style.display = "none";
}
function on7() {
document.getElementById("overlay7").style.display = "block";
}
function off7() {
document.getElementById("overlay7").style.display = "none";
}
function on8() {
document.getElementById("overlay8").style.display = "block";
}
function off8() {
document.getElementById("overlay8").style.display = "none";
}
function on9() {
document.getElementById("overlay9").style.display = "block";
}
function off9() {
document.getElementById("overlay9").style.display = "none";
}
function on10() {
document.getElementById("overlay10").style.display = "block";
}
function off10() {
document.getElementById("overlay10").style.display = "none";
}
</script>
</body>
</body>
</html>