<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Piyush Thakur | Portfolio</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', sans-serif;
}
body {
background-color: #f7f9fc;
color: #333;
line-height: 1.6;
}
header {
background: #007bff;
color: white;
padding: 2rem 0;
text-align: center;
}
header h1 {
font-size: 2.5rem;
}
header p {
font-size: 1.2rem;
}
section {
padding: 2rem;
max-width: 1000px;
margin: auto;
}
.section-title {
font-size: 2rem;
color: #007bff;
margin-bottom: 1rem;
border-bottom: 2px solid #007bff;
display: inline-block;
}
.about, .skills, .projects, .contact {
margin-bottom: 3rem;
}
.skills ul, .projects ul {
list-style: none;
padding-left: 1rem;
}
.skills li, .projects li {
background: #e3f2fd;
margin: 0.5rem 0;
padding: 0.75rem;
border-radius: 5px;
}
footer {
text-align: center;
background: #007bff;
color: white;
padding: 1rem 0;
}
a {
color: #0056b3;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Piyush Thakur</h1>
<p>Computer Science Student | Web Developer | Java Enthusiast</p>
</header>
<section class="about">
<h2 class="section-title">About Me</h2>
<p>Hello! I'm Piyush Thakur, a Computer Science Engineering student at
Chandigarh University. I love building web applications and exploring new
technologies. I'm passionate about Java, backend systems, and frontend design with
HTML, CSS, and JavaScript.</p>
</section>
<section class="skills">
<h2 class="section-title">Skills</h2>
<ul>
<li>HTML5, CSS3, JavaScript</li>
<li>Java, JDBC, Servlet, JSP</li>
<li>Spring Boot, Hibernate (Basics)</li>
<li>MySQL, Git, GitHub</li>
<li>Responsive Web Design</li>
<li>Problem Solving with Data Structures</li>
</ul>
</section>
<section class="projects">
<h2 class="section-title">Projects</h2>
<ul>
<li>
<strong>Flight Reservation System (Java)</strong> - A Java-based GUI
project that handles flight bookings, cancellations, and customer data.
</li>
<li>
<strong>Chat Application (Java + Socket Programming)</strong> - A real-time
chat app using Java with multi-client support.
</li>
<li>
<strong>IoT Weather Station</strong> - Measures air quality using MQ135
sensor and sends data to ThingSpeak for monitoring.
</li>
<li>
<strong>To-Do List Web App</strong> - HTML/CSS/JavaScript project with task
management, edit/delete functionality.
</li>
</ul>
</section>
<section class="contact">
<h2 class="section-title">Contact</h2>
<p>Email: piyush.thakur@example.com</p>
<p>GitHub: <a href="https://github.com/piyushthakur"
target="_blank">github.com/piyushthakur</a></p>
<p>LinkedIn: <a href="https://linkedin.com/in/piyushthakur"
target="_blank">linkedin.com/in/piyushthakur</a></p>
</section>
<footer>
<p>© 2025 Piyush Thakur. All rights reserved.</p>
</footer>
</body>
</html>
