iBlog is a responsive and stylish blog website where users can submit articles and explore featured content across various categories. The platform is designed to offer a smooth reading experience with intuitive navigation and appealing visuals.
- 📚 Home page with featured articles and dynamic year filter
- 🔎 Search bar to explore articles
- 🧭 Navigation bar with links to Home, About, and Contact
- 📖 Article previews with title, author, date, and read time
- 📱 Responsive design for mobile, tablet, and desktop
- 🎨 Styled using custom CSS files (utils, style, and mobile-specific styles)
iBlog/
├── index.html # Homepage with featured articles
├── about.html # About the blog/project
├── contact.html # Contact information
├── blogpost.html # Template for full blog posts
├── search.html # Search results page
│
├── css/ # All styling files
│ ├── style.css # Main stylesheet for layout and components
│ ├── utils.css # Utility classes for spacing, text, etc.
│ └── mobile.css # Responsive styles for mobile devices
│
├── img/ # Image assets
│ ├── logo.png # Blog logo
│ ├── home.svg # Main hero image
│ ├── 1.png, 2.png, 3.png # Blog thumbnail images
│ └── 11.svg # Additional illustrations
│
└── README.md # Project overview and instructions
- Clone or download the project.
- Open in any web browser.
- Author: Sanjana Yadav
- Vector graphics: Vecteezy