Skip to content

Create index.html #151

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
+271 −0
Open

Create index.html #151

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
271 changes: 271 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,271 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kunal Wadekar - E&TC Engineering Student</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
<link rel="stylesheet" href="script.js">

</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="nav-container">
<a href="#home" class="logo">Kunal Wadekar</a>
<ul class="nav-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="#education">Education</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="hamburger" onclick="toggleMenu()">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>

<!-- Hero Section -->
<section id="home" class="hero">
<div class="hero-content">
<div class="profile-image">
<i class="fas fa-user"></i>
</div>
<h1>Kunal Wadekar</h1>
<p>Electronics & Telecommunication Engineering Student</p>
<div class="social-links">
<a href="tel:+917666545422" title="Phone"><i class="fas fa-phone"></i></a>
<a href="mailto:[email protected]" title="Email"><i class="fas fa-envelope"></i></a>
<a href="#" title="LinkedIn"><i class="fab fa-linkedin"></i></a>
<a href="#" title="CodeChef"><i class="fas fa-code"></i></a>
</div>
</div>
</section>

<!-- About Section -->
<section id="about" class="section">
<div class="container">
<h2 class="section-title animate-on-scroll">About Me</h2>
<div class="about-content animate-on-scroll">
<p>I am a dedicated Electronics & Telecommunication Engineering student at R.C. Patel Institute of Technology, Shirpur, with a passion for technology and innovation. Currently pursuing my B.Tech degree, I have developed expertise in various domains including IoT, automation, and web development.</p>
<br>
<p>My experience spans across embedded systems, industrial automation, and modern web technologies. I am particularly interested in Industry 4.0, smart manufacturing, and the integration of IoT solutions in real-world applications. Through my internship at Bajaj CSR and various projects, I have gained hands-on experience in mechatronics, PLC programming, and full-stack development.</p>
</div>
</div>
</section>

<!-- Skills Section -->
<section id="skills" class="section skills">
<div class="container">
<h2 class="section-title animate-on-scroll">Skills</h2>
<div class="skills-grid">
<div class="skill-category animate-on-scroll">
<h3><i class="fas fa-code"></i> Programming</h3>
<div class="skill-tags">
<span class="skill-tag">C/C++</span>
<span class="skill-tag">Python</span>
<span class="skill-tag">HTML</span>
<span class="skill-tag">CSS</span>
<span class="skill-tag">JavaScript</span>
<span class="skill-tag">Node.js</span>
<span class="skill-tag">Express.js</span>
</div>
</div>
<div class="skill-category animate-on-scroll">
<h3><i class="fas fa-microchip"></i> Core Technologies</h3>
<div class="skill-tags">
<span class="skill-tag">IoT</span>
<span class="skill-tag">Sensors</span>
<span class="skill-tag">Computer Networks</span>
<span class="skill-tag">Mobile Communication</span>
</div>
</div>
<div class="skill-category animate-on-scroll">
<h3><i class="fas fa-cogs"></i> Automation & Control</h3>
<div class="skill-tags">
<span class="skill-tag">PLC</span>
<span class="skill-tag">HMI</span>
<span class="skill-tag">Servo Motors</span>
</div>
</div>
<div class="skill-category animate-on-scroll">
<h3><i class="fas fa-industry"></i> Industrial Skills</h3>
<div class="skill-tags">
<span class="skill-tag">5S</span>
<span class="skill-tag">TPM</span>
<span class="skill-tag">MS Office</span>
</div>
</div>
</div>
</div>
</section>

<!-- Education Section -->
<section id="education" class="section">
<div class="container">
<h2 class="section-title animate-on-scroll">Education</h2>
<div class="education-item animate-on-scroll">
<h3>Bachelor of Technology - E&TC Engineering</h3>
<div class="education-meta">R.C. Patel Institute of Technology, Shirpur, Maharashtra | Dec 2021 - June 2025</div>
<p><strong>CGPA:</strong> 6.10/10</p>
</div>
<div class="education-item animate-on-scroll">
<h3>Higher Secondary Certificate (HSC)</h3>
<div class="education-meta">R.C. Patel Arts, Commerce & Science College, Shirpur, Maharashtra | Jul 2020 - Jun 2021</div>
<p><strong>Percentage:</strong> 80%</p>
</div>
</div>
</section>

<!-- Training & Experience Section -->
<section id="experience" class="section skills">
<div class="container">
<h2 class="section-title animate-on-scroll">Training & Experience</h2>
<div class="education-item animate-on-scroll">
<h3>Intern - Bajaj CSR | Symbiosis International University</h3>
<div class="education-meta">Pune | June - July 2025</div>
<p>Currently engaged with BEST Training Program focused on building expertise in Mechatronics, Motion Control and Sensor Technology, Robotics and Automation in the context of Industry 4.0 and Smart Manufacturing.</p>
<br>
<p><strong>Module-1:</strong> Electrical And Electronics, Hydraulics And Pneumatics, Sensor Technology, Digital Communication</p>
<p><strong>Module-2:</strong> PLC, HMI, Servo Motor Drive, Industrial Sensors, AMR</p>
</div>
</div>
</section>

<!-- Projects Section -->
<section id="projects" class="section projects">
<div class="container">
<h2 class="section-title animate-on-scroll">Projects</h2>
<div class="projects-grid">
<div class="project-card animate-on-scroll">
<div class="project-header">
<h3>Dashboard Design Using CAN Bus</h3>
</div>
<div class="project-content">
<p>Proficient in Embedded C programming for microcontroller-based applications with strong understanding of LPC2129 microcontroller architecture, including GPIO, ADC, CAN interface, and interrupt handling mechanisms.</p>
<div class="project-tech">
<span class="tech-tag">Embedded C</span>
<span class="tech-tag">LPC2129</span>
<span class="tech-tag">CAN Protocol</span>
<span class="tech-tag">Real-time Systems</span>
</div>
</div>
</div>

<div class="project-card animate-on-scroll">
<div class="project-header">
<h3>Smart Wireless Notice Board</h3>
</div>
<div class="project-content">
<p>Designed and implemented a wireless real-time digital communication system that refreshes data every 10 seconds from a central control unit. Energy-efficient alternative consuming less than 5W.</p>
<div class="project-tech">
<span class="tech-tag">Wireless Communication</span>
<span class="tech-tag">Real-time Systems</span>
<span class="tech-tag">Low Power Design</span>
<span class="tech-tag">IoT</span>
</div>
</div>
</div>

<div class="project-card animate-on-scroll">
<div class="project-header">
<h3>Airbnb Clone Web Application</h3>
</div>
<div class="project-content">
<p>Built a full-stack Airbnb web app for property rentals with 85% parity with platform features. Engineered secure JWT authentication handling 1,000+ user logins with zero violations.</p>
<div class="project-tech">
<span class="tech-tag">HTML</span>
<span class="tech-tag">CSS</span>
<span class="tech-tag">JavaScript</span>
<span class="tech-tag">Node.js</span>
<span class="tech-tag">Express.js</span>
<span class="tech-tag">JWT</span>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- Achievements Section -->
<section id="achievements" class="section">
<div class="container">
<h2 class="section-title animate-on-scroll">Achievements & Certifications</h2>
<div class="skills-grid">
<div class="skill-category animate-on-scroll">
<h3><i class="fas fa-trophy"></i> Achievements</h3>
<ul style="list-style: none; padding: 0;">
<li style="margin: 0.5rem 0;"><i class="fas fa-medal" style="color: var(--accent-color); margin-right: 0.5rem;"></i> Smart India Hackathon (Intra-College Winner)</li>
<li style="margin: 0.5rem 0;"><i class="fas fa-running" style="color: var(--accent-color); margin-right: 0.5rem;"></i> University Kabaddi Player</li>
</ul>
</div>
<div class="skill-category animate-on-scroll">
<h3><i class="fas fa-certificate"></i> Certifications</h3>
<ul style="list-style: none; padding: 0;">
<li style="margin: 0.5rem 0;"><i class="fas fa-check" style="color: var(--primary-color); margin-right: 0.5rem;"></i> NPTEL: Internet of Things (IIT Kanpur)</li>
<li style="margin: 0.5rem 0;"><i class="fas fa-check" style="color: var(--primary-color); margin-right: 0.5rem;"></i> Great Learning: Introduction to PLC</li>
<li style="margin: 0.5rem 0;"><i class="fas fa-check" style="color: var(--primary-color); margin-right: 0.5rem;"></i> Bajaj BMS: Bajaj Manufacturing Systems</li>
<li style="margin: 0.5rem 0;"><i class="fas fa-check" style="color: var(--primary-color); margin-right: 0.5rem;"></i> Fuel Training: Python Certificate</li>
</ul>
</div>
</div>
</div>
</section>

<!-- Contact Section -->
<section id="contact" class="section contact">
<div class="container">
<h2 class="section-title animate-on-scroll" style="color: white;">Get In Touch</h2>
<div class="contact-content">
<div class="contact-info animate-on-scroll">
<h3>Contact Information</h3>
<div class="contact-item">
<i class="fas fa-phone"></i>
<span>+91 7666545422</span>
</div>
<div class="contact-item">
<i class="fas fa-envelope"></i>
<span>[email protected]</span>
</div>
<div class="contact-item">
<i class="fas fa-map-marker-alt"></i>
<span>Nashik, Maharashtra, India</span>
</div>
<div class="contact-item">
<i class="fab fa-linkedin"></i>
<span>LinkedIn Profile</span>
</div>
</div>
<form class="contact-form animate-on-scroll" onsubmit="handleSubmit(event)">
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit" class="btn">Send Message</button>
</form>
</div>
</div>
</section>

<!-- Footer -->
<footer class="footer">
<div class="container">
<p>&copy; 2025 Kunal Wadekar. All rights reserved.</p>
</div>
</footer>
</body>
</html>