A clean, modern e‑portfolio tailored for UI/UX design work (mobile & web) and an illustrations gallery. No build tools required.
index.html
— page structure and sectionscss/styles.css
— responsive design system and componentsjs/main.js
— theme toggle, smooth scroll, data-driven renderingdata/projects.json
— edit this to add case studies and gallery itemsassets/
— drop your images here (covers and illustrations)
- Replace "Your Name" in
index.html
header and footer. - Update links for Behance/Dribbble/LinkedIn in the hero.
- Add images to
assets/
and update paths indata/projects.json
. - Open
index.html
in a browser, or serve locally.
On Windows PowerShell:
cd D:\MyPortfolio
python -m http.server 8000
Then open http://localhost:8000
.
- Colors and spacing use CSS variables at the top of
css/styles.css
. - Toggle light mode via the moon button in the header (persists).
- To add projects, append items in
caseStudies
withindata/projects.json
. - To add illustration items, append entries in
gallery
.
- GitHub Pages: push this folder and enable Pages.
- Netlify/Vercel: drag‑and‑drop the folder; set output as the site root.