A modern, responsive personal portfolio website built with pure HTML, CSS, and JavaScript — featuring dark/light mode, smooth animations, and interactive sections for projects, education, and contact.
- 🎨 Modern UI — Minimal, deep-black design with animated gradients and subtle shadows
- 🌗 Dark / Light Mode — Toggle theme with persistent state (saved in
localStorage) - 💬 Dynamic Typing Effect — Intro text powered by Typed.js
- 🪄 Scroll Animations — Section reveals via ScrollReveal
- 📂 Projects Showcase — Cards with tags, demo, and GitHub links
- 📜 Experience & Education — Responsive grid layout with adaptive typography
- 📧 Contact Form — Integrated with Formspree for easy message handling
- ♿ Accessible & Responsive — Works across devices and includes ARIA roles/labels
| Area | Tools / Libraries |
|---|---|
| Structure | HTML5 |
| Styling | CSS3 (Custom properties, animations, media queries) |
| Interactivity | Vanilla JavaScript |
| Animations | Typed.js, ScrollReveal |
| Hosting (optional) | GitHub Pages / Netlify / Vercel |
-
Update your info in
index.html:- Name, About, Experience, Projects, Certifications
-
Add new project cards inside the
<section id="projects">area. -
Replace
assets/*thumbnails and resume link (resume.pdf). -
Update Formspree endpoint inside the contact form (
actionattribute).
- Optimize your images (
.png/.jpg) using TinyPNG. - Serve with caching headers if deployed on a CDN.
- Use
<link rel="preload">for critical fonts if needed.
This project is open-source under the MIT License.
Saksham Shashi Shekher 🌍 Portfolio 🐦 Twitter · 💼 LinkedIn · 🐙 GitHub
“Prototype fast → learn by doing → ship better each time.”