Simple Blog Template — Personal Blog Website with Search, Categories & Dark Mode (HTML/CSS/JS)

Simple Blog Template — a clean, fast personal blog website built with pure HTML, CSS and JavaScript. No database, no build step, no dependencies: unzip, open index.html, and your blog is live.

Perfect for bloggers, writers, freelancers and students who want a professional-looking blog without WordPress setup, hosting costs or monthly fees. Edit one file (app.js) to publish your own posts.

Features

• Instant search — find any post by title, excerpt or category as you type
• Category filters + navigation — Coding, Freelancing, Money and Productivity, with a featured-post hero card
• Full-post reader — click any card to read the complete post in a clean modal (Esc to close)
• Dark mode toggle — remembered across visits, saved in the browser
• Bookmark posts — save favourites in localStorage, no login needed
• Newsletter form with real validation — plus reading time, dates and a fully responsive mobile layout

What's Inside

• index.html — blog homepage (hero, featured post, post grid, newsletter)
• style.css — complete styling including dark mode and mobile layout
• app.js — 8 sample posts + search, filters, reader, dark mode and bookmarks
• README.txt — setup guide and how to make it yours

Setup (1 minute)

Unzip the folder and open index.html in any browser — no server needed. To make it yours, edit the POSTS array at the top of app.js (titles, excerpts, bodies, categories, dates) and change the blog name and accent colour. Works offline in all modern browsers.

Need a Custom Website or Mobile App?

Downloading free code is just the start. Yadu Tech builds complete websites and mobile apps for businesses — design, development, deployment, all done for you.

👉 Chat on WhatsApp