This is a simple, clean personal portfolio website built with PHP, HTML, SCSS and vanilla JavaScript.
It’s based on an original design by me. The goal of this project is to turn a static design into accessible, modern code — and make it easy for anyone to customize or learn from. It’s mobile responsive and includes a custom CSS masonry layout, on scroll animation effects and a JavaScript filter.
This project is part of a free, open-source series focused on helping newer developers practice HTML/CSS with real-world examples.
🎥 Watch the build in action on my YouTube channel — or check out the project playlist to follow the full step-by-step process.
git clone git@github.com:angelajholden/portfolio.gitIf you're using VS Code, I recommend using the Live Server extension to run and view the site in your browser.
sass --watch scss/styles.scss:styles.css --style compressedOr use the VS Code extension Live Sass Compiler.
This project is released as an open-source, free-to-use static website template under the MIT License. You are welcome to use, modify, and distribute the code for personal or commercial projects, with or without attribution.
The visual design of this template was adapted from an original design.
- The code in this repository is 100% original and written by me.
- This project may not be resold, re-uploaded, or redistributed as a template or theme on marketplaces.