📖 Janhavi's Blog – HTML & CSS Project 🚀 Overview
This project is a responsive and visually appealing blog homepage designed using HTML and CSS. It showcases different blog categories like travel, productivity, sustainability, and wellness in a card-based layout.
The goal of this project is to create a modern UI that is clean, user-friendly, and visually engaging.
✨ Features 🧩 Card-based layout for blog posts 🎨 Clean and minimal UI design 📱 Responsive design (works on different screen sizes) 🖼️ Image-based blog previews 👤 Author and date display for each post 🏷️ Category tags for better organization 🛠️ Tech Stack HTML5 – Structure of the webpage CSS3 – Styling and layout design 📂 Project Structure 📁 Blog Project ┣ 📄 index.html ┣ 📄 style.css ┗ 📁 images 🎯 Objective
To design a modern blog interface that improves UI/UX skills and strengthens fundamentals of HTML and CSS.
📸 Preview
A homepage displaying multiple blog cards with:
Title Description Author Date Category 💡 What I Learned Creating structured layouts using HTML Styling components using CSS Working with spacing, alignment, and typography Designing responsive UI 🔮 Future Improvements Add JavaScript for interactivity Implement dark mode 🌙 Convert into a full-stack blog (MERN / Spring Boot) Add search and filtering features 📬 Conclusion
This project helped me build a strong foundation in frontend development and UI design. It reflects my ability to create clean and structured web interfaces