/PRODIGY_WD_01

Responsive Landing Page: Create an interactive navigation menu that changes color or style when scrolled or when hovering over a menu item. The navigation menu should have a fixed position and be visible on all pages. Use HTML to structure the menu, CSS to style it, and JavaScript to add interactivity, such as changing the background color or font.

Primary LanguageHTMLMIT LicenseMIT

PRODIGY_WD_01

To run the file, you have to install notepad++ or you can run in visual studio.

  • The info.js file is for hovering over.
  • The info2.js file is for scrolling over.

The output of the files looks like this:

Capture

After scrolling, the output is:

Capture2

If you want to check the files, you can go to my web app:

https://dawoodkhatri1.github.io/PRODIGY_WD_01/

License

MIT License