This is a fully responsive personal portfolio website built with HTML5, CSS3, and Vanilla JavaScript.
It features Light and Dark Mode, Mobile Navigation, Dynamic Skills Display, Dynamic Project Sections, and Modern Responsive UI.
- 🔥 Light and Dark Mode Toggle (saved with localStorage)
- 📱 Fully Responsive Design (Mobile, Tablet, Desktop)
- 📌 Sticky Header on Scroll
- 💻 Dynamic Skills Section (auto-generated via JavaScript)
- 📂 Dynamic Project Section (projects created programmatically)
- 👥 Dynamic Testimonials Section
- 📋 Mobile Navigation Menu (with Open/Close animation)
- 🛠️ Local Storage for Dark Mode preference
- 🎨 Modern Clean UI/UX Design
- HTML5
- CSS3 (Flexbox, Responsive Techniques)
- Vanilla JavaScript (ES6+)
- FontAwesome (for Icons)
- When users toggle Dark Mode, their choice is saved to
localStorage
, keeping the preference even after refreshing the page. - Skills, Projects, and Testimonials are dynamically generated from JavaScript arrays.
- The Mobile Navigation Menu adapts and functions smoothly on all screen sizes.
- Smooth transitions and UI animations create a clean, modern user experience.
Visit Here:
https://moulahguine.github.io/sagar/
Light Dark Mode |
---|
![]() |
- Inspired by modern personal portfolio designs.
- Icons provided by FontAwesome.
- Thanks to mentors, online tutorials, and code reviewers for inspiration and guidance.