https://github.com/andrejkoller/blog-template
https://github.com/andrejkoller/blog-template
blog css3 frontend html5 javascript template website
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/andrejkoller/blog-template
- Owner: andrejkoller
- Created: 2025-02-21T11:42:55.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-21T11:45:37.000Z (over 1 year ago)
- Last Synced: 2025-02-21T12:32:19.080Z (over 1 year ago)
- Topics: blog, css3, frontend, html5, javascript, template, website
- Language: CSS
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Short description
A modern, responsive blog template featuring a clean design with advanced navigation, search functionality, and dark mode support. Built with vanilla HTML, CSS, and JavaScript.
## ✨ Features
- Responsive Design: Fully responsive layout that works seamlessly on desktop, tablet, and mobile devices
- Collapsible Sidebar Side navigation that can be toggled and collapsed for better content focus
- Advanced Menu System Multi-level menu with sub-navigation and smooth transitions
- Search Functionality Quick search with category filtering
- Image Carousel Auto-rotating carousel for featured content
- Dark Mode System-aware dark mode with manual toggle and persistent user preference
- Smooth Animations CSS transitions and animations for enhanced user experience
- FontAwesome Icons Integrated icon library for modern UI elements
- Scroll to Top Quick navigation button to return to page top
## 🛠️ Technologies Used
- HTML5 Semantic markup
- CSS3 Modern styling with custom properties, flexbox, and animations
- JavaScript (ES6+): Vanilla JS for all interactive features
- FontAwesome Icon library (loaded via CDN)
## 📦 Installation
1. Clone the repository:
```bash
git clone https://github.com/andrejkoller/blog-template.git
cd blog-template
```
2. Open `index.html` in your browser or use a local development server:
```bash
# Using Python 3
python -m http.server 8000
# Using Node.js (http-server)
npx http-server
```
3. Navigate to `http://localhost:8000`