This is a simple, clean landing page built with HTML, CSS and vanilla JavaScript.
It’s based on a Photoshop mockup called Soho — purchased from Envato/ThemeForest.
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, and it’s mobile responsive.
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/soho-layout.gitIf you're using VS Code, I recommend using the Live Server extension to run and view the site in your browser.
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 a commercial [Photoshop/Figma] mockup purchased from ThemeForest.
That asset was used in accordance with the ThemeForest Regular License, which permits distribution of a finished end product for free, but does not allow redistribution of the original PSD or design source files.
- The code in this repository is 100% original and written by me.
- No ThemeForest source files are included in this repo.
- This project may not be resold, re-uploaded, or redistributed as a template or theme on marketplaces.
If you fork this project, please make sure your use complies with the terms of the ThemeForest license.