Subodh | Personal Portfolio Website

A modern, fully responsive personal portfolio website built using HTML, CSS, and JavaScript.
The website features a premium dark theme, structured layout, smooth animations, glass-style navbar, and interactive UI effects.

Live Website: https://portfolio-website-indol-six-33.vercel.app/

GitHub Repository: https://github.com/Subodh9999/Portfolio-website

---

Overview

This portfolio website is designed to showcase freelance web development projects with a clean user experience and optimized performance.
It includes modern UI elements, responsive design principles, and conversion-focused call-to-action sections.

---

Features

• Modern dark theme design
• Gradient and structured background effects
• Glassmorphism-style navbar with blur
• Apple-style hide and reveal navbar on scroll
• Smooth scrolling and reveal animations
• Typing animation in hero section
• Responsive layout for all screen sizes
• Interactive project cards with hover effects
• Contact form integration
• WhatsApp and Email call-to-action buttons
• Optimized performance and SEO structure

---

Tech Stack

• HTML5
• CSS3 (Flexbox and Responsive Design)
• JavaScript (Vanilla JS)
• FormSubmit (for contact form handling)
• Vercel (Deployment)

---

Lighthouse Performance Report

This website has been optimized for performance and search visibility.

Performance: 99
SEO: 92
Accessibility: 90+
Best Practices: 90+

The project follows semantic HTML structure, optimized assets, and clean code practices to ensure fast loading speed and good SEO ranking.

---

Project Structure

/images
index.html
style.css
script.js
README.md

---

Included Projects

The portfolio showcases:

• Digital Agency Landing Page
• GrowthNest Digital Marketing Website
• TaskFlow SaaS Website
• Personal Portfolio Website

Each project card includes:

• Screenshot preview
• Project description
• Technology stack
• Live demo link
• GitHub repository link

---

Responsive Design

The website is fully responsive and tested across:

• Mobile devices
• Tablets
• Laptops
• Large screens

All sections adapt smoothly to different screen sizes.

---

Deployment

The project is deployed on Vercel.

To deploy:

1. Push the project to GitHub.
2. Connect the repository to Vercel.
3. Deploy the project.
4. Vercel automatically builds and hosts the site.

---

Author

Subodh
Freelance Web Developer