-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
275 lines (266 loc) · 8.66 KB
/
index.html
File metadata and controls
275 lines (266 loc) · 8.66 KB
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
<!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" />
<link rel="stylesheet" href="index.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="./index.js" defer></script>
<script
src="https://kit.fontawesome.com/182801a68f.js"
crossorigin="anonymous"
></script>
<title>30 Days of Development</title>
</head>
<body>
<div class="top-bar">
<a href="https://dscgeu.now.sh" target="_blank">
<img src="./assets/dsc_logo.png" class="logo" alt="DSC" />
</a>
<nav>
<a href="#tracks" class="nav-link">Tracks</a>
<a href="#register" class="nav-link alerts-border">Register</a>
<a href="#instructions" class="nav-link">Instructions</a>
</nav>
</div>
<div class="head">
<div class="heading container">
<p class="typewriter">
30 Days of
<span
class="typewriter-text"
data-text='[ "Development. ", "Web. ", "Mobile. " ]'
></span>
</p>
</div>
<div class="sub-heading">
<i>
" Success is not final, failure is not fatal it is the
courage to continue that counts."
</i>
<p>
Hey Peeps, 👋🏻 We believe that continuous learning is your
self-motivated persistence in acquiring knowledge and
competencies in order to expand your skillset and develop
future opportunities.
</p>
<p>
Keeping this in mind, DSC, powered by Google Developers is
back with an amazing self-learning track for you all.
</p>
</div>
</div>
<div class="cards" id="tracks">
<div class="card">
<div class="title">OS Basics & Linux</div>
<div class="person">
<span>Anant Jakhmola</span>
<span
class="tooltip-person"
flow="right"
tooltip="Contact this person in case of any doubts"
>
<i class="fas fa-info-circle"></i>
</span>
</div>
<div class="desc">
The Operating System is a vital component of the system
software in a computer system. An Operating System (OS) is a
collection of software that manages computer hardware
resources and provides common services for computer
programs. Linux is one of the most popular versions of UNIX
Operating System. It is open source as its source code is
freely available and is also free to use. Its functionality
list is quite similar to that of UNIX!
</div>
<a href="/tracks/linux/linux.html"> View Track </a>
</div>
<div class="card">
<div class="title">Web Development</div>
<div class="person">
<span>Aman Jagdev</span>
<span
class="tooltip-person"
flow="right"
tooltip="Contact this person in case of any doubts"
>
<i class="fas fa-info-circle"></i>
</span>
</div>
<div class="desc">
Web development refers to building, creating, and
maintaining websites. It includes aspects such as web
designing, web publishing, web programming, and database
management along with many types of web content creation.
Web Development is categorized in Two parts which is
Front-End development and Back-end development! Later on you
will be working on advanced libraries for front-end and
back-end such as ReactJS, NodeJS, ExpressJS etc...
</div>
<a href="/tracks/web/web.html"> View Track </a>
</div>
<div class="card">
<div class="title">Mobile Development</div>
<div class="person">
<span>Shashwat Joshi</span>
<span
class="tooltip-person"
flow="right"
tooltip="Contact this person in case of any doubts"
>
<i class="fas fa-info-circle"></i>
</span>
</div>
<div class="desc">
Flutter is a free and open-source mobile UI framework
created by Google and released in May 2017. Flutter is a
cross-platform UI toolkit that is designed to allow code
re-use across Operating Systems such as iOS and Android. The
goal is to enable developers to deliver high-performance
apps that feel natural on different platforms, embracing
differences where they exist while sharing as much code as
possible!
</div>
<a href="/tracks/mobile/mobile.html"> View Track </a>
</div>
<div class="card">
<div class="title">Machine Learning</div>
<div class="person">
<span>Ria Goel</span>
<span
class="tooltip-person"
flow="right"
tooltip="Contact this person in case of any doubts"
>
<i class="fas fa-info-circle"></i>
</span>
</div>
<div class="desc">
Machine learning is a method of data analysis that automates
analytical model building. It is a branch of artificial
intelligence based on the idea that systems can learn from
data, identify patterns and make decisions with minimal
human intervention(e.g. voice recognition and smart
assistants). It is also used in internet search engines,
E-mail filters to sort out spam websites to make
personalised recommendations, banking softwares to detect
unusual transactions.
</div>
<a href="/tracks/ml/ml.html"> View Track </a>
</div>
</div>
<!-- REGISTRATION -->
<div class="grid">
<section id="register">
<div class="header">
<h1>Register Now</h1>
<h2 class="bar"></h2>
</div>
<div class="main">
<div class="content">
<p>
30 Days of Dev. Under this program we have several
tracks :
</p>
<ul>
<li>💠 Web Dev</li>
<li>💠 Flutter</li>
<li>💠 Linux</li>
<li>💠 Machine Learning</li>
</ul>
<p>
These tracks have been made after an analysis of
several factors which will not only horizon the
scope of improvement, but also help in broadening
your knowledge and your peer group. We highly
recommend you to interact with the individuals
performing a similar track and support peer to peer
learning. Apart from this, as you all know we have
technical leads with us who will guide you
throughout the track. We have certain rules and
eligibility criteria which you will find in the
provided google form.
</p>
<p>
So, Register now to learn something new and sharpen
your skills for bright future!!!
</p>
</div>
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSfGGCbvH5UcQRpXGkg2VC6qL7pvtw9ibiiiQMZRlNaeZpuCqw/viewform?usp=sf_link"
target="_blank"
>
<button class="cta">Register Now</button>
</a>
</div>
</section>
<!-- INSTRUCTIONS -->
<section id="instructions">
<div class="header">
<h1>Instructions</h1>
<h2 class="bar"></h2>
</div>
<div class="main">
<ul>
<p>
For all those out there who find the program
interesting and are ready to work on this, there are
certain eligibility criteria as for you to follow :
</p>
<li>
Firstly, you have to start with filling the Google
form. While filling the form remember to be precise.
</li>
<li>
Next step you have to choose the track. Remember
when you are making a choice, you need to mentally
prepared that you are ready to devote your 30 days
in that domain. So be thoughtful.
</li>
<li>
After choosing the right track, you have to make a
GitHub Repo by the name of
<strong>30daysofdev</strong>.
</li>
<li>
When you are done with making the repo, start
working on this within the upcoming week latest by
16th February. The timeline is to be followed on a
serious note.
</li>
<li>
Incase of delay you won't be eligible for this
program. Another important thing which you should
keep in mind is to update readme files on a daily
basis.
</li>
<li>
The readme file should be maintained with proper
description of what changes you made on that day.
</li>
<li>
If you are working on a project make sure that all
the files should be kept in the above-mentioned
repository.
</li>
<li>
In case you opted for more than one track, you are advised
to make seperate branches for each of the chosen track.
e.g: if you chose web dev and ML, then make 2 branches
namely web_dev and ML.
</li>
<p>
You can also share your weekly progress on LinkedIn
(e.g : screenshot of GitHub wall) during the tenure
of 30 days.
</p>
</ul>
</div>
</section>
</div>
<div class="footer">
<span>© DSC GEU | 2021</span>
</div>
</body>
</html>