-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
538 lines (506 loc) · 29.2 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
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
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
<!--
Author: Jahnavi Prasad Srirampurapu
Author URL: https://github.com/jahnavi-prasad/portfolio
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="description" content="Welcome to the website of Jahnavi Prasad Srirampurapu. He is an Engineer by profession
and has a Bachelor's degree in Computer Sciences and Engineering. He published his first book at the age of 21.">
<meta name="keywords" content="Jahnavi, Prasad, Srirampurapu, lpu, engineer, lovely professional university, Gauls, walls, and, Alesia">
<meta name="author" content="Jahnavi Prasad Srirampurapu">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script>
window.onload = function() {
var loadTime = window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart;
console.log('Page load time is ' + loadTime);
}
</script>
<title>Jahnavi Prasad Srirampurapu</title>
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
<!-- web fonts -->
<link href="//fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">
<!-- /web fonts -->
</head>
<body>
<!-- header -->
<header class="w3l-header" id="header">
<div class="hero-header-11">
<div class="hero-header-11-content">
<div class="container">
<nav class="navbar navbar-expand-xl navbar-light py-sm-2 py-1 px-0">
<a class="navbar-brand editContent" href="index.html">Welcome!</a>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</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 fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#Projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#Works">Notable Works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#certifications">Trainings and Certifications</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#facts">Fun Facts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#contact">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</header>
<!-- //header -->
<!-- Main banner section -->
<section class="w3l-main-banner" id="banner">
<div class="companies20-content">
<div class="companies-wrapper">
<div class="item">
<li>
<div class="slider-info banner-view">
<div class="banner-info container">
<h3 class="banner-text"><small>Hello There! I’m</small><br> Jahnavi Prasad
</h3><br><br>
<p class="my-auto mb-auto">Data Scientist</p><br><br>
<p class="my-auto mb-auto">Writer</p><br><br>
<p class="my-auto mb-auto">Web Developer</p><br>
</div>
</div>
</li>
</div>
</div>
</div>
</section>
<!-- //Main banner section -->
<!-- About section -->
<div class="w3l-about1 pt-5" id="about">
<div class="container pt-lg-3">
<h3 class="global-title">About Me</h3>
<div class="aboutgrids row">
<div class="col-lg-6 aboutgrid2">
<img src="assets/images/about.jpg" alt="about image" class="img-fluid" />
</div>
<div class="col-lg-6 aboutgrid1 my-lg-0 my-5">
<h4>What makes me special?</h4>
<p>My name is Jahnavi Prasad Srirampurapu. I see the world from an cautiously optimistic and cyber centric point of view. <br> Engineer by profession, I graduated with Bachelor of Technology Honors. degree in Computer Sciences
and Engineering.</p>
<p>I have an innate passion for both Sciences and Arts. I published my first book at the age of 21. I also loved computers from young age, and taught myself Programming and Software
development, which in turn fuelled my interest to pursue a degree in Computer Sciences. <br><br> I'm just an engineer jumping at the oppurtunity to change the world.</p>
<a href="https://drive.google.com/file/d/1h2ZFM78sXs6SEyozBuf0ubpNvmQdhW7g/view?usp=sharing" class="btn btn-outline-primary p-3">View Resume</a>
</div>
</div>
</div>
<!-- //About section -->
<!-- Projects section -->
<section class="w3l-services2" id="Projects">
<div class="features-with-17_sur">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 features-with-17-left_sur">
</div>
<div class="col-lg-6 my-lg-0 my-5 align-self-center features-with-17-right_sur">
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1">
<span class="fa fa-laptop s4"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="https://github.com/jahnavi-prasad/portfolio">Personal Website</a></h6>
<p><a href="https://github.com/jahnavi-prasad/portfolio">A portfolio website that acts as my web resume,
to showcase my details, projects and talents.</a></p>
</div>
</div>
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1">
<span class="fa fa-car s5"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="https://github.com/jahnavi-prasad/RoadTripCarPrediction">Car Prediction for Road Trip</a></h6>
<p><a href="https://github.com/jahnavi-prasad/RoadTripCarPrediction">My first Data Science project. I did this
as part of Data Science Specialization offered by Johns Hopkins University through Coursera</a></p>
</div>
</div>
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1">
<span class="fa fa-video-camera s3"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="https://github.com/jahnavi-prasad/face-mask-detection">Face Mask Detection</a></h6>
<p><a href="https://github.com/jahnavi-prasad/face-mask-detection">A simple face mask detector using Deep Learning and Computer Vision to check if
a person is wearing a mask or not. I made this project during the Coronavirus pandemic in 2020.</a></p>
</div>
</div>
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1">
<span class="fa fa-medkit s2"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="https://github.com/jahnavi-prasad/Flood-Relief-Management-System">Flood Relief Management System</a></h6>
<p><a href="https://github.com/jahnavi-prasad/Flood-Relief-Management-System">Python based software that can be used by flood relief
shelters to store and update details of affected victims,
maintain an inventory of supplies and find flood affected areas through live maps.</a></p>
</div>
</div>
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1">
<span class="fa fa-mobile s3"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="https://github.com/jahnavi-prasad/fitness-calculator">Fitness calculator</a></h6>
<p><a href="https://github.com/jahnavi-prasad/fitness-calculator">A Python GUI based program that can calculate different
fitness parameters of its user based on their inputs.</a></p>
</div>
</div>
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1">
<span class="fa fa-gamepad s2"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="https://github.com/jahnavi-prasad/BalanceTheBall">Balance the Ball game</a></h6>
<p><a href="https://github.com/jahnavi-prasad/BalanceTheBall">A simple game made using Unity 3D. The user
controls a ball with help of the arrow keys on the keyboard and must make the ball cross all obstacles and reach
the finish point to win the game</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //Projects section -->
<!-- Works section -->
<section class="w3l-index6" id="Works">
<div class="features-with-17_sur py-5">
<div class="container py-lg-3">
<h3 class="global-title my-title">Notable Works</h3>
<div class="features-with-17-top_sur">
<div class="row">
<div class="col-lg-4 col-md-6 mt-md-0 mt-4">
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1">
<span class="fa fa-pencil" aria-hidden="true"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="https://happenings.lpu.in/author/jahnavi-prasad/">Student Journalist</a></h6>
<p>I work as a student journalist for my University's news website
<a href="https://happenings.lpu.in/">Happenings@lpu</a>
<br><br>As part of this job, I write engrossing articles about various activities and events in and around my university. I also write on generic topics that are relatable and useful for university students
and faculty as a whole.
<a href="https://happenings.lpu.in/author/jahnavi-prasad/">A collection of my articles can be found here.</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-md-0 mt-5">
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1">
<span class="fa fa-mortar-board" aria-hidden="true"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="https://www.udemy.com/user/jahnavi-prasad-2/">Udemy Instructor</a></h6>
<p>I have created and published an Online Course on Udemy through which I have taught 1500+ students across 101 countries. <br><br> The course
<a href="https://www.udemy.com/course/python-packages-with-pypi/">Python Packages with PyPI</a> explains the process of creating one's own Python packages, publishing them on the pypi.org package repository
and finally installing and using the published packages. </p>
</div>
</div>
</div>
<div class="col-lg-4 offset-md-3 offset-lg-0 col-md-6 mt-lg-0 mt-5">
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1">
<span class="fa fa-book" aria-hidden="true"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="http://jahnaviprasad.tech/book">My Book</a></h6>
<p>My first book Gauls Walls and Alesia is published and available on <a href="https://www.amazon.com/Gauls-Alesia-Jahnavi-Prasad-Srirampurapu-ebook/dp/B08R26QZV9/">Amazon</a> and <a href="https://store.pothi.com/book/jahnavi-prasad-srirampurapu-gauls-walls-and-alesia/">pothi.com</a> in E-Book and Paperback formats.<br><br> It is an ancient war drama describing the events of most intelligent battle in human history. <br><br>My second book is a work in progress.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //Works section -->
<!-- Intro video popup section -->
<section class="w3l-index5" id="intro">
<div class="new-block top-bottom">
<div class="container">
<div class="middle-section text-center">
<div class="section-width mb-5">
<h2>Read my book now!</h2>
</div>
<a href="book.html">
<span class="video-play-icon">
<span class="fa fa-book"></span>
</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- //Intro video popup section -->
<!-- Work gallery section -->
<div class="w3l-gallery2" id="certifications">
<div class="insta-picks py-5">
<div class="container py-lg-5">
<h3 class="global-title">Trainings and Certifications</h3>
<div class="row no-gutters masonry">
<div class="col-md-4 col-sm-6 brick">
<a href="assets/images/g1.jpg" class="js-img-viwer d-block" data-caption="Certificate 1" data-id="Certificate 1">
<img src="assets/images/g1.jpg" class="img-fluid insta-pic" alt="insta-pic" />
<div class="content-overlay"></div>
<div class="content-details fadeIn-top">
<h4>Data Science   Professional Certificate</h4>
<p>IBM</p>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 brick">
<a href="assets/images/g2.jpg" class="js-img-viwer d-block" data-caption="Certificate 2" data-id="Certificate 2">
<img src="assets/images/g2.jpg" class="img-fluid insta-pic" alt="insta-pic" />
<div class="content-overlay"></div>
<div class="content-details fadeIn-top">
<h4>Advanced Data Science</h4>
<p>IBM</p>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 brick">
<a href="assets/images/g3.jpg" class="js-img-viwer d-block" data-caption="Certificate 3" data-id="Certificate 3">
<img src="assets/images/g3.jpg" class="img-fluid insta-pic" alt="insta-pic" />
<div class="content-overlay"></div>
<div class="content-details fadeIn-top">
<h4>Deep Learning Specialization</h4>
<p>Deeplearning.AI</p>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 brick">
<a href="assets/images/g4.jpg" class="js-img-viwer d-block" data-caption="Certificate 4" data-id="Certificate 4">
<img src="assets/images/g4.jpg" class="img-fluid insta-pic" alt="insta-pic" />
<div class="content-overlay"></div>
<div class="content-details fadeIn-top">
<h4>Dynamic Public Speaking</h4>
<p>University of Washington</p>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 brick">
<a href="assets/images/g5.jpg" class="js-img-viwer d-block" data-caption="Certificate 5" data-id="Certificate 5">
<img src="assets/images/g5.jpg" class="img-fluid insta-pic" alt="insta-pic" />
<div class="content-overlay"></div>
<div class="content-details fadeIn-top">
<h4>Data Structures  and Algorithms</h4>
<p>Geeks for Geeks</p>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 brick">
<a href="assets/images/g6.jpg" class="js-img-viwer d-block" data-caption="Certificate 6" data-id="Certificate 6">
<img src="assets/images/g6.jpg" class="img-fluid insta-pic" alt="insta-pic" />
<div class="content-overlay"></div>
<div class="content-details fadeIn-top">
<h4>Human Resource Management</h4>
<p>University of Minnesota</p>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 brick">
<a href="assets/images/g7.jpg" class="js-img-viwer d-block" data-caption="Certificate 7" data-id="Certificate 7">
<img src="assets/images/g7.jpg" class="img-fluid insta-pic" alt="insta-pic" />
<div class="content-overlay"></div>
<div class="content-details fadeIn-top">
<h4>Google IT Support Professional Certificate</h4>
<p>Google</p>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 brick">
<a href="assets/images/g8.jpg" class="js-img-viwer d-block" data-caption="Certificate 8" data-id="Certificate 8">
<img src="assets/images/g8.jpg" class="img-fluid insta-pic" alt="insta-pic" />
<div class="content-overlay"></div>
<div class="content-details fadeIn-top">
<h4>Block Chain Specialization</h4>
<p>University of Buffalo</p>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 brick">
<a href="assets/images/g9.jpg" class="js-img-viwer d-block" data-caption="Certificate 9" data-id="Certificate 9">
<img src="assets/images/g9.jpg" class="img-fluid insta-pic" alt="insta-pic" />
<div class="content-overlay"></div>
<div class="content-details fadeIn-top">
<h4>Big Data Specialization</h4>
<p>UC San Diego</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- //Work gallery section -->
<!-- Fun facts section -->
<section class="w3l-index2" id="facts">
<div class="main-w3 py-5">
<div class="container py-lg-3">
<h3 class="global-title">Fun Facts</h3>
<div class="row main-cont-wthree-fea text-center">
<div class="col-lg-3 col-6 mt-4">
<div class="grids-speci1">
<span class="fa fa-code" aria-hidden="true"></span>
<h3 class="title-spe"><a href="index.html">40k+</a></h3>
<p>Lines of code written</p>
</div>
</div>
<div class="col-lg-3 col-6 mt-4">
<div class="grids-speci1">
<span class="fa fa-coffee" aria-hidden="true"></span>
<h3 class="title-spe">2000+</h3>
<p>Cups of Coffee drank</p>
</div>
</div>
<div class="col-lg-3 col-6 mt-4">
<div class="grids-speci1">
<span class="fa fa-trophy" aria-hidden="true"></span>
<h3 class="title-spe">15</h3>
<p>Projects Done</p>
</div>
</div>
<div class="col-lg-3 col-6 mt-4">
<div class="grids-speci1">
<span class="fa fa-bug" aria-hidden="true"></span>
<h3 class="title-spe">10k+</h3>
<p>Bugs Squashed</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //Fun facts section -->
<!-- contact -->
<section class="w3l-grid-quote py-5" id="contact">
<div class="container py-lg-3">
<h3>Let's work together indeed!</h3>
<h6>If you liked my work or have any questions, please feel free to drop me an email</h6>
<a href="mailto:[email protected]" class="follow-insta-button btn btn-secondary p-3 mt-5" target="_blank">Say Hi!</a>
<a href="https://www.linkedin.com/in/jahnaviprasad/" class="follow-insta-button btn btn-secondary p-3 mt-5" target="_blank">LinkedIn</a>
<a href="https://github.com/jahnavi-prasad" class="follow-insta-button btn btn-secondary p-3 mt-5" target="_blank">Github</a>
</div>
</section>
<!-- //contact -->
<!-- Footer -->
<footer class="w3l-footer" id="footer">
<div id="footers14-block" class="py-3">
<div class="container">
<div class="footers14-bottom text-center">
<div class="social">
<a href="https://github.com/jahnavi-prasad" class="github"><span class="fa fa-github" aria-hidden="true"></span></a>
<a href="mailto:[email protected]" class="email"><span class="fa fa-send-o" aria-hidden="true"></span></a>
<a href="https://www.linkedin.com/in/jahnaviprasad/" class="twitter"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
<a href="https://www.instagram.com/theoneyoucanneverknow/" class="instagram"><span class="fa fa-instagram" aria-hidden="true"></span></a>
</div>
<div class="copyright mt-1">
<p>Designed by <a href="index.html">Jahnavi Prasad Srirampurapu</a> |
<a href="https://github.com/jahnavi-prasad/portfolio">Source Code</a></p>
</div>
</div>
</div>
</div>
<!-- move top -->
<button onclick="topFunction()" id="movetop" title="Go to top">
<span class="fa fa-angle-up" aria-hidden="true"></span>
</button>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("movetop").style.display = "block";
} else {
document.getElementById("movetop").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<!-- /move top -->
</footer>
<!-- Footer -->
<!-- jQuery and Bootstrap JS -->
<script src="assets/js/jquery-3.4.1.slim.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- Template JavaScript -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
$('.popup-with-move-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-slide-bottom'
});
});
</script>
<!-- disable body scroll which navbar is in active -->
<script>
$(function() {
$('.navbar-toggler').click(function() {
$('body').toggleClass('noscroll');
})
});
</script>
<!-- disable body scroll which navbar is in active -->
<script src="assets/js/smartphoto.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const sm = new SmartPhoto(".js-img-viwer", {
showAnimation: false
});
// sm.destroy();
});
</script>
</body>
</html>