Blooger Website is a static blog template built entirely with HTML5, CSS3, and vanilla JavaScript, created as a school project and published on GitHub with a live demo. It provides a responsive, portfolio-style layout with content sections for home, categories, archive, pages, and contact, making it a self-contained starting point for a personal blog web app.
What is Blooger Website?
Blooger Website is a front-end only blog web app template. It takes no backend, database, or build process: content is edited directly in the HTML files, and the finished site runs on any static web host, including GitHub Pages. The project was started as a school project and is maintained in a public repository, with a live demo at mian-ali.github.io/Blooger-website/. The template uses HTML5 for structure, CSS3 for styling, and JavaScript for interactions and animations.
Key Features
- Responsive Design — the layout adapts to mobile, tablet, and desktop viewports without extra libraries.
- Portfolio Template — includes portfolio-oriented presentation styles suitable for showcasing work alongside blog posts.
- Unique and Dynamic Design — JavaScript-driven animations and dynamic styling give the site a custom feel.
- Multiple Sections — ships with HOME, CATEGORY, ARCHIVE, PAGES, CONTACT sections plus additional site areas.
- Vanilla Tech Stack — only HTML5, CSS3, and JavaScript; no frameworks, preprocessors, or build tools required.
- Live Demo — the project is deployed on GitHub Pages, so you can preview the template before downloading.
Who is it for?
- Front-end students — use it as a learning reference for structuring a multi-section static website with plain HTML/CSS/JS.
- Personal bloggers — set up a simple blog by replacing the sample content in the HTML files with your own posts.
- Portfolio site owners — present project showcases and articles together using the included portfolio-style sections.
What can you do with it?
- Start a blog quickly — clone the repository, edit the HTML content, and publish the resulting static site to any host.
- Study front-end basics — examine how a school project organizes global navigation, content sections, and responsive CSS.
- Create a prototype — use the existing page structure as a mockup before building a production blog with a CMS or framework.
FAQ
Is Blooger Website free to use?
The project is hosted in a public GitHub repository with a live demo, so you can freely view, download, and modify the code for your own use. No license or pricing information is stated in the repository.
What technologies does Blooger Website use?
It uses only HTML5 for markup, CSS3 for styling, and plain JavaScript for behavior and animation. There are no frameworks, libraries, or build dependencies.
Can I customize the sections?
Yes. The sections are defined in the HTML files, so you can rename, reorder, or remove HOME, CATEGORY, ARCHIVE, PAGES, and CONTACT as needed by editing the markup.
Does the template require a server or database?
No. It is a static site, so it runs on any basic web server or hosting service. There is no server-side code or database connection.
