📘 NobleNest - Blog Website

A clean, responsive Blog Website built using HTML5, CSS3, and Bootstrap 5.
This project was created as a practice exercise during my Bootstrap learning journey. I explored components like navbar, modals, cards, carousel, grid system, and more.

⚠️ Note: This was a practice project to learn Bootstrap.
I won’t be adding further updates to this project because I’ve now moved on to working with Tailwind CSS for better utility-first development.

---

📸 Screenshots

🏠 Homepage:

🏠 Home Page	🔐 Login Modal

🏷️ About Us Page	✉️ Contact Us Page

---

🌐 Live Demo

The project is live and can be viewed here: Blog-webiste

---

📌 Features

• 📱 Fully Responsive Layout powered by Bootstrap Grid
• 🧭 Modern Navbar with dropdown menus
• 🔐 Login & Signup Modals
• 🎞️ Bootstrap Carousel & Featurette Sections
• 📄 Informational Pages – Home, About, Contact
• 🔼 Scroll-to-Top Footer Button
• 🎨 Utilizes Bootstrap utility classes for clean UI

---

📚 Learning Outcomes

This project helped me understand:

• 📌 How to build layouts using Bootstrap Grid System
• 🧩 Implementing modals, buttons, and navbars
• 🌀 Using carousel and featurette components
• ⚡ Quickly building mobile-first designs with Bootstrap utilities
• 🔗 Working with CDN-based frameworks

---

🔮 Future Scope

❌ No further development is planned This project was solely for learning Bootstrap.
I’ve now transitioned to Tailwind CSS, which provides more flexibility and a better workflow.

---

🚀 How to Run Locally

1. Clone the repository:

   git clone https://github.com/TonyStark-19/Blog-website.git

2. Navigate to the project folder:

   cd Blog-website

3. Open the index.html file in your browser.

---

💬 Feedback & Contributions

Feedback is always welcome! Feel free to share suggestions, report issues, or star the repo ⭐.

---

Made with ❤️ by Aditya Chandel