-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
374 lines (357 loc) · 22.1 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
<!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>CodeFlix</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&family=Roboto:wght@300;500;700&family=Shippori+Mincho:wght@600&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="navigation">
<div class="logo">
<img src="/images/logo.png">
</div>
<div class="navbar">
<ul>
<li><a>Hackathons</a></li>
<li><a>Codeathons</a></li>
<li><a>OSS/FOSS</a></li>
<li><a>WomenSpecific</a></li>
</ul>
</div>
</div>
<div class="extra-space-white">
<div class="upper-section" class="area">
<div class="heading-main" data-text="CodeFlix" class="shadow">CodeFlix<span></span></div>
<div class="heading-secondary-main">In the world full of Netflix and Chill, let's<br>CodeFlix and UpSkill.
</div>
<ul class="circles">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="sub-section">
<div id="Hackathons-main" class="main-size">
<p class="heading-left">Hackathons</p>
<img class="img-rgt" src="images/purple-removebg-preview.png" align="right">
<div class="des-box-rgt" id="hackathon-main-box">
<p class="box-text">A hackathon, also known as a codefest, is a social coding event that brings
computer programmers and other interested people together to improve upon or build a new
software program.
The word hackathon is a portmanteau of the words hacker, which means clever programmer, and
marathon, an event marked by endurance.
The concept of the hackathon, also called a hack day or hack fest, was born out of the open
source community. The first event labeled a hackathon was the OpenBSD Hackathon in Calgary,
Canada, on June 4, 1999.
</p>
</div>
</div>
<div id="Hackathons-section" class="section-size">
<p class="subheading-center" id="shift-left">Upcoming Hackathons</p>
<div class="flex-container">
<div class="flex-box" id="1">
<div class="front">
<p class="heading-flex-box">SheHacks</p>
<p class="date-flex-box">13th-14th March,2021</p>
<button class="button-flex-box"> Read more</p>
</div>
<div class="back">
<p class="about-flex-box">To create a more diverse and inclusive tech world, we need to
inspire
and empower the next generation of female role models to pursue and develop their career
in
technology and become innovators, leaders and entrepreneurs.</p>
<button class="button-flex-box" id="button-flex-box-back"><a></a>Apply Now</button>
</div>
</div>
<div class="flex-box" id="2">
<div class="front">
<p class="heading-flex-box">BitBox</p>
<p class="date-flex-box">26th-28th March,2021</p>
<button class="button-flex-box"> Read more</p>
</div>
<div class="back">
<p class="about-flex-box">To create a more diverse and inclusive tech world, we need to
inspire
and empower the next generation of female role models to pursue and develop their career
in
technology and become innovators, leaders and entrepreneurs.</p>
<button class="button-flex-box" id="button-flex-box-back"><a
href="https://dscjiit128.studio/#/bitbox">Apply Now</a> </button>
</div>
</div>
<div class="flex-box" id="3">
<div class="front">
<p class="heading-flex-box">Line of Code 3.0</p>
<p class="date-flex-box">20th-21st March,2021</p>
<button class="button-flex-box"> Read more</p>
</div>
<div class="back">
<p class="about-flex-box">To create a more diverse and inclusive tech world, we need to
inspire
and empower the next generation of female role models to pursue and develop their career
in
technology and become innovators, leaders and entrepreneurs.</p>
<button class="button-flex-box" id="button-flex-box-back"><a></a> Apply Now</button>
</div>
</div>
<div class="flex-box" id="4">
<div class="front">
<p class="heading-flex-box">Recursion 2.0</p>
<p class="date-flex-box">20th-21st March,2021</p>
<button class="button-flex-box"> Read more</p>
</div>
<div class="back">
<p class="about-flex-box">To create a more diverse and inclusive tech world, we need to
inspire
and empower the next generation of female role models to pursue and develop their career
in
technology and become innovators, leaders and entrepreneurs.</p>
<button class="button-flex-box" id="button-flex-box-back"><a></a> Apply Now</button>
</div>
</div>
</div>
</div>
<div id="Codeathons-main" class="main-size">
<p class="heading-right" id="codeathon-head">Codeathons</p>
<div class="codeathon-container">
<img class="codeathon-img" src="surr-675.png">
<div class="codeathon-box-rgt" id="codeathon-main-box">
<p class="box-text">Competitive programming is a mind sport usually held over the Internet or a
local network, involving participants trying to program according to provided
specifications. Contestants are referred to as sport programmers. Competitive programming is
recognized and supported by several multinational software and Internet companies, such as
Google[1][2] and Facebook.[3] There are several organizations who host programming
competitions on a regular basis.
A programming competition generally involves the host presenting a set of logical or
mathematical problems, also known as puzzles, to the contestants (who can vary in number
from tens to several thousands).</p>
</div>
</div>
</div>
<div id="Codeathons-section" class="section-size">
<p class="subheading-center">Upcoming Events</p>
<div class="flex-coding">
<div class="coding" id="c-boxes">
<img class="coding-img" src="/images/google1.jpeg">
<p class="coding-heading">CodeJam</p>
<p>Google Code Jam is an international programming competition hosted and administered by Google. The competition began in 2003. The competition consists of a set of algorithmic problems.</p>
<button class="button-flex-box" id="btn-coding">Register and Apply<span
class="circle"></span></button>
</div>
<div class="coding" id="c-boxes">
<img class="coding-img" src="/images/google2.jpeg">
<p class="coding-heading">KickStart</p>
<p>Kick start is a global coding competition offering programmers of all skill levels the chance to develop and hone their programming skills. Participate in one of our eight online rounds — or join them all!</p>
<button class="button-flex-box" id="btn-coding">Register and Apply</button>
</div>
<div class="coding" id="c-boxes">
<img class="coding-img" src="images/google3.jpeg">
<p class="coding-heading">HashCode</p>
<p>Hash Code is a team programming competition, organized by Google, for students and professionals around the world. You pick your team and programming language and we pick an engineering problem for you to solve.</p>
<button class="button-flex-box" id="btn-coding"> Register and Apply</button>
</div>
</div>
</div>
<div id="FOSS-main" class="main-size">
<p class="heading-left">F/OSS</p>
<img class="img-svg" src="funteam.svg" align="right">
<div class="practice-neo">
<div class="neo">
<p class="box-text">Free and open-source software (FOSS) is software that can be classified as
both free software and open-source software.[a] That is, anyone is freely licensed to use,
copy, study, and change the software in any way, and the source code is openly shared so
that people are encouraged to voluntarily improve the design of the software.[3] This is in
contrast to proprietary software, where the software is under restrictive copyright
licensing and the source code is usually hidden from the users.
FOSS maintains the software user's civil liberty rights (see the Four Essential Freedoms,
below). Other benefits of using FOSS can include decreased software costs, increased
security and stability (especially in regard to malware), protecting privacy, education, and
giving users more control over their own hardware</p>
</div>
</div>
</div>
<div id="FOSS-section" class="foss-sub-sec">
<p class="subheading-center">Upcoming Events</p>
<div class="foss-container">
<div class="timeline">
<ul>
<li>
<div class="timeline-content">
<h3 class="date-foss">Timeline: January - May, 2021</h3>
<h1>Google Summer Of Code</h1>
<p>Google Summer of Code program is a program started by Google and has completed 16
years. It is a program that aims to promote open source software development
among university students. There are a few organizations and these organizations
have mentors.</p>
<button class="btn-timeline">Apply</button>
</div>
</li>
<li>
<div class="timeline-content">
<h3 class="date-foss">Timeline: January - May, 2021</h3>
<h1>Outreachy</h1>
<p>The Outreachy is also a really great program for students that aims to support
diversity in open source. It is sort of a remote internship of 3 months and only
a handful number of students are selected across the world. The Outreachy
internship projects focus on programming, documentation, project marketing, etc.
</p>
<button class="btn-timeline">Apply</button>
</div>
</li>
<li>
<div class="timeline-content">
<h3 class="date-foss">Timeline: January - May, 2021</h3>
<h1> FOSSASIA Codeheat</h1>
<p>FOSSASIA is a non-profit organization supporting developers and makers of free
and open-source technologies. FOSSASIA Codeheat is one of such programs run by
it. Codeheat is a coding contest and here the mentors are developers,
professors, or contributors who like to share and become a part of the FOSSASIA
open source community.</p>
<button class="btn-timeline">Apply</button>
</div>
</li>
<li>
<div class="timeline-content">
<h3 class="date-foss"> Timeline: January - May, 2021</h3>
<h1>Season of KDE</h1>
<p>The Season of KDE, hosted by the KDE community, is an outreach program for all
individuals across the world. KDE is an international free software community
that develops free and open-source software and you can contribute to KDE
through the Season of KDE program. </p>
<button class="btn-timeline">Apply</button>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="Women-main" class="main-size">
<p class="heading-right">Women-Specific</p>
<img class="img-wo" src="clip-942.png" align="left">
<div id="woman-main-box">
<p class="box-text">Improved access to and control of technology for women and girls, especially in
remote and marginalized areas
Creative technology-based solutions to key gender equality issues like violence, health, and
economic and political empowerment
More safe online spaces for women and girls, and women’s rights organizing
More women and girls playing leadership roles in designing and shaping technology, especially to
advance women’s rights
Stronger, more inclusive national and global women’s movements, collaborating regularly to share
resources and ideas, and develop common advocacy strategies..</p>
</div>
</div>
<div id="Women-section" class="wo-sub-sec">
<p class="subheading-center" id="sub-wo">Opportunities</p>
<div class="wo-flex">
<div class="wo-container">
<div class="wo-card">
<div class="wo-img-box">
<img src="wotech/13.png">
</div>
<div class="wo-content">
<h2>Adobe WIT</h2>
<p>Through the Adobe India Women-in-Technology Scholarship, we are striving towards creating gender equality in science, technology and engineering domains by encouraging women to showcase their excellence in computing and technology and become future leaders and role models in the field.</p>
<button class= "wo-btn">Learn More</button>
</div>
</div>
<div class="wo-card">
<div class="wo-img-box">
<img src="wotech/11.png">
</div>
<div class="wo-content">
<h2>Google Women Techmaker</h2>
<p>Women Techmakers is a global program that celebrates women, encouraging them to pursue and excel in technology careers.
“Our goal is to inspire passionate, creative women through discussions with thought leaders, technical workshops, design sprints and networking opportunities,”</p>
<button class= "wo-btn">Learn More</button>
</div>
</div>
<div class="wo-card">
<div class="wo-img-box">
<img src="wotech/22.jpeg">
</div>
<div class="wo-content">
<h2>Grace Hopper Scholarship</h2>
<p>The GHC Scholars Program provides funds for women who are either undergraduate students, graduate students, or faculty to attend our Celebration. Women who get selected as scholars gain access to career and academic workshops, networking opportunities.</p>
<button class= "wo-btn">Learn More</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="magenta-background-extra-spaces">
<footer>
<div class="content">
<div class="left box">
<div class="upper">
<div class="topic" class="footer-head">ABOUT US</div>
<p class="about-us-footer">Kickstarter biodiesel roof party wayfarers cold-pressed. Palo santo
live-edge tumeric scenester copper mug flexitarian. Prism vice offal plaid everyday carry.
Gluten-free chia VHS squid listicle artisan.</p>
</div>
<div class="lower">
<div class="topic">CONTACT US</div>
<div id="Contact-us">
<div class="phone" class="phone-and-email">
<a href="#"><i class="fa fa-phone"></i>0761-485748</a>
</div>
<div class="email" class="phone-and-email">
<a href="#"><i class="fa fa-envelope"></i>[email protected]</a>
</div>
</div>
</div>
</div>
<div class="middle box">
<div class="topic">SERVICES</div>
<div class="sub-head-footer"><a href="#">Team</a></div>
<div class="sub-head-footer"><a href="#">About</a></div>
<div class="sub-head-footer"><a href="#">Contact</a></div>
</div>
<div class="right box">
<div class="topic">SEND FEEDBACK</div>
<input type="text" placeholder="">
<input type="submit" name="" value=" Send ">
<div class="media-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-github"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div>
<div class="bottom">
<p class="copyright-footer">Copyright © 2020 <a href="#">NerdCoders</a> All rights reserved</p>
</div>
</div>
</footer>
</div>
</body>
</html>