-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (169 loc) · 8.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mihir Sontake's Portfolio</title>
<link rel="stylesheet" href="Stylesheets/styles.css">
<link rel="icon" href="Images/favicon.png" type="image/x-icon">
</head>
<body>
<header>
<div class="menu-container">
<div class="hamburger-menu" onclick="toggleMenu()">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<nav id="dropdown-menu" class="dropdown-menu">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<img src="Images/Profile.jpg" alt="Mihir's Profile Picture">
<ul id="menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</header>
<main>
<div class="container">
<section id="home">
<h2>I'm Mihir Sontake.</h2>
<p>Currently a postgraduate student of <b>MSc in Software Engineering and Data Analytics</b> at University of Limerick and a <b>Senior Java Developer</b> with over 4.5 years of experience in large-scale systems, based in Limerick, Ireland.</p>
<p>Completed B.Tech from Indian Institute of Technology Madras.</p>
<p>Organisations I have worked for:</p>
<ul>
<li><b><a href="https://www.citigroup.com/global">Citigroup</a></b> as a Technology Analyst</li>
<li><b><a href="https://rosmertatech.com/overview.html">Rosmerta Technologies</a></b> as a Senior Java Developer</li>
<li><b><a href="https://ul.ie">University of Limerick</a></b> as a Graduate Teaching Assistant</li>
<li><b><a href="https://ictlc.ul.ie/">ICT Learning Centre</a></b> as an ICT Tutor</li>
<li><b><a href="https://www.software-engineering.ie/">Immersive Software Engineering</a></b> as a Teaching Assistant</li>
</ul>
</section>
<section id="about">
<h2>About</h2>
<p>Java Developer with 4.8 years of experience in designing, developing, and maintaining robust applications. Proficient in Spring Boot and REST APIs, with a strong track record of delivering high-quality, scalable solutions. Currently pursuing a Master's in Software Engineering at the University of Limerick. Adept at collaborating with cross-functional teams to achieve project goals and enhance overall software performance.</p>
</section>
<section id="skills">
<h2>Skills</h2>
<div class="skills-container">
<div class="skill">
<img src="Images/java.png" alt="Java">
<p>Java 8, 11, Spring Boot, Rest API, SQL, J2EE, Servlets, JSP, Microservices</p>
</div>
<div class="skill">
<img src="Images/js.webp" alt="JavaScript">
<p>JavaScript, Angular</p>
</div>
<div class="skill">
<img src="Images/sql.png" alt="DBs">
<p>MySQL, PostgreSQL</p>
</div>
<div class="skill">
<img src="Images/sts.png" alt="IDEs">
<p>STS, Eclipse, VSCode</p>
</div>
</div>
</section>
<section id="experience">
<h2>Experience</h2>
<div class="experience">
<h3>Senior Software Developer, Rosmerta Technologies [2022-2023]: 1 year, 8 months</h3>
</div>
<div class="experience">
<h3>Software Developer, Citigroup [2017-2020]: 3 years</h3>
</div>
<div class="experience">
<h3>Software Developer Intern, Citigroup [2016]: 2 months</h3>
</div>
<p>Resume available on request.</p>
</section>
<section id="projects">
<h2>Projects</h2>
<div class="project">
<h3>Todo Application with Notification System</h3>
<a href="https://github.com/mihson95/To-do-notification-application">GitHub Link</a>
</div>
<div class="project">
<h3>Migrating Monolith Application to Microservices Architecture</h3>
<p>Implemented microservices design patterns, namely the Service Discovery Pattern and the API Gateway Pattern, using Eureka Server and Spring Cloud Gateway.</p>
</div>
<div class="project">
<h3>Big Data Approach for Credit Card Fraud Detection</h3>
<a href="https://github.com/mihson95/BigDataCreditCardFraudDetection">GitHub Link</a>
</div>
<div class="project">
<h3>Portfolio Website</h3>
<a href="https://github.com/mihson95/mihson95.github.io">GitHub Link</a>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<p>I am seeking software developer roles, specializing in Backend Development with Java and Spring Boot. Contact me at <a href="mailto:sontakemihir@gmail.com">sontakemihir@gmail.com</a> for potential roles.</p>
</section>
</div>
</main>
<footer>
<div class="footer-style">
<ul id="footer-menu">
<li><img src="Images/pin.png"> Limerick, Ireland</li>
<li><img src="Images/email.png" alt="Email"> <a href="mailto:sontakemihir@gmail.com">Email</a></li>
<li><img src="Images/lin.png"> <a href="https://www.linkedin.com/in/mihir-sontake/" target="_blank">LinkedIn</a></li>
<li><img src="Images/git.png" alt="GitHub"> <a href="https://github.com/mihson95/" target="_blank">GitHub</a></li>
</ul>
</div>
<p>© 2024 Mihir Sontake</p>
</footer>
<script>
function toggleMenu() {
const menu = document.getElementById("dropdown-menu");
const currentVisibility = window
.getComputedStyle(menu).visibility;
if (currentVisibility === 'hidden') {
menu.style.visibility = 'visible';
} else {
menu.style.visibility = 'hidden';
}
}
document.addEventListener("DOMContentLoaded", function() {
// Interactive logos for Skills section
const skills = document.querySelectorAll('.skill img');
skills.forEach(skill => {
skill.addEventListener('mouseenter', () => {
skill.classList.add('spin');
});
skill.addEventListener('mouseleave', () => {
skill.classList.remove('spin');
});
});
// Scrolling transition for Experience section
const experiences = document.querySelectorAll('.experience');
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('show');
} else {
entry.target.classList.remove('show');
}
});
}, {
threshold: 0.1
});
experiences.forEach(experience => {
observer.observe(experience);
});
});
</script>
</body>
</html>