Portfolio (Classic)
Personal portfolio with home, about, and contact pages. Clean design, responsive.
Overview
A stunning single-page portfolio template with parallax scrolling sections, animated skill progress bars, and a project lightbox gallery. This design packs an entire portfolio — hero, about, skills, portfolio, and contact — into one seamless scrolling experience with smooth section transitions.
Key Features
- Parallax Scrolling — Background images move at different speeds creating a depth effect as visitors scroll.
- Skill Bars — Animated progress bars that fill up when scrolled into view, showcasing proficiency levels.
- Project Lightbox — Click any project thumbnail to open a full-size overlay with project details and screenshots.
- Single-Page Layout — Hero, About, Skills, Portfolio, and Contact sections all on one page with smooth scrolling navigation.
Tech Stack
Built with HTML, CSS, and JavaScript. Parallax effect via CSS background-attachment: fixed. Skill bar animations triggered by IntersectionObserver. Lightbox implemented with CSS modals and JS event handlers.
Problem it solves
This template demonstrates a classic single-page portfolio with parallax effects and scroll-triggered animations — a proven layout for creative professionals.
How it was built
Built with HTML, CSS, and JavaScript. CSS background-attachment parallax, IntersectionObserver skill animations, CSS modal lightbox.