-
Notifications
You must be signed in to change notification settings - Fork 24
/
virtual-events.html
232 lines (190 loc) · 9.45 KB
/
virtual-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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="Favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="Favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="Favicon/favicon-16x16.png">
<link rel="manifest" href="Favicon/site.webmanifest">
<link rel="stylesheet" href="static/css/style.css" />
<link rel="stylesheet" href="static/css/include.css" />
<script src="https://kit.fontawesome.com/13efbb5995.js" crossorigin="anonymous"></script>
<title>TechNexus - Virtual Events</title>
</head>
<body>
<div class="container">
<nav>
<img src="static/logo/logo-no-background.png" class="logo">
<ul id="sidemenu">
<li> <a href="index.html" style="--i:1">Home</a></li>
<li> <a href="offline-events.html" style="--i:2">Offline Events</a></li>
<li> <a href="virtual-events.html" style="--i:3">Online Events</a></li>
<li> <a href="contributors.html" style="--i:4">Our Team</a></li>
<li> <a href="#contact" style="--i:5">Contact</a></li>
<i class="fa-sharp fa-solid fa-xmark" onclick="closemenu()"></i>
</ul>
<i class="fa-solid fa-bars" onclick="openmenu()"></i>
</nav>
<div class="event-sort">
<div class="container">
<label for="sort-date"><i>Sort by Date:</i></label>
<input type="date" id="sort-date" name="sort-date">
<label for="sort-location"><i>Sort by Location:</i></label>
<input type="text" id="sort-location" name="sort-location" placeholder="Search by location">
</div>
</div>
<div class="events">
<div class="container2">
<a href="https://unstop.com/hackathons/cruxipher-atmos23-bits-pilani-hyderabad-campus-802672" target="_blank" class="event">
<div class="event-image">
<img src="images/cruXipher.png" alt="Event Image">
</div>
<div class="event-details">
<div class="event-title">cruXipher</div>
<div class="event-date">2023-11-03</div>
<div class="event-location">Virtual</div>
<div class="event-description">
Greetings from CRUx: The Programming and Computing Club of BITS Pilani, Hyderabad Campus! With our annual technical fest, ATMoS comes
the return of cruXipher: A Capture-the-Flag-like, fast-paced competition where teams of people come together to solve challenges
that involve the skills of problem-solving, programming, cybersecurity, and general knowledge of computers to rise to the top. This
team competition will test your speed, teamwork, and problem-solving skills like nothing else.
It doesn’t need prior programming knowledge; however, having this knowledge certainly helps.
</div>
</div>
</a>
<a href="https://unstop.com/hackathons/quant-quest-by-algobulls-iit-kanpur-800786" target="_blank" class="event">
<div class="event-image">
<img src="images/foundationlogo.png" alt="Event Image">
</div>
<div class="event-details">
<div class="event-title">ICPC 2023 regionals</div>
<div class="event-date">2023-11-26</div>
<div class="event-location">Virtual</div>
<div class="event-description">
The International Collegiate Programming Contest (ICPC) is a multi-tiered,
team-based competitive programming competition among universities from around the world.
It is one of the most prestigious contests for university-level computer science and engineering students.
</div>
</div>
</a>
<a href="https://www.sap.com/india/events/teched/virtual.html?url_id=ctabutton-in-sap-splash" target="_blank" class="event">
<div class="event-image">
<img src="images/sapteched2023virtual.png" alt="Event Image">
</div>
<div class="event-details">
<div class="event-title">SAP Teched 2023</div>
<div class="event-date">2023-11-2</div>
<div class="event-location">Virtual</div>
<div class="event-description">
This global digital experience is complete with live and on-demand educational sessions,
engaging Q&As, and meet-the-expert opportunities. SAP and its partner communities will also
host in-person "watch-and-code parties" in select global cities and time zones.
</div>
</div>
</a>
<a href="https://unstop.com/hackathons/intellect-global-hackathon-intellect-design-arena-247390" target="_blank" class="event">
<div class="event-image">
<img src="images/IntellectGlobalHackathon.png" alt="Event Image">
</div>
<div class="event-details">
<div class="event-title">Intellect Global Hackathon</div> <!-- Updated event title -->
<div class="event-date">2023-12-21</div>
<div class="event-location">Virtual</div>
<div class="event-description">
Hackathon presented by Intellect, a competition designed to recognize and engage with top-notch coders. This event assesses your coding precision and endurance, providing an excellent opportunity to showcase your skills. Participants who excel and meet the specified criteria will have the chance to secure a placement offer from Intellect, making it a valuable and rewarding experience.
</div>
</div>
</a>
<a href="https://githubuniverse.com/" target="_blank" class="event">
<div class="event-image">
<img src="images/GitHub universe.jpeg" alt="Event Image" />
</div>
<div class="event-details">
<div class="event-title">GitHub Universe</div>
<div class="event-date">2023-11-08 to 23-11-09</div>
<div class="event-location">Virtual</div>
<div class="event-description">
Github Universe brings together the world’s developers, enterprise leaders, and security professionals for two days of interactive sessions onAI,security, and thedeveloper experience. Come for the learning, stay for the fun. We’ll see you there!
</div>
</div>
</a>
</div>
</a>
</div>
</div>
<script src="static/js/script.js"></script>
<!-- -------------------------------contact------------------------------------ -->
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title1">Contact Us</h1>
<p><i class="fa-sharp fa-solid fa-paper-plane"></i><a
href="mailto: [email protected]">[email protected]</a></p>
<div class="social-icons">
<a href="https://instagram.com/devcode.community"><i class="fa-brands fa-square-instagram"></i></a>
<a href="https://www.linkedin.com/company/85615906/admin/feed/posts/"><i
class="fa-brands fa-linkedin"></i></a>
<a href="https://twitter.com/_DEVCODE_"><i class="fa-brands fa-square-x-twitter"></i></a>
<a href="https://github.com/Dev-Code-Community"><i class="fa-brands fa-github"></i></a>
<div class="contact-right">
<form name="submit-to-google-sheet">
<input type="text" name="Name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<textarea name="Message" rows="6" placeholder="Your Message"></textarea>
<button type="submit" class="btn btn2">Submit</button>
</form>
<span id="msg"></span>
</div>
</div>
</div>
<div class="copyright">
<p> © <span id="copyright-year"></span> DEV CODE made with <i class="fa-solid fa-heart"></i></p>
</div>
</div>
<script src="static/js/copyrightYear.js"></script>
<script>
var tablinks = document.getElementsByClassName("tab-links");
var tabcontents = document.getElementsByClassName("tab-contents");
function opentab(tabname) {
for (tablink of tablinks) {
tablink.classList.remove("active-link");
}
for (tabcontent of tabcontents) {
tabcontent.classList.remove("active-tab");
}
event.currentTarget.classList.add("active-link")
document.getElementById(tabname).classList.add("active-tab")
}
</script>
<script>
var sidemenu = document.getElementById("sidemenu");
function closemenu() {
sidemenu.style.right = "-200px";
}
function openmenu() {
sidemenu.style.right = "0";
}
</script>
<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbz9ztQSC2L8HM4WrDC4Y_ZmokBj2w0tGsgsHYavqAjLFLDhdREJNT65L7iZFP26j4in/exec'
const form = document.forms['submit-to-google-sheet']
const msg = document.getElementById("msg")
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form) })
.then(response => {
msg.innerHTML = "Messege Sent"
setTimeout(function () {
msg.innerHTML = ""
}, 2000)
form.reset()
})
.catch(error => console.error('Error!', error.message))
})
</script>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script src="static/js/script.js"></script>
</body>
</html>