-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
676 lines (585 loc) · 38.7 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
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/experienceEducation.css">
<link rel="stylesheet" href="assets/css/projects.css">
<link rel="icon" href="assets/favicon.ico">
<!-- =====BOX ICONS===== -->
<link href='https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<title>Lavisha Bhambri</title>
</head>
<body>
<!--===== HEADER =====-->
<header class="l-header">
<nav class="nav bd-grid">
<div>
<a href="#" class="nav__logo"><span class="text-highlight my_name">Lavisha</span></a>
</div>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item"><a href="#home" class="nav__link active">Home</a></li>
<li class="nav__item"><a href="#about" class="nav__link">About</a></li>
<li class="nav__item"><a href="#skills" class="nav__link">Skills</a></li>
<li class="nav__item"><a href="#experience" class="nav__link">Experience</a></li>
<li class="nav__item"><a href="#education" class="nav__link">Education</a></li>
<li class="nav__item"><a href="#work" class="nav__link">Work</a></li>
<li class="nav__item"><a href="#contact" class="nav__link">Contact</a></li>
</ul>
</div>
<div class="nav__toggle" id="nav-toggle">
<i class='bx bx-menu'></i>
</div>
</nav>
</header>
<main class="l-main">
<!--===== HOME =====-->
<section class="home bd-grid" id="home">
<div class="home__data">
<h1 class="home__title home__title_more_color">Hi,<br>I'am <span class="home__title-color">Lavisha Bhambri</span><br> Web & ML Enthusiast</h1>
<!-- <h1 class="home__title home__title_more_color">Hi,<br>I'am <span class="home__title-color">Lavisha Bhambri</span><br> & ML Enthusiast</h1> -->
<a href="#contact" class="button">Contact</a>
<a style="margin-left: 20px;" href="https://drive.google.com/file/d/1JsXst57JJPG_Ohy76IdG2S4QA46r5E-T/view?usp=sharing" class="button" download="LavishaBhambri_CV">CV</a>
<!-- <a href="#contact" class="button">CV</a> -->
</div>
<div class="home__social">
<a href="https://www.linkedin.com/in/lavisha-bhambri-630384196/" class="home__social-icon"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/lavishabhambri" class="home__social-icon"><i class="fab fa-github"></i></a>
<a href="mailto:bhambrilavisha@gmail.com" class="home__social-icon"><i class="fas fa-envelope"></i></a>
<a href="https://twitter.com/BhambriLavisha" class="home__social-icon"><i class="fab fa-twitter"></i></a>
<a href="https://bhambrilavisha.medium.com/" class="home__social-icon"><i class="fab fa-medium-m"></i></a>
</div>
<div class="home__img">
<img src="assets/img/lavisha.png" alt="">
</div>
</section>
<!--===== ABOUT =====-->
<section class="about section " id="about">
<h2 class="section-title"><span class="text-highlight"></span>About</h2>
<div class="about__container bd-grid">
<div class="about__img">
<img src="assets/img/lavisha_about.jpeg" alt="">
</div>
<div>
<h2 class="about__subtitle">I'am <span class="text-highlight-2">Lavisha Bhambri</span></h2>
<p style="color:#dddddd;" class="about__text">I am in my Sophomore year, pursuing B.Tech in CSE at <span class="text-highlight-2">IIIT Hyderabad</span>. I got selected as a <span class="text-highlight-2">WTEF Scholar'2021</span> under top 50 out of 27,643 female undergraduates.</p>
<p style="color:#dddddd;" class="about__text">I also got selected as a <span class="text-highlight-2">GHC Scholar'2021</span> among the top 250 women scholars.</p>
<p style="color:#dddddd;" class="about__text">I am a <span class="text-highlight-2">Mernstack developer</span>. I have mostly worked in C, C++, Python and Javascript. I have experience in basics of Machine Learning algos. I also do CP in C++ and data structures.</p>
<p style="color:#dddddd;" class="about__text">Apart from programming, I love to cook food & read blogs regarding technologies & designing.</p>
</div>
</div>
</section>
<!--===== SKILLS =====-->
<section class="skills section" id="skills">
<h2 class="section-title">Skills</h2>
<p class="skills-text">I am proficient in <span class="text-highlight-2">C, C++, Javascript, Python and DSA</span>. Also I'm pretty familiar with Mernstack Web Development & Machine Learning. I have won some various national level hackathons like <span class="text-highlight-2">ExecuteDTU, Electrothon, Hack&Wellness</span>.</p>
<div class="skills__container bd-grid">
<div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 30px;height: 30px;"class="iconify" data-icon="vscode-icons:file-type-html" data-inline="false"></span>
<span class="skills__name">  HTML5</span>
</div>
<div class="skills__bar" data-bar-width="95">
</div>
<div>
<span class="skills__percentage">95%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 30px;height: 30px;" class="iconify" data-icon="vscode-icons:file-type-css" data-inline="false"></span>
<span class="skills__name">  CSS3</span>
</div>
<div class="skills__bar" data-bar-width="85">
</div>
<div>
<span class="skills__percentage">85%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 27px;height: 27px;"class="iconify" data-icon="logos:javascript" data-inline="false"></span>
<span class="skills__name">  JAVASCRIPT</span>
</div>
<div class="skills__bar" data-bar-width="65">
</div>
<div>
<span class="skills__percentage">65%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 30px;height: 30px;"class="iconify" data-icon="logos-bootstrap" data-inline="false"></span>
<span class="skills__name">  Bootstrap</span>
</div>
<div class="skills__bar" data-bar-width="85">
</div>
<div>
<span class="skills__percentage">85%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 30px;height: 30px;" class="iconify" data-icon="simple-icons:canva" data-inline="false"></span>
<!-- <span class="iconify" data-icon="noto-v1:paintbrush" data-inline="false"></span> -->
<span class="skills__name">  Canva</span>
</div>
<div class="skills__bar" data-bar-width="85">
</div>
<div>
<span class="skills__percentage">85%</span>
</div>
</div>
</div>
<div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 30px;height: 30px;" class="iconify" data-icon="logos:c-plusplus" data-inline="false"></span>
<span class="skills__name">   C/C++</span>
</div>
<div class="skills__bar" data-bar-width="85">
</div>
<div>
<span class="skills__percentage">85%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 30px;height: 30px;" class="iconify" data-icon="logos:python" data-inline="false"></span>
<span class="skills__name">   Python</span>
</div>
<div class="skills__bar" data-bar-width="85">
</div>
<div>
<span class="skills__percentage">85%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 30px;height: 30px;" class="iconify" data-icon="noto-v1:paintbrush" data-inline="false"></span>
<span class="skills__name">  UX/UI</span>
</div>
<div class="skills__bar" data-bar-width="85">
</div>
<div>
<span class="skills__percentage">85%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 30px;height: 30px; color: lightgreen;" class="iconify" data-icon="carbon:machine-learning-model" data-inline="false"></span>
<!-- <span style="width: 30px;height: 30px;" class="iconify" data-icon="carbon:machine-learning-model" data-inline="false" style="color: blue;"></span> -->
<span class="skills__name">  Machine Learning</span>
</div>
<div class="skills__bar" data-bar-width="65">
</div>
<div>
<span class="skills__percentage">65%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<span style="width: 30px;height: 30px;" class="iconify" data-icon="logos:git-icon" data-inline="false"></span>
<!-- <span class="iconify" data-icon="logos:github-octocat" data-inline="false"></span> -->
<span class="skills__name">  Git & Github</span>
</div>
<div class="skills__bar" data-bar-width="75">
</div>
<div>
<span class="skills__percentage">75%</span>
</div>
</div>
</div>
</div>
</section>
<!-- Experience Section -->
<section id="experience" style="margin-top: 40px;">
<h1 style="text-align:center;">
<span>
<i style="font-size: 2.5rem; color: #d53567;" class="fas fa-briefcase"></i>
</span>
<span class="expEdu-title"> Experience </span>
</h1>
<div class="timeline">
<div class="timeline-box left ">
<div class="timeline-container">
<h3 class="experience-designation m0 m-blue"> Software Engineer Intern </h3>
<h4 class="experience-company-name"> Digital Product School by UnternehmerTUM</h4>
<h5 class="experience-duration m0"> Sept,2021 - Dec,2021 </h5>
<p class="experience-description text-align-justify">Developing prototype for Digital Product in team of four to solve real customer problem via Agile methodology.</p>
</div>
</div>
<div class="timeline-box right">
<div class="timeline-container">
<h3 class="experience-designation m0 m-blue"> WTEF Scholar'21 </h3>
<h4 class="experience-company-name"> Google, Talentsprint </h4>
<h5 class="experience-duration m0"> April,2021 - Present </h5>
<p class="experience-description text-align-justify">Received 100% Scholarship under top 50 out of 27,643
particpants.</p>
</div>
</div>
<div class="timeline-box left ">
<div class="timeline-container">
<h3 class="experience-designation m0 m-blue"> Volunteer </h3>
<h4 class="experience-company-name"> Women Who Code, Hyderabad </h4>
<h5 class="experience-duration m0"> April,2021 - Present </h5>
<p class="experience-description text-align-justify">Organised open source events, designed event posters & social media outreach.</p>
</div>
</div>
<!-- <div class="timeline-box left ">
<div class="timeline-container">
<h3 class="experience-designation m0 m-blue"> Participant </h3>
<h4 class="experience-company-name"> Girlscript Summer Of Code'21 </h4>
<h5 class="experience-duration m0"> March,2021 - Present </h5>
<p class="experience-description text-align-justify"> Designed wireframe in Balsamiq & UI/UX design in AdobeXD for the Desgen Project. </p>
</div>
</div> -->
<div class="timeline-box right">
<div class="timeline-container">
<h3 class="experience-designation m0 m-blue"> Alpha MLSA </h3>
<h4 class="experience-company-name"> Microsoft </h4>
<h5 class="experience-duration m0"> Jan,2021 - Present </h5>
<p class="experience-description text-align-justify"> Selected as Microsoft Learn Student Ambassador & currently completed the Aplha Milestone.</p>
</div>
</div>
<div id="timeline-divider">
<div class="timeline-traveller">
<div>
<i class="fas fa-plane" style="font-size: 2rem;"></i>
</div>
</div>
</div>
</div>
</section>
<section id="education"style="margin-top: 100px;">
<h1 style="text-align:center;">
<span>
<i style="font-size: 2.5rem; color: #d53567;"class="fas fa-graduation-cap"></i>
</span>
<span class="expEdu-title mb75px"> Education </span>
</h1>
<div class="timeline">
<div class="timeline-box left ">
<div class="timeline-container">
<h3 class="experience-designation m0 m-blue"> Bachelor of Technology </h3>
<h4 class="experience-company-name "> IIIT Hyderabad </h4>
<h5 class="experience-duration m0"> Nov, 2020 - Present </h5>
<p class="experience-description text-align-justify">>> Branch - Computer Science & Engineering</p>
<p class="experience-description text-align-justify">>> CGPA - 9.08</p>
<p class="experience-description text-align-justify">>> Google Developer Student Club Lead at IIITH.</p>
<p class="experience-description text-align-justify">>> Technical & Outreach team member at OSDG, IIITH.</p>
</div>
</div>
<div class="timeline-box right ">
<div class="timeline-container">
<h3 class="experience-designation m0 m-blue"> Sr. Secondary Education </h3>
<h4 class="experience-company-name "> Modern Vidya Niketan Sr.Sec School </h4>
<h5 class="experience-duration m0"> Apr, 2017 - May, 2019 </h5>
<p class="experience-description text-align-justify">>> Achieved silver medal for 2nd rank at State Level NSO Olympiad in 2018.</p>
<p class="experience-description text-align-justify">>> Bagged a rank of 1578 in JEE Mains Exam out of 9.34 lakh students.</p>
<p class="experience-description text-align-justify">>> Achieved 2nd rank at school level in CBSE Boards in grade 12th.</p>
<p class="experience-description text-align-justify">>> Percentage - 96.80%</p>
</div>
</div>
<div class="timeline-box left ">
<div class="timeline-container">
<h3 class="experience-designation m0 m-blue"> Secondary Education </h3>
<h4 class="experience-company-name "> Tagore Academy Public School </h4>
<h5 class="experience-duration m0"> Apr, 2015 - May, 2017 </h5>
<p class="experience-description text-align-justify">>> Achieved 2nd Rank in team among 200 schools from all over DELHI-NCR region. </p>
<p class="experience-description text-align-justify">>> Received a scholarship of Rs.36,000 as the top 500 participants in NTSE exam from the Haryana State Government.</p>
<p class="experience-description text-align-justify">>> CGPA - 10</p>
</div>
</div>
<div id="timeline-divider">
<div class="timeline-traveller">
<div>
<i class="fas fa-car-side" style="font-size: 2rem;"></i>
</div>
</div>
</div>
</div>
</section>
<!--===== WORK =====-->
<section class="work section" id="work" >
<h2 class="section-title">Work</h2>
<!-- PROJECT -->
<div class="blog-post " style="margin-top: 10vh;">
<div class="blog-post__img" style="height: 10%;">
<img src="assets/img/Codefry.png" alt="">
</div>
<div class="blog-post__info ">
<h1 class="blog-post__title">Codefry </h1>
<p class="blog-post__text">
<span class="text-highlight-2">Codefry</span> is a MernStack Web Application, based upon the user’s Codeforces profile handles, helps programmers to code together and eases their tasks in the online schedule.
</p>
<div style="margin-bottom: 10px;"class="technologies">
<p class="project-technologies">>> Frontend- HTML, CSS, Bootstarp, Flexbox, Javascript</p>
<p class="project-technologies">>> Backend- ejs, Express.js, Node.js</p>
<p class="project-technologies">>> Frameworks- React</p>
<p class="project-technologies">>> Database- MongoDB, Atlas</p>
<p class="project-technologies">>> Socket.io, WebRTC, Peer.js Library</p>
</div>
<div class="d-flex justify-content-around ">
<div>
<ul style="margin-bottom: 20px;" class="project-icons">
<li><a class="github" href="https://github.com/lavishabhambri/CodeFry"><i class="fab fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PROJECT -->
<div class="blog-post " style="margin-top: 10vh;">
<div class="blog-post__img" style="height: 10%;">
<img src="assets/img/PhonePocket.png" alt="">
</div>
<div class="blog-post__info ">
<h1 class="blog-post__title">Phone Pocket </h1>
<p class="blog-post__text">
<span class="text-highlight-2">Phone Pocket</span> is a Mernstack Web Application that allows users to maintain their contacts. It doesn't need any local storage of the user. The website can be run anywhere, either on a mobile phone or desktop.
</p>
<div style="margin-bottom: 10px;"class="technologies">
<p class="project-technologies">>> Frontend- HTML, CSS, Bootstarp, Flexbox, Javascript</p>
<p class="project-technologies">>> Backend- Node.js</p>
<p class="project-technologies">>> Frameworks- React.js</p>
<p class="project-technologies">>> Database- MongoDB Atlas</p>
</div>
<div class="d-flex justify-content-around ">
<div>
<ul style="margin-bottom: 20px;" class="project-icons">
<li><a class="github" href="https://github.com/lavishabhambri/Phone-Pocket-App"><i class="fab fa-github"></i></a></li>
<li><a class="github" href="https://phone-pocket.netlify.app/"><i class="fas fa-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PROJECT -->
<div class="blog-post " style="margin-top: 10vh;">
<div class="blog-post__img" style="height: 10%;">
<img src="assets/img/checkers.png" alt="">
</div>
<div class="blog-post__info ">
<h1 class="blog-post__title">8X8 Checkers </h1>
<p class="blog-post__text">
<span class="text-highlight-2">8X8 Checkers</span> is a fully functional terminal Game that has 2 players with multiple features like Undo Moves, Review, Show all possible moves, double capture, exit, etc.
</p>
<div style="margin-bottom: 10px;"class="technologies">
<p class="project-technologies">>> Programming Languages - C, Data Structures & algorithms.</p>
</div>
<div class="d-flex justify-content-around ">
<div>
<ul style="margin-bottom: 20px;" class="project-icons">
<li><a class="github" href="https://github.com/esh04/Checkers"><i class="fab fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PROJECT-->
<div class="blog-post " style="margin-top: 10vh;">
<div class="blog-post__img" style="height: 10%;">
<img src="assets/img/PratibhaWebApp.png" alt="">
</div>
<div class="blog-post__info ">
<h1 class="blog-post__title">Pratibha WebApp </h1>
<p class="blog-post__text">
<span class="text-highlight-2">Pratibha</span> is a awareness-healthcare webapp for the women to fight one on one with PCOS & builds a women-community across the globe. It also has a ML integrated self test analyser and a Diaglogflow integrated chatbot & call agent.
</p>
<div style="margin-bottom: 10px;"class="technologies">
<p class="project-technologies">>> Frontend - HTML, CSS, Bootstrap</p>
<p class="project-technologies">>> Backend - Express.js, Node.js, MongoDB Atlas</p>
<p class="project-technologies">>> APIs/Hosting - Flask, Heroku, Google Auth2.0, Diaglogflow</p>
</div>
<div class="d-flex justify-content-around ">
<div>
<ul style="margin-bottom: 20px;" class="project-icons">
<li><a class="github" href="https://github.com/lavishabhambri/Pratibha-"><i class="fab fa-github"></i></a></li>
<!-- <li><a class="github" href=""><i class="fas fa-link"></i></a></li> -->
<li><a class="github" href="https://youtu.be/_505gdCvuxY"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PROJECT -->
<div class="blog-post " style="margin-top: 10vh;">
<div class="blog-post__img" style="height: 10%;">
<img src="assets/img/PortfolioImage.png" alt="">
</div>
<div class="blog-post__info ">
<h1 class="blog-post__title">Portfolio Website</h1>
<p class="blog-post__text">
<span class="text-highlight-2">Portfolio</span> is a personal project built whose frontend is coded in HTML, CSS, Bootstrap & the functions are implemented using Javascript.
</p>
<div style="margin-bottom: 10px;"class="technologies">
<p class="project-technologies">>> Frontend - HTML, CSS, Bootstrap, Javascript</p>
<!-- <p class="project-technologies">Backend - </p> -->
<p class="project-technologies">>> APIs/Hosting - Github Pages</p>
</div>
<div class="d-flex justify-content-around ">
<div>
<ul style="margin-bottom: 20px;"class="project-icons">
<li><a class="github" href="https://github.com/lavishabhambri/My-Portfolio"><i class="fab fa-github"></i></a></li>
<li><a class="github" href="https://lavishabhambri.github.io/My-Portfolio/"><i class="fas fa-link"></i></a></li>
<!-- <li><a class="github" href="https://github.com/neon0047/ReachMe"><i class="fab fa-youtube"></i></a></li> -->
</ul>
</div>
</div>
</div>
</div>
<!-- PROJECT-->
<div class="blog-post " style="margin-top: 10vh;">
<div class="blog-post__img" style="height: 10%;">
<img src="assets/img/ARGreetingImage.png" alt="">
</div>
<div class="blog-post__info ">
<h1 class="blog-post__title">AR Greetings</h1>
<p class="blog-post__text">
<span class="text-highlight-2">AR Greetings</span> is a website allows people to share digital Augmented Reality Greeting Cards. It helps people to greet their friends and family through the AR greetings, thus stopping the spread of Covid-19.
</p>
<div style="margin-bottom: 10px;"class="technologies">
<p class="project-technologies">>> Frontend - HTML, CSS, Bootstrap, Javascript, JQuery</p>
<p class="project-technologies">>> Backend - restdb.io, A-Frame</p>
<p class="project-technologies">>> APIs/Hosting - EchoAR</p>
</div>
<div class="d-flex justify-content-around ">
<div>
<ul style="margin-bottom: 20px;"class="project-icons">
<li><a class="github" href="https://github.com/Gamient-Society/AR-greeting"><i class="fab fa-github"></i></a></li>
<li><a class="github" href="https://gamient-society.github.io/AR-greeting/"><i class="fas fa-link"></i></a></li>
<li><a class="github" href="https://www.youtube.com/watch?v=GxBjMiH237o"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PROJECT -->
<div class="blog-post " style="margin-top: 10vh;">
<div class="blog-post__img" style="height: 10%;">
<img src="assets/img/findMyHospital.png" alt="">
</div>
<div class="blog-post__info ">
<h1 class="blog-post__title">findMyHospital</h1>
<p class="blog-post__text">
<span class="text-highlight-2">FindMyHospital</span> is a healthcare website where people can search for the nearest the hospital & provides other information about the Hospitals like availability of number of beds, blood groups, Operation Theatres, hospital's details, working hours and doctor's specialisation.
</p>
<div style="margin-bottom: 10px;"class="technologies">
<p class="project-technologies">>> Frontend - HTML, CSS, Bootstrap, Javascript, Python</p>
<p class="project-technologies">>> Backend - PostgreSQL</p>
<p class="project-technologies">>> APIs/Hosting - Heroku, cloudflare, django</p>
</div>
<div class="d-flex justify-content-around ">
<div>
<ul style="margin-bottom: 20px;"class="project-icons">
<li><a class="github" href="https://github.com/Anshit01/findMyHospital"><i class="fab fa-github"></i></a></li>
<li><a class="github" href="https://findmyhospital.co/"><i class="fas fa-link"></i></a></li>
<li><a class="github" href="https://youtu.be/WswvQo0COx4"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PROJECT -->
<div class="blog-post " style="margin-top: 10vh;">
<div class="blog-post__img" style="height: 10%;">
<img src="assets/img/NoseFilterProject.png" alt="">
</div>
<div class="blog-post__info ">
<h1 class="blog-post__title">Nose draw filter</h1>
<p class="blog-post__text">
A fun <span class="text-highlight-2">Instagram filter</span> project in which I detected the nose tip using the landmarks detection used to draw virtually on the screen using the nose tip.
</p>
<div style="margin-bottom: 10px;"class="technologies">
<p class="project-technologies">>> Languages - Python</p>
<p class="project-technologies">>> Technology - OpenCV, landmarks detection</p>
<!-- <p class="project-technologies">>> APIs/Hosting - Heroku, cloudflare, django</p> -->
</div>
<div class="d-flex justify-content-around ">
<div>
<ul style="margin-bottom: 20px;"class="project-icons">
<li><a class="github" href="https://github.com/lavishabhambri/OpenCV-Projects/tree/master/Nose%20Draw%20Filter"><i class="fab fa-github"></i></a></li>
<!-- <li><a class="github" href="https://findmyhospital.co/"><i class="fas fa-link"></i></a></li>
<li><a class="github" href="https://youtu.be/WswvQo0COx4"><i class="fab fa-youtube"></i></a></li> -->
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="work section" id="work"> -->
<!-- <h2 class="section-title">Work</h2>
<div class="work__container bd-grid">
<div class="work__img">
<img src="assets/img/work1.jpg" alt="">
</div>
<div class="work__img">
<img src="assets/img/work2.jpg" alt="">
</div>
<div class="work__img">
<img src="assets/img/work3.jpg" alt="">
</div>
<div class="work__img">
<img src="assets/img/work4.jpg" alt="">
</div>
<div class="work__img">
<img src="assets/img/work5.jpg" alt="">
</div>
<div class="work__img">
<img src="assets/img/work6.jpg" alt="">
</div>
</div>
</section>-->
<!--===== CERTIFICATIONS SECTION =====-->
<section class="certification section" id="certification">
<h2 class="section-title">Certificates</h2>
<div class="inner_container" style="text-align: center;">
<div class="certificates-box"><a href="assets/img/codingninjas1.png"><img alt="Coding Ninjas Top Performer" src="assets/img/codingninjas1.png"></a></div>
<div class="certificates-box"><a href="assets/img/codingninjas2.png"><img alt="Coding Ninjas Top Performer" src="assets/img/codingninjas2.png"></a></div>
<div class="certificates-box"><a href="assets/img/codejamio.png"><img alt="Codejam IO 2021" src="assets/img/codejamio.png"></a></div>
<div class="certificates-box"><a href="assets/img/hashcode.png"><img alt="Hashcode 2021" src="assets/img/hashcode.png"></a></div>
<div class="certificates-box"><a href="assets/img/mlsa.png"><img alt="Microsft Student Learn Ambassador" src="assets/img/mlsa.png"></a></div>
<div class="certificates-box"><a href="assets/img/appliedML.jpeg"><img alt="Applied ML Course" src="assets/img/appliedML.jpeg"></a></div>
<div class="certificates-box"><a href="assets/img/introToDataScience.jpeg"><img alt="Into to Data Science Course" src="assets/img/introToDataScience.jpeg"></a></div>
<div class="certificates-box"><a href="assets/img/nlp.jpeg"><img alt="NLP Course" src="assets/img/nlp.jpeg"></a></div>
</div>
</section>
<!--===== CONTACT =====-->
<section class="contact section" id="contact">
<h2 class="section-title">Contact</h2>
<div class="contact__container bd-grid">
<form action="mailto:bhambrilavisha@gmail.com" class="contact__form">
<input type="text" placeholder="Name" class="contact__input" required>
<input type="gmail" placeholder="Email" class="contact__input" required>
<textarea name="subject" id="" cols="0" rows="10" class="contact__input" required></textarea>
<input type="submit" href="" value="Submit" class="contact__button button">
</form>
</div>
</section>
</main>
<!--===== FOOTER =====-->
<footer class="footer">
<p class="footer__title"><span class="text-highlight footer-name">Lavisha</span></p>
<h5 class="footer__phone"style="margin:10px; color:#dddddd;">Phone: +91-8920616228</h5>
<div class="footer__social">
<a href="https://www.linkedin.com/in/lavisha-bhambri-630384196/" class="footer__icon"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/lavishabhambri" class="footer__icon"><i class="fab fa-github"></i></a>
<a href="mailto:bhambrilavisha@gmail.com" class="footer__icon"><i class="fas fa-envelope icons"></i></a>
<a href="https://twitter.com/BhambriLavisha" class="footer__icon"><i class="fab fa-twitter"></i></a>
<a href="https://bhambrilavisha.medium.com/" class="footer__icon"><i class="fab fa-medium-m"></i></a>
</div>
<p style="margin-top: 10px;color:#dddddd;">© 2021 Made with <span style="color:red;"><i class="fas fa-heart"></i></span> by <span class="text-highlight-2">Lavisha Bhambri</span></p>
</footer>
<!--===== SCROLL REVEAL =====-->
<!-- <script src="https://unpkg.com/scrollreveal"></script> -->
<!--===== MAIN JS =====-->
<script src="assets/js/main.js"></script>
<script src="assets/js/skills.js"></script>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
</body>
</html>