-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
309 lines (250 loc) · 16 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code Wave Hub</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300&family=Montserrat:wght@300;400&family=Share+Tech&display=swap" rel="stylesheet">
<!-- CSS Stylesheets -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<!-- Favicon -->
<link rel="icon" href="favicon.ico">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Bootstrap Scripts -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script>
</head>
<body>
<section class="colored-section" id="title">
<div class="container-fluid">
<!-- Nav Bar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<img src="images/CWH_Logo.png" alt="Code Wave Hub" style="width: 20%;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ms-auto">
<li class="navbar-item">
<a class="nav-link" href="#details">
Details
</a>
</li>
<li class="navbar-item">
<a class="nav-link" href="#speakers">
Speakers
</a>
</li>
<li class="navbar-item">
<a class="nav-link" href="#form">
Joining Form
</a>
</li>
</ul>
</div>
</nav>
<!-- Description -->
<div class="row">
<div class="col-lg-12">
<p class="big-heading text-left">CodeWave Hub is an open-source chapter at Lords Institute of Engineering & Technology that nurtures student's interest in technology. It operates as a hobby and interest club, a platform where students can participate and contribute according to their passions.
<br> <br>
This collaborative community brings together students who share similar technological interests, allowing them to work collectively on projects. Moreover, the community facilitates mentorship from experienced professionals, providing valuable guidance and insight.
<br> <br>
Hacktoberfest is an annual event that encourages people to contribute to open source throughout October. Hacktoberfest is all about giving back to those projects, sharpening skills, and celebrating all things open source, especially the people that make open source so special. Thousands of people—coders and non-coders alike—have participated in hacktoberfest to support the projects they use and love, learn and practice skills that will enhance their careers, and meet new people who love open source as much as they do.
</p>
</div>
</div>
</div>
</section>
<!-- Details Section -->
<section class="white-section" id="details">
<div class="row">
<div class="details-box col-lg-4 col-md-12 detail-date">
<i class="icon fa-solid fa-calendar-days fa-2x"></i>
<h3 class="detail-title"> Date</h3>
<p class="p1">17-10-23 to <br> 18-10-23</p>
</div>
<div class="details-box col-lg-4 col-md-12">
<i class="icon fa-solid fa-clock fa-2x"></i>
<h3 class="detail-title"> Time</h3>
<p class="p1">10:00 AM IST Onwards on 17-10-23. Ends on 4:00 PM IST on 18-10-23</p>
</div>
<div class="details-box col-lg-4 col-md-12 detail-location">
<i class="icon fa-solid fa-location-arrow fa-2x"></i>
<h3 class="detail-title"> Location</h3>
<p class="p1">Hybrid, Lords Institute of Engineering & Technology, Hyderabad, India.</p>
</div>
</div>
</section>
<section class="colored-section day-plan">
<h2 class="day-heading mb-3">Workshop:-</h2>
<p class="h3 mb-5" >Day 1 will be dedicated to in-depth workshops where you can learn the ins and outs of open-source development. Our expert instructors will guide you through the process, sharing valuable insights and practical skills</p>
<h2 class="day-heading mb-3">Hackathon:-</h2>
<p class="h3">On Day 2, put your newly acquired knowledge to work! Dive into open-source projects, collaborate with your peers, and make meaningful contributions. It's your chance to shine and be part of the open-source revolution. Whether you're a coding novice or a seasoned pro, our event is designed to cater to all skill levels. Come with an open mind and a willingness to learn, and leave with new skills, connections, and a sense of accomplishment.</p>
</section>
<!-- Speakers Section -->
<section class="white-section" id="speakers">
<h2 class="speaker-heading">Speakers</h2>
<div class="row">
<div class="col-lg-4 col-md-12 card-single">
<div class="card border-primary h-100 ">
<img src="images/Vasay.png" alt="Afnan Abdul Vasay">
<div class="card-header ">
<h3 class="h2" >Afnan Abdul Vasay</h3>
</div>
<div class="card-body text-left">
<p class= "h4" >Afnan Abdul Vasay is a <b>GitHub Campus Expert</b>, dedicated open-source contributor, and project maintainer. With a passion for technology and community leadership, Abdul Vasay actively contributes to open-source projects and leads various community initiatives. His commitment to fostering collaboration and innovation is truly inspiring</p>
<a href="https://github.com/abdulvasay-234" class="sp-icon"><i class="fa-brands fa-github fa-2x"></i></a><a href="https://www.linkedin.com/in/afnanabdulvasay/"><i class="fa-brands fa-linkedin fa-2x"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 card-single">
<div class="card border-primary h-100">
<img src="images/Izhaan.png" alt="Izhan Ali">
<div class="card-header ">
<h3 class="h2">Izhan Ali</h3>
</div>
<div class="card-body text-left">
<p class= "h4">Izhan Ali is a Developer with hands-on experience in <b>Android Development</b> and <b>Java</b>, worked as an Intern at Altruism Labs and also developed Track My Bus- a college bus tracking app. Izhan has always been passionate about building things together and promoting open source software. He was also a part of Google Code-In 2019 where he contributed to projects of major open source organisations</p>
<a href="https://github.com/IzhanAli" class="sp-icon"><i class="fa-brands fa-github fa-2x"></i></a><a href="https://www.linkedin.com/in/mohdizhanali//"><i class="fa-brands fa-linkedin fa-2x"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 card-single">
<div class="card border-primary h-100">
<img src="images/Fareed.png" alt="Syed Khaja Fareeduddin">
<div class="card-header ">
<h3 class="h2">Syed Khaja Fareeduddin</h3>
</div>
<div class="card-body text-left">
<p class= "h4">Syed Khaja Fareeduddin is a <b>Mobile App Developer</b>, who is passionate about software development. He has demonstrated his commitment to community growth by actively contributing to various development programs. He continues to seek opportunities to give back and further enhance the tech community</p>
<a href="https://github.com/skfareeduddin" class="sp-icon"><i class="fa-brands fa-github fa-2x"></i></a><a href="https://www.linkedin.com/in/skfareeduddin"><i class="fa-brands fa-linkedin fa-2x"></i></a>
</div>
</div>
</div>
</div>
<!-- Moderators Section -->
<h2 class="moderator-heading">Moderators</h2>
<div class="row">
<div class="col-lg-4 col-md-6 card-single">
<div class="card border-primary h-100 ">
<img src="images/Asfia.png" alt="Asfia Al Hera">
<div class="card-header ">
<h3 class="h2" >Asfia Al Hera</h3>
</div>
<div class="card-body text-left ">
<p class= "h4">Asfia Al Hera is a female entrepreneur with a diverse skill set, encompassing Big Data, AI & ML, Python, Java, and Front-End web development. Her internship in Robotics and certification as a Communication Expert highlight her commitment to cutting-edge technologies, making her a formidable force in the tech industry</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 card-single">
<div class="card border-primary h-100">
<img src="images/Erum.png" alt="Maria Fatima Erum">
<div class="card-header ">
<h3 class="h2">Maria Fatima Erum</h3>
</div>
<div class="card-body text-left ">
<p class= "h4">Maria Fatima Erum is a proficient tech-savvy woman, skilled in Python, Power BI, Excel, and Data Visualization. As the Chairperson of IEEE and a member of CodeWave, she champions open-source initiatives. Her expertise extends to financial advice and Fincial market acumen</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 card-single">
<div class="card border-primary h-100">
<img src="images/Riyan.png" alt="Mohammed Riyan Nazeer">
<div class="card-header">
<h3 class="h2">Mohammed Riyan Nazeer</h3>
</div>
<div class="card-body text-left ">
<p class= "h4">Mohammed Riyan Nazeer is an expert content creator specializing in video and graphics design. As a skilled freelancer, he brings marketing, project management, and documentation skills to every project, ensuring impactful and visually engaging content</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 card-single">
<div class="card border-primary h-100">
<img src="images/Ali.png" alt="Syed Mohammed Ali">
<div class="card-header">
<h3 class="h2">Syed Mohammed Ali</h3>
</div>
<div class="card-body text-left ">
<p class= "h4">Syed Mohammed Ali is a highly skilled individual proficient in Python, Java, web development, AI & ML. He's not just a tech enthusiast but also a dedicated community leader, assisting and inspiring fellow tech enthusiasts. With a keen interest in Open-Source & Graphics Desgn</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 card-single">
<div class="card border-primary h-100">
<img src="images/Majeed.png" alt="Md Abdul Majeed">
<div class="card-header ">
<h3 class="h2">Md Abdul Majeed</h3>
</div>
<div class="card-body text-left ">
<p class= "h4">Majid is a dedicated community builder, offering support to others. He possesses expertise in C programming, software testing, development, and documentation, ensuring the seamless creation and maintenance of software projects</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 card-single">
<div class="card border-primary h-100">
<img src="images/Zaid.png" alt="Zaid Kaleem Khan">
<div class="card-header ">
<h3 class="h2">Zaid Kaleem Khan</h3>
</div>
<div class="card-body text-left ">
<p class= "h4">Zaid Kaleem Khan is a versatile programmer and technical advisor with proficiency in project management, deep learning, Python, and front-end web development. He's also a dedicated community builder, fostering collaboration and knowledge-sharing in the tech world</p>
</div>
</div>
</div>
</div>
</section>
<!-- Why Attend Section -->
<section class="colored-section day-plan">
<h2 class="day-heading">Why Attend?</h2>
<ul>
<li>Learn from an experienced person </li>
<li>Contribute to real-world open-source projects </li>
<li>Expand your coding skills </li>
<li>Collaborate with fellow tech enthusiasts </li>
<li>Network with tech enthusiasts</li>
</ul>
</section>
<!-- Form Section -->
<section class="white-section" id="form">
<div class="mt-4">
<img src="./images/Banner.png" alt="">
</div>
<div>
<h3 class="cta-heading">Join CodeWave: HacktoberFest 2023 Edition, by filling the form below:</h3>
<button class="form-btn btn btn-lg " style="background-color:#3601aa" type="button" > <a class="link-light link-offset-2 " href="https://forms.gle/YRn1UiTs1N4TSy7h9">Join Now</a> </button>
</div>
</section>
<!-- Last Section -->
<section class="colored-section day-plan">
<p>Don't miss this unique opportunity to immerse yourself in the world of open source and make a difference. Join us for two action-packed days of learning, coding, and innovation at <b>CodeWave Hub: HacktoberFest 2023 Edition</b>
<br><br>
<b>Low or no-code contributions</b> <br>
Contributing to open source isn't just for technical folks who want to write code. There are lots of opportunities to use your professional skills in support of open-source projects. We're making a point to encourage contributions that require some technical experience or none at all. No matter your experience, you can participate in hacktoberfest!
<br> <br>
Hacktoberfest welcomes people of any experience level to participate, and low-code and non-code contributions are fantastic choices for folks who don't have a lot of technical knowledge.
<br><br>
Happy hacking!</p>
</section>
<!-- Location Section -->
<section class="white-section">
<div class="row">
<h1 style="color: #001B34; padding-top: 30px; font-size: 50px;">Our Location Partner</h1>
<div class="container-map col-lg-7">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3808.4511733233385!2d78.36487467603848!3d17.342009804109097!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb95ee6c4680d5%3A0x1890088c6b779e63!2sLords%20Institute%20of%20Engineering%20%26%20Technology!5e0!3m2!1sen!2sin!4v1693835135714!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-5 map-text">
<h1 style="color: #001B34; padding-top: 30px; font-size: 70px;"><b>Lords Institute Of Engineering & Technology</b></h1>
</div>
<hr style="height: 5px; margin-top: 40px;">
</div>
</section>
<footer class="white-section" id="footer">
<p class="footer-p">Follow us on:-</p>
<a href="https://github.com/LIEThyd"><i class="fa-brands fa-github fa-2x"></i></a><a href="https://www.instagram.com/codewavehub.liet/"><i class="cn-img fab fa-instagram fa-2x"></i></a><a href="https://www.linkedin.com/company/codewavehub/"><i class="fa-brands fa-linkedin fa-2x"></i></a>
<p>To view our Code of Conduct, <a href="https://liethyd.github.io/CodeWavehub-COC/">click here</a></p>
</footer>
</body>
</html>