Sidenote — Personal Blog HTML Template

Built for personal blog, the markup is semantic and the layout is responsive from small phones up to wide desktop widths.

Styling is kept in a single stylesheet with custom properties at the top, so colour and type changes happen in one place.

• Businesses in personal blog that need a credible site quickly
• Freelancers delivering a small site on a fixed budget
• Anyone replacing a dated or unmaintained website
• Developers who want a clean structural starting point

• Single-column reading layout
• Archive-by-year page
• About page pattern
• Zero dependencies
• Responsive layout from mobile through wide desktop
• Semantic, accessible HTML structure
• Reusable section blocks that can be reordered
• Navigation with mobile menu behaviour
• Contact section layout
• Custom properties for colour and type at the top of the stylesheet
• Readable class naming
• No build step or framework requirement

The template itself, supplied as HTML, CSS, together with the licence tier you select at checkout and any future revisions to this product.

Package contents are listed under What's included on this page. Product updates are available from your DistroSource library at no additional cost.

Any modern browser · Static hosting

• Any modern browser
• A text editor for editing HTML and CSS

• Step 1. Open the template files in your editor.
• Step 2. Edit the custom properties at the top of the stylesheet for colour and type.
• Step 3. Replace the placeholder copy and imagery with your own.
• Step 4. Upload the folder to any static host.

• Change the palette and type scale from the custom properties block
• Reorder, duplicate or remove page sections
• Adjust container widths and spacing rhythm
• Swap imagery without touching layout rules

• Personal — for your own private, non-commercial projects. Not for client work or anything that generates revenue.
• Commercial — for one commercial project or one client project. A separate licence is needed for each additional project.
• Agency — for multiple client projects, up to the limits stated on this page and recorded on your order.

No tier permits reselling or redistributing the files themselves, and none grants resale of source files.

Questions about this template are handled through your DistroSource account — open a support ticket from the order and include your order number. Licensing questions are answered on the Licenses page.