-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
448 lines (385 loc) · 16.8 KB
/
index.html
File metadata and controls
448 lines (385 loc) · 16.8 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
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
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Adarsh Menon</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link
href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i"
rel="stylesheet">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/resume.min.css" rel="stylesheet">
<!-- Custom style -->
<link href="css/style.css" rel="stylesheet">
<style>
.submit-before {
background-color: #343a40 !important;
color: white;
}
.submit-success {
background-color: #38bd5d !important;
transition: background-color 0.5s linear;
}
</style>
</head>
<body id="page-top">
<div class="container">
<svg class="loader" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 340 340">
<circle cx="170" cy="170" r="160" stroke="#E2007C" />
<circle cx="170" cy="170" r="135" stroke="#404041" />
<circle cx="170" cy="170" r="110" stroke="#E2007C" />
<circle cx="170" cy="170" r="85" stroke="#404041" />
</svg>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top"
id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Adarsh Menon</span>
<span class="d-none d-lg-block">
<img class="img-fluid img-profile rounded-circle mx-auto mb-2"
src="img/profile.jpg" alt="">
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger"
href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#interests">Interests</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger"
href="#newsletter">Newsletter</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid p-0">
<section class="resume-section p-3 p-lg-5 d-flex d-column" id="about">
<div class="my-auto">
<h1 class="mb-0">Adarsh
<span class="text-primary">Menon</span>
</h1>
<div class="subheading mb-5">Computer Science Engineering Student ·
Ernakulam, Kerala, India · (+91) 9446369043 ·
<a href="mailto:adarsh1021@gmail.com">adarsh1021@gmail.com</a>
</div>
<p class="lead mb-5">To bring technology to the masses, simplify user
experience and use it for the betterment of the world.</p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/adarsh-menon-739573146/"
target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://github.com/adarsh1021/" target="_blank">
<i class="fab fa-github"></i>
</a>
<a href="https://twitter.com/adarsh_menon_" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.instagram.com/adarsh_menon_/" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.youtube.com/channel/UC2qFcoh1JXDwkzuXFWRPtfg"
target="_blank">
<i class="fab fa-youtube"></i>
</a>
<a href="https://medium.com/@adarsh_menon_" target="_blank">
<i class="fab fa-medium-m"></i>
</a>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex flex-column"
id="experience">
<div class="my-auto">
<h2 class="mb-5">Experience</h2>
<div class="resume-item d-flex flex-column flex-md-row mb-5">
<div class="resume-content mr-auto">
<h3 class="mb-0">Engineering Intern</h3>
<div class="subheading mb-3"><a href="https://35brands.com"
target="_blank">35brands.com</a></div>
<p>Building an online shopping platform that consolidates data from
apparel brands, aggregates it based on quality/fit, and recommends
products that are prioritized based on user preferences. Launched
two iterations, received feedback from target users and currently
working on third iteration. <br>Project Tools: Django, Scrapy,
Bootstrap, CSS, Javascript, MySQL, GitLab</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">April 2017 - Present</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row mb-5">
<div class="resume-content mr-auto">
<h3 class="mb-0">YouTube Creator</h3>
<div class="subheading mb-3"><a
href="https://www.youtube.com/channel/UC2qFcoh1JXDwkzuXFWRPtfg"
target="_blank">Check out my channel !</a></div>
<p>Sharing tutorials mainly about implementing various machine
learning methods, with a practical approach. The goal is to
introduce advanced concepts and techniques in the most beginner
friendly way possible. </p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">April 2018 - Present</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row mb-5">
<div class="resume-content mr-auto">
<h3 class="mb-0">Srishti 2015</h3>
<div class="subheading mb-3">Head Coordinator</div>
<p>Our school was lacking an inter school cultural festival. We took
the initiative to organize and conduct the festival for the first
time in 25 years. My role as head coordinator was to make sure
every committee was working properly, all the arrangements for the
festival were made in time and coordinate everything with the
school authorities. 11 major schools in Trivandrum participated
and the event had positive reviews and was a big success.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">July 2015</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row mb-5">
<div class="resume-content mr-auto">
<h3 class="mb-0">Saraswathi Vidyalaya</h3>
<div class="subheading mb-3">Student Coordinator</div>
<p>The prefectorial board of the school requires a student
coordinator, to organize and ensure the smooth functioning of
events and organize the students and assign responsibilities. I
got the chance to interact with a lot of students, teachers,
school authorities, other staff as well as the guests who came for
the various events.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">June 2014 - March 2016</span>
</div>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex flex-column" id="projects">
<div class="my-auto">
<h2 class="mb-5">Projects</h2>
<div class="resume-item d-flex flex-column flex-md-row mb-5">
<div class="resume-content mr-auto">
<h3 class="mb-0">Neural Cloning <a
href="https://github.com/adarsh1021/" target="_blank"><i
class="fab fa-github"></i></a></h3>
<div>Project Tools: Django, Scrapy, Bootstrap, CSS, Javascript,
MySQL, GitLab</div>
<p>Building an online shopping platform that consolidates data from
apparel brands, aggregates it based on quality/fit, and recommends
products that are prioritized based on user preferences. Launched
two iterations, received feedback from target users and currently
working on third iteration.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">September 2018 - Present</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row">
<div class="resume-content mr-auto">
<h3 class="mb-0">Arduino Projects</h3>
<p>Successfully built and programmed Arduino based quadcopter, line
following robot and remote controlled robot for Excel 2017,
RoboRave India 2016 and Excel 2016 respectively. We were a team of
4 and the three projects involved working with various sensors,
motors and transreceivers, and building them from scratch. </p>
</div>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex flex-column"
id="education">
<div class="my-auto">
<h2 class="mb-5">Education</h2>
<div class="resume-item d-flex flex-column flex-md-row mb-5">
<div class="resume-content mr-auto">
<h3 class="mb-0">Govt. Model Engineering College</h3>
<div class="subheading mb-3">Computer Science and Engineering</div>
<p>SGPA: 8.84 (Up to Semester 4)</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">August 2016 - Present<br>Ernakulam,
Kerala</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row">
<div class="resume-content mr-auto">
<h3 class="mb-0">Saraswathi Vidyalaya</h3>
<div class="subheading mb-3">High School</div>
<div>Major: Physics, Chemistry, Mathematics and Computer Science
</div>
<p>Percentage: 95%</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">June 2014 - March 2016<br>Trivandrum,
Kerala</span>
</div>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex flex-column" id="skills">
<div class="my-auto">
<h2 class="mb-5">Skills</h2>
<div class="resume-item d-flex flex-column flex-md-row mb-5">
<div class="resume-content mr-auto">
<p style="font-size: 24px;">I understand the challenges of working
remotely. Here are a few things I am good at: </p>
<div class="subheading mb-3">Communication</div>
<p>I realize the importance of good communication and always make
sure that we are on the same page.</p>
<div class="subheading mb-3">Organization</div>
<p>I believe it's important to stay organized while working
remotely. I make sure that projects are moving on-track and follow
the sepcified timeline. </p>
<div class="subheading mb-3">Collaboration</div>
<p>I am happy to integrate into your existing team to help get your
project implemented. </p>
<div class="subheading mb-3">Documentation</div>
<p>Often overlooked, I think it is incredibly important to leave
clients with a clear picture of what's been done for the next
round of development. </p>
</div>
</div>
<div class="subheading mb-3"></div>
<div class="subheading mb-3">Programming Languages & Tools</div>
<strong>Languages: </strong>Python, C/C++, Java<br>
<strong>Web: </strong>Django, CSS, Bootstrap, Javascript, MySQL, GCP,
AWS<br>
<strong>Platforms: </strong>Tensorflow, Keras, GitHub, Dialogflow,
Firebase, Android Studio, Arduino<br>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex flex-column"
id="interests">
<div class="my-auto">
<h2 class="mb-5">Interests</h2>
<p>I enjoy travelling and photography. Last summer, I got the
opportunity to visit New York City. <a
href="https://www.instagram.com/adarsh_menon_/"
target="_blank">Check out some of my shots of the city!</a><br>I
also love reading and thinking about new ideas.<br>When I get some
extra time, I also enjoy playing the guitar.</p>
</div>
</section>
<section class="resume-section p-3 p-lg-5 d-flex flex-column"
id="newsletter">
<div class="my-auto">
<div class="row">
<div class="col col-md-6 col-sm-12">
<form id="signUpForm">
<h2 class="mb-5">Subscribe to my Newsletter</h2>
<div class="form-group">
<label for="exampleInputEmail1">Name</label>
<input type="text" class="form-control form-control-lg"
id="userName" placeholder="Your name" required>
</div>
<div class="form-group">
<label for="userEmail">Email address</label>
<input type="email" class="form-control form-control-lg"
id="userEmail" aria-describedby="emailHelp"
placeholder="Your email" required>
<small id="emailHelp" class="form-text text-muted">Your email is
stored securely, and will never be shared anywhere :)</small>
</div>
<input id="btnSubmit" type="submit" value="Sign Up !"
class="btn btn-lg mt-3 submit-before"
style="border: none; width: 100%;">
</form>
<div>
<h2 id="thankYouText" style="display: none;">
</h2>
</div>
</div>
</div>
</div>
</section>
</div>
</body>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/resume.min.js"></script>
<!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
<script
src="https://www.gstatic.com/firebasejs/7.14.1/firebase-app.js"></script>
<!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->
<script
src="https://www.gstatic.com/firebasejs/7.14.1/firebase-analytics.js"></script>
<script
src="https://www.gstatic.com/firebasejs/7.14.1/firebase-database.js"></script>
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyDAZWikd5FnARW1jD-sxCORRFVcMPB4KaU",
authDomain: "doning-32312.firebaseapp.com",
databaseURL: "https://doning-32312.firebaseio.com",
projectId: "doning-32312",
storageBucket: "doning-32312.appspot.com",
messagingSenderId: "707507672279",
appId: "1:707507672279:web:b721c35381cdc65bd28c92",
measurementId: "G-BD6PT1G00H"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
$(document).ready(function () {
// Get a reference to the database service
var ref = firebase.database().ref("/subscribers");
$("#signUpForm").on("submit", function (e) {
e.preventDefault();
var name = $("#userName").val();
var email = $("#userEmail").val();
ref.push({
name: name,
email: email,
timestamp: new Date().toISOString()
});
$("#thankYouText").html(`Thank you <span class='text-primary'>${name.split(' ')[0]}</span> for subscribing !`)
$("#signUpForm").fadeOut(300, function () {
$("#thankYouText").fadeIn(500);
});
})
});
</script>
</html>