Skip to content

A sleek and fully responsive personal portfolio website built with HTML, CSS, and JavaScript. Showcases projects, skills, and contact information with a modern and mobile-friendly design. Perfect for developers and designers to present their work online.

Notifications You must be signed in to change notification settings

palve-2003/Responsive-Personal-Potfolio-web

Repository files navigation

💼 Responsive Personal Portfolio Website

A modern, responsive personal portfolio website built using HTML, CSS, and JavaScript, perfect for Full Stack Web Developers to showcase their projects, skills, and contact information.

📺 Watch Demo: Responsive Portfolio Website on YouTube
🔗 Live GitHub Repo: github.com/palve-2003/Responsive-Personal-Potfolio-web
🔗 LinkedIn Profile: Nilesh Palve on LinkedIn


🧠 Project Overview

This project is a fully responsive portfolio site designed to provide a clean and engaging way to present your:

  • 👨‍💻 Skills (with animated progress bars)
  • 🎓 Education
  • 📁 Projects
  • 📞 Contact Info

It's great for students, freelancers, or developers looking to showcase their work online.


🚀 Features

  • 📱 Responsive Design — Built with Flexbox & media queries for full mobile responsiveness
  • 🧭 Sticky & Toggleable Navbar — Highlights active sections on scroll
  • ⌨️ Typing Effect — Animated developer role intro using typed.js
  • 🎯 Scroll Animations — Smooth appearance of sections using custom JS
  • 📊 Skills Progress Bars — Representing skill levels with animated percentages
  • 📨 Styled Contact Form — Includes validation-ready form layout
  • 🔗 Social Links & Footer — Easy navigation to your profiles
  • Back-to-top Button — Smooth scroll functionality

🛠️ Built With

  • HTML5
  • CSS3
  • JavaScript

📁 Folder Structure

📦 Portfolio Project
 ┣ 📜 index.html
 ┣ 📜 style.css
 ┣ 📜 script.js
 ┣ 📜 README.md
 ┣ 📺 Responsive Portfolio Website Using HTML, CSS & JavaScript - Full Stack Web Developer.mp4
 ┗ 🖼️ Nilesh.png

📽️ YouTube Video Details

Title: Responsive Portfolio Website Using HTML, CSS & JavaScript | Full Stack Web Developer Portfolio
Filename: Responsive Portfolio Website Using HTML, CSS & JavaScript - Full Stack Web Developer.mp4
Tags:

#HTML #CSS #JavaScript #Portfolio #ResponsiveDesign #FrontendDevelopment #WebDevelopment #FullStackDeveloper #WebPortfolio #JavaScriptProject

📦 How to Run Locally

# Clone the repository
git clone https://github.com/palve-2003/Responsive-Personal-Potfolio-web.git

# Navigate into the folder
cd Responsive-Personal-Potfolio-web

# Open in your browser (double-click index.html or use Live Server in VS Code)

👨‍💻 Author

Nilesh Palve
📧 Email: [email protected]
🔗 LinkedIn: linkedin.com/in/nileshpalve


📜 License

This project is licensed under the MIT License.


💡 Feel free to fork this repo, customize the content, and use it as your own portfolio template!

💼 Responsive Personal Portfolio Website

A modern, responsive personal portfolio website built using HTML, CSS, and JavaScript, perfect for Full Stack Web Developers to showcase their projects, skills, and contact information.

📺 Watch Demo: Responsive Portfolio Website on YouTube
🔗 Live GitHub Repo: github.com/palve-2003/Responsive-Personal-Potfolio-web
🔗 LinkedIn Profile: Nilesh Palve on LinkedIn


🧠 Project Overview

This project is a fully responsive portfolio site designed to provide a clean and engaging way to present your:

  • 👨‍💻 Skills (with animated progress bars)
  • 🎓 Education
  • 📁 Projects
  • 📞 Contact Info

It's great for students, freelancers, or developers looking to showcase their work online.


🚀 Features

  • 📱 Responsive Design — Built with Flexbox & media queries for full mobile responsiveness
  • 🧭 Sticky & Toggleable Navbar — Highlights active sections on scroll
  • ⌨️ Typing Effect — Animated developer role intro using typed.js
  • 🎯 Scroll Animations — Smooth appearance of sections using custom JS
  • 📊 Skills Progress Bars — Representing skill levels with animated percentages
  • 📨 Styled Contact Form — Includes validation-ready form layout
  • 🔗 Social Links & Footer — Easy navigation to your profiles
  • Back-to-top Button — Smooth scroll functionality

🛠️ Built With

  • HTML5
  • CSS3
  • JavaScript

📁 Folder Structure

📦 Portfolio Project
 ┣ 📜 index.html
 ┣ 📜 style.css
 ┣ 📜 script.js
 ┣ 📜 README.md
 ┣ 📺 Responsive Portfolio Website Using HTML, CSS & JavaScript - Full Stack Web Developer.mp4
 ┗ 🖼️ Nilesh.png

📽️ YouTube Video Details

Title: Responsive Portfolio Website Using HTML, CSS & JavaScript | Full Stack Web Developer Portfolio
Filename: Responsive Portfolio Website Using HTML, CSS & JavaScript - Full Stack Web Developer.mp4
Tags:

#HTML #CSS #JavaScript #Portfolio #ResponsiveDesign #FrontendDevelopment #WebDevelopment #FullStackDeveloper #WebPortfolio #JavaScriptProject

📦 How to Run Locally

# Clone the repository
git clone https://github.com/palve-2003/Responsive-Personal-Potfolio-web.git

# Navigate into the folder
cd Responsive-Personal-Potfolio-web

# Open in your browser (double-click index.html or use Live Server in VS Code)

👨‍💻 Author

Nilesh Palve
📧 Email: [email protected]
🔗 LinkedIn: linkedin.com/in/nileshpalve


📜 License

This project is licensed under the MIT License.


💡 Feel free to fork this repo, customize the content, and use it as your own portfolio template!

About

A sleek and fully responsive personal portfolio website built with HTML, CSS, and JavaScript. Showcases projects, skills, and contact information with a modern and mobile-friendly design. Perfect for developers and designers to present their work online.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published