🌐 Responsive Navbar

A simple and clean Responsive Navigation Bar built using HTML, CSS, and JavaScript. This project demonstrates how to create a mobile-friendly navigation menu with toggle functionality.

---

🚀 Features

• ✅ Fully responsive design (Mobile + Desktop)
• ✅ Hamburger menu for small screens
• ✅ Toggle menu using JavaScript
• ✅ Clean and modern UI
• ✅ Smooth user experience

---

🛠️ Technologies Used

• HTML5
• CSS3 (Flexbox + Media Queries)
• JavaScript (DOM Manipulation)

---

📂 Project Structure

Responsive-Navbar/
│── index.html
│── RNav.css
│── RNav.js
│── cafe.jpg
│── login.png

---

⚙️ How It Works

• The navigation menu is visible on desktop

• On smaller screens:

  • Menu is hidden by default
  • Clicking the ☰ icon opens the menu
  • Clicking ❌ closes the menu

• JavaScript handles the toggle behavior using display property

---

📸 Preview

(Add a screenshot here later)

---

🌍 Live Demo

(Add GitHub Pages link here after deployment)

---

📌 Learning Outcome

Through this project, I learned:

• How to build responsive layouts using media queries
• How to manipulate DOM elements using JavaScript
• How to create interactive UI components
• Basics of structuring a frontend project

---

🙌 Author

Dilpreet Kaur B.Tech CSE Student

---

⭐ Support

If you like this project, give it a ⭐ on GitHub!