This project is a modular navigation bar application developed using HTML CSS and JavaScript The main purpose of this project is to create a reusable navigation bar that can be easily added to multiple webpages using a single JavaScript function The navbar function dynamically generates the navigation structure including the brand name navigation links and login button with the help of loops and DOM manipulation The project contains separate HTML files for different webpages along with an external CSS file for styling and a JavaScript file for functionality The design uses CSS Flexbox to maintain proper alignment and spacing between navigation elements It also includes hover effects smooth transitions active link highlighting and interactive button styling Each webpage has its own navigation link that can be highlighted to help users identify their current page The main advantage of this project is code reusability because the same navigation bar can be used across multiple pages without writing the same HTML code repeatedly This project helped improve my understanding of JavaScript functions loops DOM manipulation CSS styling and multi page website development It also demonstrates the importance of creating consistent user interfaces and maintaining organized code structures for efficient web development