-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
104 lines (94 loc) · 5.54 KB
/
Copy pathindex.html
File metadata and controls
104 lines (94 loc) · 5.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Portfolio | PARTHSARTHI NEEMA</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Staatliches&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-left">
<li><a href="#home" class="scroll"><span class="fa fa-home"></span> Home</a></li>
<li><a href="#about" class="scroll"><span class="fa fa-code"></span> Skills</a></li>
<li><a href="#experience" class="scroll"><span class="fa fa-briefcase"></span> Experience</a></li>
<li><a href="#projects" class="scroll"><span class="fa fa-cubes"></span> Projects</a></li>
<li><a href="#achievements" class="scroll"><span class="fa fa-star"></span> Achievements</a></li>
<li><a href="#contact" class="scroll"><span class="fa fa-envelope"></span> Contact</a></li>
</ul>
<!-- Removed skill filter, dark mode toggle, and navbar resume button as requested -->
</div>
</div>
</nav>
<section class="banner" id="home">
<div id="overlay">
<div class="hero-flex">
<div class="profile-wrapper reveal" id="profileWrapper">
<img src="profile.jpg" class="profile-photo" id="profilePhoto" alt="Parthsarthi Neema" />
<span class="profile-fallback" id="profileFallback" aria-hidden="true">PN</span>
</div>
<div class="title reveal">
<h1><strong>PARTHSARTHI NEEMA</strong></h1>
<h3 id="qualif"><strong>SWE at Microsoft | BITS Pilani | Backend Engineer | ICPC Regionalist</strong></h3>
</div>
</div>
<div class="row text-center reveal cta-row">
<div class="border contact"><a href="#contact"><h2 style="color: white;" id="borderText"><strong>CONTACT</strong></h2></a></div>
<div class="border resume"><h2 style="color: white;" id="borderText"><a id="resumeLink" href="https://drive.google.com/file/d/1ZTx1-AnWmPVx6oPJ06IpPb_t6jj6lFv8/view?usp=drive_link" target="_blank" rel="noopener" style="color:white;"><strong>RESUME</strong></a></h2></div>
</div>
</div>
</section>
<div class="small-intro">
<p id="small-intro" class="reveal">
<strong>
Software Engineer at Microsoft with hands-on experience in Java, C#, Spring Boot, .NET, MySQL, REST APIs, and React.js. ICPC Regionalist and CodeChef 4★ (1807). Worked on backend systems focused on authentication, authorization, and organizational governance, leveraging deep architectural knowledge—from load balancing and reverse proxies to design patterns like Factory, Builder, and Observer—to build highly scalable software solutions.
</strong>
</p>
</div>
<section class="skills" id="about">
<div class="text-center titles border reveal">
<h1 id="title"><strong>TECHNICAL SKILLS</strong></h1>
</div>
<div id="skillsContainer" class="reveal"></div>
<p id="noSkillMatch" class="text-center" style="display:none;color:#212121;font-size:1.8em;"><strong>No skills match filter.</strong></p>
</section>
<section class="ex-timeline" id="experience">
<h1 class="text-center border titles" id="title"><strong>EXPERIENCE</strong></h1>
<div id="experienceTimeline" class="job-timeline reveal"></div>
<h1 class="text-center border titles" id="title" style="margin-top:60px;"><strong>OTHER EXPERIENCE & INTERNSHIPS</strong></h1>
<div id="otherExperience" class="job-timeline reveal"></div>
</section>
<section class="portfolios" id="projects">
<h1 class="text-center border titles" id="title"><strong>PROJECTS</strong></h1>
<div id="projectsContainer" class="container reveal"></div>
</section>
<section class="portfolios" id="achievements" style="background:#181818;">
<h1 class="text-center border titles" id="title"><strong>ACHIEVEMENTS</strong></h1>
<ul id="achievementsList" class="text-center reveal" style="list-style:none;padding:0;"></ul>
</section>
<section class="contact-section" id="contact">
<h1 class="text-center reveal">Connect With Me</h1>
<div class="contact-buttons reveal">
<a class="btn btn-linkedin btn-lg" href="https://www.linkedin.com/in/parthsarthi-neema-428090192/" target="_blank"><i class="fa fa-2x fa-linkedin"></i></a>
<a class="btn btn-github btn-lg" href="https://github.com/parthsarthi313" target="_blank"><i class="fa fa-2x fa-github"></i></a>
<button id="copyEmail" class="btn btn-email btn-lg" type="button" title="Copy Email"><i class="fa fa-2x fa-envelope"></i></button>
</div>
<p class="text-center" style="color:#fff;margin-top:20px;font-size:1.4em;">
<span id="emailDisplay" style="cursor:pointer;text-decoration:underline;">parthsarthineema@gmail.com</span>
<span id="emailCopied" style="display:none;margin-left:10px;color:#ff2a4a;">Copied!</span>
</p>
</section>
<footer>
<p id="footer">Thank you for visiting</p>
</footer>
<button id="backToTop" title="Top"><i class="fa fa-chevron-up"></i></button>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src="function.js"></script>
</body>
</html>