Responsive Personal Website
Mobile-compatible responsive personal website using HTML, CSS, and JavaScript.
The challenge
Needed a portfolio site that worked flawlessly across devices — phone, tablet, desktop — with dark/light theme support and interactive elements, built entirely without frameworks.
Approach
- Seven-section layout (home, about, portfolio, services, qualifications, newsletter, contact) built with vanilla HTML, CSS Grid, and Flexbox for fully responsive design.
- Dark/light theme toggle with localStorage persistence. Swiper.js carousel for the portfolio section with touch-friendly navigation.
- Modal windows for service details, scroll-to-anchor navigation, and a Formspree-powered contact form — no backend required.
- Analytics via Google Analytics (GA4) and Umami. Google Calendar integration for appointment scheduling.
Key takeaway
Building a polished, multi-section portfolio with zero frameworks reinforced how far vanilla CSS and JavaScript can go — Grid, Flexbox, and media queries handle responsive layouts that used to need Bootstrap.