Skip to content

Commit 367c5a8

Browse files
hpanda-devhpanda-dev
authored
Updated index.html
1 parent 0e67dc4 commit 367c5a8

1 file changed

Lines changed: 97 additions & 61 deletions

File tree

‎index.html‎

Lines changed: 97 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,17 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
5+
<!--Head Starts Here-->
46
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
68
<title>Hrushikesh Panda | Portfolio</title>
7-
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet"/>
9+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet" />
810
<style>
911
* {
10-
margin: 0; padding: 0; box-sizing: border-box;
12+
margin: 0;
13+
padding: 0;
14+
box-sizing: border-box;
1115
font-family: 'Poppins', sans-serif;
1216
}
1317

@@ -78,92 +82,124 @@
7882
}
7983
</style>
8084
</head>
81-
<body>
8285

86+
<body>
87+
<!--Body Starts Here-->
8388
<header>
89+
<!--Header Details-->
8490
<h1>Hrushikesh Panda</h1>
85-
<p>Backend Java Developer | Tech Enthusiast | DevOps Learner</p>
91+
<p>Backend Java Developer</p>
8692
<a class="linkedin-btn" href="https://www.linkedin.com/in/hkpanda/" target="_blank">LinkedIn</a>
8793
</header>
8894

95+
<!--About Me Section Details-->
8996
<div class="container">
9097
<section class="section">
9198
<h2>About Me</h2>
92-
<p>I'm a software developer with 3+ years of experience in Java, working on SIP, backend services, and system integration. I enjoy learning Spring, DevOps and contributing to innovative backend solutions.</p>
99+
<div style="display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem;">
100+
<img src="rishi.jpg" alt="Hrushikesh"
101+
style="width: 180px; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);" />
102+
<p style="flex: 1;">
103+
I'm a software developer with 3+ years of experience in designing, developing and optimizing software
104+
solutions. Proficient in Java EE, Basic Python and SIP Protocol,
105+
with hands-on experience in backend development and VoIP communication protocols. I enjoy learning Spring,
106+
DevOps and contributing to innovative backend solutions.
107+
</p>
108+
</div>
109+
</section>
110+
<!--Experience Section Detials-->
111+
<section class="section">
112+
<h2>Experience</h2>
113+
<ul>
114+
<li>
115+
<h3>Capgemini</h3>
116+
<div class="text-left">
117+
<ul >
118+
<li>Working as Java Backend Developer in Capgemini Engineering with 3+ years of experience.</li>
119+
<li>Expertise in developing applications with Java8, Collection Framework, Basic Python, Linux.</li>
120+
<li>Experienced in Software Development Life Cycle in the areas of Analysis, Coding, Testing and Maintanence of Software.</li>
121+
<li>Worked in the client application to build and deploy the code by using CI/CD and Jenkins.</li>
122+
<li>Hands-on experience with customising and implement new features in client application as per requirement with commited deadline.</li>
123+
<li>Team player and flexible to adapt the challenging environments.</li>
124+
</ul>
125+
</div>
126+
</li>
127+
</ul>
93128
</section>
94129

130+
<!--Skills Sections Details-->
95131
<section class="section">
96132
<h2>Skills</h2>
97133
<ul>
98-
<li><h4>Frontend Tech Stack: </h4>HTML, CSS, JavaScrript</li>
99-
<li><h4>Backend Tech Stack: </h4>Java/Java8, Spring Boot, MySQL</li>
100-
<li><h4>Tools & Others: </h4>Jenkins, Git, Jira, Confluence, Linux, JSR289, RFC3261</li>
134+
<li>
135+
<strong>Frontend Tech Stack:</strong> HTML, CSS, JavaScrript
136+
</li>
137+
<li>
138+
<strong>Backend Tech Stack:</strong> Java/Java8, Spring Boot, MySQL
139+
</li>
140+
<li>
141+
<strong>Others:</strong> Jenkins, Git, Jira, Confluence, Linux, JSR289, RFC3261
142+
</li>
101143
</ul>
102144
</section>
103145

146+
<!--Education Details-->
104147
<section class="section">
105-
<h2>GitHub Projects</h2>
148+
<h2>Education</h2>
149+
<h3>Bachelor's In Computer Science</h3>
150+
<p>JNTU Kakinada, Andhra Pradesh</p>
151+
<h4>2017-2021 | <span>CGPA: 6.9/10</span></h4>
152+
</section>
153+
154+
<!--Project Section Deatils-->
155+
<!--section class="section">
156+
<h2>Projects</h2>
106157
<ul>
107158
<li><strong>My SIP Tool</strong> - Java-based SIP tester tool for signaling tests</li>
108159
<li><strong>DevOps Lab</strong> - Sample CI/CD setup using Jenkins & Docker</li>
109160
</ul>
110-
</section>
111-
161+
</section-->
162+
163+
<!--Contact Section Details-->
112164
<section class="section">
113-
<h2>Contact</h2>
114-
<p>Email: your.email@example.com</p>
165+
<h2>Connect with me</h2>
166+
<p>Mobile: +91-99666-59766</p>
167+
<p>Email: phrushikesh60@gmail.com</p>
168+
<br>
169+
<h2>Send me a message</h2>
170+
<form action="https://getform.io/f/avrylvoa" method="POST">
171+
<div class="form-group">
172+
<input type="name" class="form-control" id="name" placeholder="Name" name="name" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;"/>
173+
</div>
174+
<div class="form-group">
175+
<input
176+
type="email" class="form-control" id="email" placeholder="Email" name="email" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;"/>
177+
</div>
178+
<div class="form-group">
179+
<input type="text" class="form-control" id="subject" placeholder="Subject" name="subject" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;"/>
180+
</div>
181+
<div class="form-group">
182+
<textarea class="form-control" rows="5"
183+
placeholder="Enter your message"
184+
name="message"
185+
required
186+
style="padding: 10px; border-radius: 5px; border: 1px solid #ccc; resize: vertical;"
187+
></textarea>
188+
</div>
189+
<div class="form-group">
190+
<button type="submit" class="btn btn-primary" style="padding: 10px; background: #0077b5; color: white; border: none; border-radius: 5px; cursor: pointer;">
191+
Send message
192+
</button>
193+
</div>
194+
</form>
115195
</section>
116196
</div>
117197

198+
<!--Footer Deatils-->
118199
<footer>
119-
© 2025 Your Name | Built with ❤️ | Hosted on GitHub Pages
200+
© 2025 Hrushikesh | Hosted on GitHub ❤️
120201
</footer>
121202

122-
<section class="section">
123-
<h2>Connect With Me</h2>
124-
<form style="display: grid; gap: 1rem;">
125-
<input type="text" placeholder="Your Name" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;">
126-
<input type="email" placeholder="Your Email" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;">
127-
<input type="tel" placeholder="Your Phone" style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;">
128-
<input type="text" placeholder="Subject" style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;">
129-
<textarea rows="5" placeholder="Message" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc; resize: vertical;"></textarea>
130-
<button type="submit" style="padding: 10px; background: #0077b5; color: white; border: none; border-radius: 5px; cursor: pointer;">
131-
Send Message
132-
</button>
133-
</form>
134-
</section>
135-
136-
<script>
137-
const form = document.querySelector('form');
138-
form.addEventListener('submit', async (e) => {
139-
e.preventDefault();
140-
141-
const data = {
142-
name: form.elements[0].value,
143-
email: form.elements[1].value,
144-
phone: form.elements[2].value,
145-
subject: form.elements[3].value,
146-
message: form.elements[4].value,
147-
};
148-
149-
try {
150-
const response = await fetch('https://your-backend-url.com/contact', {
151-
method: 'POST',
152-
headers: { 'Content-Type': 'application/json' },
153-
body: JSON.stringify(data)
154-
});
155-
156-
if (response.ok) {
157-
alert('Message sent successfully!');
158-
form.reset();
159-
} else {
160-
alert('Failed to send message.');
161-
}
162-
} catch (error) {
163-
alert('Error sending message.');
164-
}
165-
});
166-
</script>
167-
168203
</body>
204+
169205
</html>

0 commit comments

Comments
 (0)