🌊 The Ocean Static HTML Blog Website

This is a simple, clean blog site built with HTML, CSS, and vanilla JavaScript.

It’s based on a Photoshop mockup called Ocean – Personal Blog Template for Travelers and Dreamers, 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.
It’s mobile responsive and includes a custom CSS masonry layout for the blog archive, which I’m especially proud of.

This project is part of a free, open-source series focused on helping newer developers practice HTML/CSS with real-world examples.

🚧 Contributing Guidelines

All pull requests should be submitted to the staging branch.
Please use a feature branch (e.g., fix/button-spacing) when submitting PRs.
We'll merge to main after review and testing.

Thanks for contributing!

🔴 YouTube

🎥 Watch the build in action on my YouTube channel — or check out the project playlist to follow the full step-by-step process.

🔗 See the site on Github Pages

• https://angelajholden.github.io/blog

🚀 Quick Start

✅ Git Clone

git clone git@github.com:angelajholden/blog.git

✅ Live Server

Since this is a static website, if you're using VS Code, I recommend using the Live Server extension to run and view the site in the browser of your choice.

✅ Sass Watch

sass --watch scss/styles.scss:styles.css --style compressed

Or you can use the VS Code extension Live Sass Compiler.

📜 License

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.

🎨 Design Attribution

The visual design of this template was adapted from a commercial Photoshop 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.