-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
653 lines (614 loc) · 25 KB
/
index.html
File metadata and controls
653 lines (614 loc) · 25 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Rituraj Nagar's portfolio as a Java Backend Developer.">
<meta name="author" content="Rituraj Nagar">
<title>Rituraj Nagar | Java Backend Developer</title>
<link href="assets/fontawesome/css/all.css" rel="stylesheet">
<link rel="stylesheet" media="screen" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css" />
<!-- Custom styles for our template -->
<link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen">
<link rel="stylesheet" type="text/css" href="assets/css/da-slider.css" />
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top headroom">
<div class="container">
<div class="navbar-header">
<!-- Button for smallest screens -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span
class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.html">
<div>
<p style="margin-top: 15px;"> <b>Portfolio</b> </p>
</div>
</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav pull-right">
<li><a href="#">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="./resources/Rituraj-Nagar-resume.pdf" download="Rituraj-Nagar-Resume"
target="_blank">Resume</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
<div id="scroll-progress"></div>
<!-- /.navbar -->
<!-- Intro -->
<div class="container text-center">
<br>
<br>
<br>
<br>
<div class="row">
<div class="col-sm-6">
<img class="image-animation hero-img" alt="Rituraj Nagar" loading="lazy"
src="assets/images/profile_pic.jpg"
style="background-image: linear-gradient(#DF4E20, #565454); border: 2px solid black; border-radius: 15px;" />
</div>
<div class="col-sm-6 mx-auto" style="border: 2px solid black; border-radius: 15px; margin-top: 20px;">
<div class="bio animate__animated animate__shakeX">
<h2 class="bio-title">Hello, My name is</h2>
<h1>Rituraj Nagar</h1>
<div>
<h2 class="title">
<span class="title-word title-word-1">I'm</span>
<span class="title-word title-word-2">Java</span>
<span class="title-word title-word-3">Backend</span>
<span class="title-word title-word-4">Developer</span>
</h2>
<!-- <button type="button">Resume</button> -->
</div>
<h2 id="resume">
<a href="https://drive.google.com/file/d/1FlIfvNmkSLfbsJNQsqS87YiGLS_c4m1X/view?usp=sharing"
download="Rituraj-Nagar-Resume" target="_blank">
Resume</a>
</h2>
</div>
</div>
</div>
<!-- <div>
<p class="text-muted text-start" style="margin-top: 20px; text-align: justify;">At <b> PyLoops </b>, we understand the importance of having the right IT staff to drive your business forward.
With our proven track record and commitment to excellence,
we ensure that you receive exceptional IT staffing solutions that align with your goals.
Contact us today to discuss how we can support your staffing needs and propel your organization to new heights.
</p>
</div> -->
</div>
<!-- /Intro-->
<!-- about us page in index start-->
<section id="about">
<div class="container text-justify">
<div class="row">
<article class="col-sm-6 maincontent">
<header class="page-header">
<h1 class="page-title">About Me</h1>
</header>
<div id="details">
<ul class="list-unstyled">
<li>I am a dedicated Java Developer with 1+ years of experience at White Feather Consultancy
Pvt. Ltd., specializing in backend systems using <b>Java</b>, <b>Spring Boot</b>,
<b>MySQL</b>, and <b>Spring Data JPA</b>. I also integrate tools like <b>DataDog</b> for
performance analytics.
</li>
<li>I hold a <b>Master of Computer Application</b> degree from <b>Technocrats Institute of
Technology (Excellence)</b> and a <b>Bachelor of Computer Science</b> from <b>Sect
College of Professional Education</b>.</li>
<li>I completed a 30-week Full Stack Web Development course at <b>Masai School</b>, where I
worked on projects like <b>Gearbest.com</b> and <b>Max-Fashion.com</b> using
<b>HTML</b>, <b>CSS</b>, and <b>JavaScript</b>.
</li>
<li>My technical expertise includes frontend technologies (<b>HTML</b>, <b>CSS</b>,
<b>JavaScript</b>, <b>React.js</b>) and backend technologies (<b>Java</b>, <b>Spring
Boot</b>, <b>MySQL</b>). I also use tools like <b>Webiny</b>, <b>Notion</b>,
<b>Git</b>, <b>Bitbucket</b>, and <b>Jira</b>.
</li>
<li>I am skilled in Agile methodologies, participating in Scrum meetings, and have
experience with <b>OpenSearch</b> for search functionality and <b>Sonar</b> for code
quality assurance.</li>
</ul>
</div>
<div class="about_info">
<div>
<span class="about_info-title">1200+</span>
<span class="about_info-name">Hours of Coding</span>
</div>
<div>
<span class="about_info-title">10+</span>
<span class="about_info-name">Completed Projects</span>
</div>
<div>
<span class="about_info-title">800+</span>
<span class="about_info-name">DSA Problems</span>
</div>
</div>
</article>
<div class="col-sm-6 maincontent">
<img class="image-animation" src="assets/images/custom/consulting.svg" alt="Consulting" />
</div>
</div>
</div>
</section>
<!-- about us page in index end-->
<!-- Skills page in index start-->
<section id="skills" class="container">
<div class="container text-justify">
<header class="page-header">
<h1 class="page-title">Skills</h1>
</header>
</div>
<div class="skills-container text-center">
<div class="card">
<img src="./assets/images/resources/backend.png" class="card-img-top" alt="backend">
<div class="card-body">
<p class="card-text">Back-End Development</p>
</div>
</div>
<div class="card">
<img src="assets/images/resources/frontend.jpg" class="card-img-top" alt="frontend">
<div class="card-body">
<p class="card-text">Front-End Development</p>
</div>
</div>
<div class="card">
<img src="assets/images/resources/communication.png" class="card-img-top" alt="communication">
<div class="card-body">
<p class="card-text">Communication</p>
</div>
</div>
<div class="card">
<img src="assets/images/resources/dsaa.png" class="card-img-top" alt="Data Structures">
<div class="card-body">
<p class="card-text">Data-Structures Algorithms</p>
</div>
</div>
</div>
</section>
<!-- Skills page in index end-->
<!-- Teck-stack page in index start-->
<section id="tech-skills" class="container">
<div class="container text-justify">
<header class="page-header">
<h1 class="page-title">Tech Skills</h1>
</header>
</div>
<div class="tech-container text-center">
<div class="tech-card">
<img src="./assets/images/resources/java.jpg" class="card-img-top" alt="Java">
<p>Java</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/springboot.png" class="card-img-top" alt="springboot">
<p>Spring Boot</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/mysql.png" class="card-img-top" alt="mysql">
<p>MySQL</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/react.png" class="card-img-top" alt="react">
<p>React.js</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/nextjs.png" class="card-img-top" alt="nextjs">
<p>Next.js</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/javascript.png" class="card-img-top" alt="javascript">
<p>JavaScript</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/bootstrap.png" class="card-img-top" alt="bootstrap">
<p>Bootstrap</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/css.png" class="card-img-top" alt="css">
<p>CSS</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/html.png" class="card-img-top" alt="html">
<p>HTML</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/git.png" class="card-img-top" alt="github">
<p>Github</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/bitbucket.png" class="card-img-top" alt="bitbucket">
<p>Bitbucket</p>
</div>
<div class="tech-card">
<img src="assets/images/resources/jira.png" class="card-img-top" alt="jira">
<p>Jira</p>
</div>
</div>
</section>
<!-- Teck-stack page in index end-->
<!-- Experience -->
<section id="experience" class="container">
<div class="services-section">
<!-- Article content -->
<div class="maincontent">
<header class="page-header">
<h1 class="page-title">Experience</h1>
</header>
</div>
<div class="text-justify container experience-container">
<h2 class="experience-title">White Feather Consultancy Pvt. Ltd.</h2>
<p>Java Developer | April 2023 - Present</p>
<p>As a Java Developer with 1 year and 5 months of experience at White Feather Consultancy Pvt. Ltd., I
have been responsible for a variety of tasks involving both backend and frontend development. My
role involves working with a diverse set of tools and technologies to deliver high-quality software
solutions. Below are the key areas of my responsibility:</p>
<ul>
<li><strong>Developed Backend Systems:</strong> Utilized Java and Spring Boot to design and maintain
backend systems, ensuring robust and efficient data handling and processing.</li>
<li><strong>Managed Databases:</strong> Worked with MySQL and Spring Data JPA for effective database
management and integration, optimizing data storage, retrieval, and query performance.</li>
<li><strong>Integrated Monitoring Tools:</strong> Employed DataDog for comprehensive performance
monitoring and analytics, enabling timely identification and resolution of system issues.</li>
<li><strong>Utilized Content Management Systems:</strong> Integrated and managed content using
Webiny CMS and Notion CMS, facilitating streamlined content updates and efficient content
management.</li>
<li><strong>Frontend Development:</strong> Contributed to frontend development with HTML, CSS,
JavaScript, and React.js, ensuring a seamless and responsive user interface.</li>
<li><strong>Version Control and Collaboration:</strong> Used Git, Bitbucket, and Jira for version
control and project management, effectively collaborating with team members and maintaining code
integrity.</li>
<li><strong>Adhered to Agile Practices:</strong> Participated in Scrum meetings and applied Agile
methodologies to ensure timely delivery of high-quality software solutions.</li>
<li><strong>Implemented Search Solutions:</strong> Applied OpenSearch to enhance search
functionality, improving data accessibility and overall user experience.</li>
<li><strong>Code Quality Assurance:</strong> Utilized Sonar for code quality analysis, ensuring that
the codebase remained maintainable and adhered to high-quality standards.</li>
</ul>
</div>
</div>
</section>
<!-- /experience -->
<!-- project section -->
<section id="projects">
<div class="container text-justify">
<header class="page-header">
<h1 class="page-title">Projects</h1>
</header>
<div class="project_container">
<div class="project_img"><img class="image-animation" src="assets/images/resources/RecentProject.png" />
</div>
<div class="project_data">
<h3>ACE Application</h3>
<p>
Developed and maintained the ACE application, a critical tool that organizes and manages ASCO's
contents and sessions. This platform aids in the delivery of educational and professional
content, enabling oncology patients to access information and enhance their skills in cancer
care.
</p>
<h3>Tech Stack</h3>
<p>Java | Spring Boot | MySQL | Spring Data JPA | Spring Security | AWS | AWS Lambda Function |
CloudWatch | DataDog | OpenSearch | Webiny CMS | Git </p>
<div class="project_info">
<div>
<a target="_blank" href="https://ace.asco.org/">Live</a>
<!-- <span class="about_info-name">Hours of Coding</span> -->
</div>
<!-- <div><a href="https://github.com/abhitim/judicious-loss-7894">Live</a>
<span class="about_info-name">Completed Projects</span>
</div> -->
</div>
</div>
</div>
<div class="project_container">
<div class="project_img"><img class="image-animation" src="assets/images/resources/mpay.png" /></div>
<div class="project_data">
<h3>M-Pay Payment Wallet Application</h3>
<p>
M-Pay is a rest api which helps to keep the track of user login, wallet transaction, can add
account to wallet and also can manage the transactions in the database.
</p>
<h3>Tech Stack</h3>
<p>Java | Spring Boot | MySQL | Spring Data JPA | Swagger</p>
<div class="project_info">
<div>
<a target="_blank" href="https://github.com/riturajnagar/judicious-loss-7894">Code</a>
<!-- <span class="about_info-name">Hours of Coding</span> -->
</div>
<!-- <div><a href="https://github.com/abhitim/judicious-loss-7894">Live</a>
<span class="about_info-name">Completed Projects</span>
</div> -->
</div>
</div>
</div>
<div class="project_container">
<div class="project_img">
<img class="image-animation" src="/resources/Project_WhiteFeather.png" alt="Pyloops.com" />
</div>
<div class="project_data">
<h3>White Feather -Website</h3>
<p>
Contributed to company's website, I combined technical skills with design expertise
to develop a visually appealing, responsive platform.
</p>
<ul>
<li>Developed the website using JavaScript, Notion CMS, HTML, and CSS.</li>
<li>Conducted a comprehensive content audit, refining messaging and optimizing for conversions.
</li>
<li>Increased lead generation by 30% through improved call-to-action strategies and user-focused
content development.</li>
<li>Designed and implemented a Blogs, and Cariees page using Next.js and Notion CMS.</li>
</ul>
<h3>Tech Stack</h3>
<p>Next.js | JavaScript | Notion CMS | HTML | CSS</p>
<div class="project_info">
<!-- <div>
<a target="_blank" href="#">Code</a>
</div> -->
<div>
<a target="_blank" href="https://white-feather.in/">Live</a>
</div>
</div>
</div>
</div>
<div class="project_container">
<div class="project_img">
<img class="image-animation" src="/resources/Project_Pyloops.jpeg" alt="Pyloops.com" />
</div>
<div class="project_data">
<h3>Pyloops LLC -Website</h3>
<p>
As the sole creator of the company's website, I combined technical skills with design expertise
to develop a visually appealing, responsive platform.
</p>
<ul>
<li>Developed the website using Next.js, JavaScript, Notion CMS, HTML, and CSS.</li>
<li>Conducted a comprehensive content audit, refining messaging and optimizing for conversions.
</li>
<li>Increased lead generation by 30% through improved call-to-action strategies and user-focused
content development.</li>
<li>Designed and implemented a Blogs, and Cariees page using Next.js and Notion CMS.</li>
</ul>
<h3>Tech Stack</h3>
<p>Next.js | JavaScript | Notion CMS | HTML | CSS</p>
<div class="project_info">
<!-- <div>
<a target="_blank" href="#">Code</a>
</div> -->
<div>
<a target="_blank" href="https://www.pyloops.com/">Live</a>
</div>
</div>
</div>
</div>
<div class="project_container">
<div class="project_img">
<img class="image-animation" src="/resources/Project_TenX.png" alt="Pyloops.com" />
</div>
<div class="project_data">
<h3>TenX Labs -Website</h3>
<p>
As the sole creator of the company's website, I combined technical skills with design expertise
to develop a visually appealing, responsive platform.
</p>
<ul>
<li>Developed the website using Next.js, JavaScript, Notion CMS, HTML, and CSS.</li>
<li>Conducted a comprehensive content audit, refining messaging and optimizing for conversions.
</li>
<li>Increased lead generation by 30% through improved call-to-action strategies and user-focused
content development.</li>
<li>Designed and implemented a Blogs, and Cariees page using Next.js and Notion CMS.</li>
</ul>
<h3>Tech Stack</h3>
<p>Next.js | JavaScript | Notion CMS | HTML | CSS</p>
<div class="project_info">
<!-- <div>
<a target="_blank" href="#">Code</a>
</div> -->
<div>
<a target="_blank" href="https://ten-xlabs.com/">Live</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- project section -->
<!-- github statistics -->
<section id="tech-skills">
<div class="container text-justify">
<header class="page-header">
<h1 class="page-title">Github Contributions</h1>
</header>
<!-- ========== Statistics ========== -->
<div class="statistics_container">
<img id="github-stats-card"
src="https://github-readme-stats.vercel.app/api?username=riturajnagar&theme=city_light&hide_border=true&include_all_commits=true&count_private=true"
alt="github-stats-card">
<img id="github-top-langs"
src="https://github-readme-stats.vercel.app/api/top-langs/?username=riturajnagar&langs_count=4&theme=city_light&hide_border=true&include_all_commits=true&count_private=true&layout=compact"
alt="github-top-langs">
<img id="github-streak-stats"
src="https://github-readme-streak-stats.herokuapp.com/?user=riturajnagar&ring=5094f0&currStreakLabel=5094f0&fire=5094f0&theme=city_light&hide_border=true"
alt="github-streak-stats">
</div>
<span class="section_subtitle">Github Calendar</span>
<div class="react-activity-calendar calendar">
<!-- Loading stuff -->
Loading the data just for you.
</div>
</div>
</section>
<!-- github statistics -->
<!-- achievements section -->
<section>
<div class="container text-justify">
<header class="page-header">
<h1 class="page-title">Achievements</h1>
</header>
<div class="container-certificate">
<img class="certificate" src="/resources/masai_certificate.png" alt="certificate">
<img class="certificate" src="/resources/java_basic certificate.png" alt="Java Certificate">
</div>
</div>
</section>
<!-- achievements section -->
<!-- contact us page in index start -->
<section id="contact">
<div class="container text-justify">
<header class="page-header">
<h1 class="page-title">Contact Me</h1>
<div class="contact_container">
<form action="https://formsubmit.co/riturajnagar78@gmail.com" method="POST">
<!-- <h3>GET IN TOUCH</h3> -->
<input type="text" name="name" class="form-control p-4" id="name" placeholder="Your Name"
required />
<input type="email" name="email" class="form-control p-4" id="email" placeholder="Email"
required />
<textarea class="form-control py-3 px-4" rows="5" name="textarea" id="msg" rows="4"
placeholder="Write Your Message"></textarea>
<button type="submit" class="btn btn-outline-primary" id="btn2">Send Message</button>
</form>
</div>
</header>
</div>
</section>
<!-- contact us page in index end -->
<!-- FAQ Section Start-->
<div id="faq">
<h1 id="faq-collapse">
<span id="frequently-asked">Frequently Asked</span>
<span class="faqQuestion">Questions!</span>
</h1>
<hr>
<button class="collapsible">What are your future ambitions?</button>
<div class="content">
<p>Well, I think planning for the future at this age may bring depression if things don't go according to
plan because we don't know what the future holds for us, so I am very open to whatever opportunities the
future may hold. I pride myself on being flexible and adaptable. I think the best way to plan for the
future is to make the most of the present.
</p>
</div>
<hr>
<button class="collapsible">Can you work under pressure?</button>
<div class="content">
<p>Yes! I can work under pressure. And I'll make sure that I give my 100%.
</p>
</div>
<hr>
<button class="collapsible">How Do You Make Decisions?</button>
<div class="content">
<p>I like to gather as much information as possible to aid in my decision, but I also consider how much time
is available to me. Sometimes a decision needs to be made quickly, even if all the information can’t be
gathered, so I weigh time versus information. Then I look at possible outcomes and the likely results of
my decisions and make the best choice for my team and my organization with the facts available.
</p>
</div>
<hr>
<button class="collapsible">Where do you see yourself After 5 years?</button>
<div class="content">
<p>There are so many talented people here. I want to do a great job and let's see where my talents take me.
</p>
</div>
<hr>
</div>
<!-- FAQ Section Ends-->
<!-- ========== FOOTER ========== -->
<footer class="footer">
<div class="footer_bg">
<div>
<img src="/assets/images/resources/footer.png" alt="">
</div>
<div>
<div class="footer_container container grid">
<div>
<h1 class="footer_title">Rituraj Nagar</h1>
<span class="footer_subtitle">Java Backend Developer</span>
</div>
<div class="footer_socials">
<!-- Call -->
<a id="contact-call" href="tel:+917898612145" class="footer_social">
<i class="uil uil-phone"></i>
</a>
<!-- email -->
<a id="contact-email" href="mailto: riturajnagar78@gmail.com" target="_blank"
class="footer_social">
<i class="uil-envelope-alt"></i>
</a>
<!-- call -->
<!-- <a id="contact-call" href="https://api.whatsapp.com/send?phone=+917898612145" target="_blank"
class="footer_social">
<i class=" uil-whatsapp"></i>
</a> -->
<a href="https://github.com/riturajnagar" target="_blank" class="footer_social">
<i class="uil uil-github-alt"></i>
</a>
<a href="https://www.linkedin.com/in/riturajnagar/" target="_blank" class="footer_social">
<i class=" uil-linkedin"></i>
</a>
</div>
</div>
<div>
<p class="footer_copy">It's the mind that can either integrate one's happiness to infinite or
differentiate it to zero.</p>
<p class="footer_copy"><i class="uil-copyright"></i> 2024 All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- JavaScript libs are placed at the end of the document so the pages load faster -->
<script src="assets/js/modernizr-latest.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.cslider.js"></script>
<script src="assets/js/headroom.min.js"></script>
<script src="assets/js/jquery.headroom.min.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>
<script>
// When the user scrolls the page, execute myFunction
window.onscroll = function () { myFunction() };
function myFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("scroll-progress").style.width = scrolled + "%";
}
//FAQ collaps Section
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function () {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight) {
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
</script>
<script src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js">
</script>
<script>
GitHubCalendar(".calendar", "riturajnagar");
// or enable responsive functionality
GitHubCalendar(".calendar", "riturajnagar", {
responsive: true,
global_stats: true,
tooltips: true
});
</script>