Skip to content

Commit ded7823

Browse files
hpanda-devhpanda-dev
authored
Update index.html with new script
1 parent e326426 commit ded7823

File tree

1 file changed

+115
-31
lines changed

1 file changed

+115
-31
lines changed

‎index.html‎

Lines changed: 115 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,124 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
54
<meta charset="UTF-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>My LinkedIn Profile</title>
8-
<script src="https://cdn.tailwindcss.com"></script>
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6+
<title>Your Name | Portfolio</title>
7+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet"/>
8+
<style>
9+
* {
10+
margin: 0; padding: 0; box-sizing: border-box;
11+
font-family: 'Poppins', sans-serif;
12+
}
13+
14+
body {
15+
background: #f0f4f8;
16+
color: #333;
17+
line-height: 1.6;
18+
}
19+
20+
header {
21+
background: #111;
22+
color: #fff;
23+
padding: 2rem 0;
24+
text-align: center;
25+
}
26+
27+
header h1 {
28+
font-size: 2.5rem;
29+
}
30+
31+
header p {
32+
font-size: 1.2rem;
33+
margin-top: 0.5rem;
34+
}
35+
36+
.container {
37+
max-width: 900px;
38+
margin: 2rem auto;
39+
padding: 1rem;
40+
}
41+
42+
.section {
43+
margin-bottom: 2rem;
44+
}
45+
46+
h2 {
47+
font-size: 1.5rem;
48+
border-left: 5px solid #0077b5;
49+
padding-left: 1rem;
50+
margin-bottom: 1rem;
51+
color: #0077b5;
52+
}
53+
54+
.linkedin-btn {
55+
display: inline-block;
56+
padding: 10px 20px;
57+
background: #0077b5;
58+
color: white;
59+
text-decoration: none;
60+
border-radius: 5px;
61+
margin-top: 1rem;
62+
}
63+
64+
ul {
65+
list-style-type: none;
66+
padding-left: 0;
67+
}
68+
69+
li {
70+
margin-bottom: 0.5rem;
71+
}
72+
73+
footer {
74+
text-align: center;
75+
padding: 1rem;
76+
background: #222;
77+
color: #aaa;
78+
}
79+
</style>
980
</head>
81+
<body>
82+
83+
<header>
84+
<h1>Your Name</h1>
85+
<p>Java Developer | Tech Enthusiast | DevOps Learner</p>
86+
<a class="linkedin-btn" href="https://www.linkedin.com/in/yourprofile" target="_blank">Visit LinkedIn</a>
87+
</header>
88+
89+
<div class="container">
90+
<section class="section">
91+
<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 DevOps and contributing to innovative backend solutions.</p>
93+
</section>
94+
95+
<section class="section">
96+
<h2>Skills</h2>
97+
<ul>
98+
<li>Java, Python, SQL</li>
99+
<li>Spring Boot, JDBC, JSR289, RFC3261</li>
100+
<li>AngularJS, Jenkins, Git, Jira</li>
101+
<li>Basic Docker, CI/CD knowledge</li>
102+
</ul>
103+
</section>
10104

11-
<body class="bg-gray-100 text-gray-800">
12-
<div class="min-h-screen flex flex-col items-center justify-center px-4">
13-
<div class="bg-white shadow-2xl rounded-2xl max-w-xl w-full p-8 text-center">
14-
<img src="https://via.placeholder.com/120" alt="Profile Picture" class="rounded-full mx-auto mb-4">
15-
<h1 class="text-3xl font-bold">John Doe</h1>
16-
<p class="text-gray-500 text-sm mb-4">Software Developer | Tech Enthusiast | Open Source Contributor</p>
17-
18-
<p class="mb-6 text-base">
19-
Passionate about building impactful software and solving real-world problems. Skilled in Java, Python, and web development.
20-
</p>
21-
22-
<div class="flex justify-center space-x-6">
23-
<a href="https://www.linkedin.com/in/johndoe" target="_blank" class="text-blue-600 hover:text-blue-800 font-medium">LinkedIn</a>
24-
<a href="https://github.com/johndoe" target="_blank" class="text-gray-700 hover:text-black font-medium">GitHub</a>
25-
<a href="#" class="text-green-700 hover:text-green-900 font-medium">Resume</a>
26-
</div>
27-
28-
<hr class="my-6">
29-
30-
<h2 class="text-xl font-semibold mb-2">Projects</h2>
31-
<ul class="text-left text-sm list-disc list-inside space-y-1">
32-
<li>Portfolio Website – Personal branding with modern design</li>
33-
<li>Task Tracker App – Built with React and Firebase</li>
34-
<li>REST API for Bookstore – Java + Spring Boot</li>
105+
<section class="section">
106+
<h2>GitHub Projects</h2>
107+
<ul>
108+
<li><strong>My SIP Tool</strong> - Java-based SIP tester tool for signaling tests</li>
109+
<li><strong>DevOps Lab</strong> - Sample CI/CD setup using Jenkins & Docker</li>
35110
</ul>
36-
</div>
111+
</section>
112+
113+
<section class="section">
114+
<h2>Contact</h2>
115+
<p>Email: your.email@example.com</p>
116+
</section>
37117
</div>
38-
</body>
39118

40-
</html>
119+
<footer>
120+
© 2025 Your Name | Built with ❤️ | Hosted on GitHub Pages
121+
</footer>
122+
123+
</body>
124+
</html>

0 commit comments

Comments
 (0)