Navigation

[blazbla274]

Create a sticky navigation bar for a website

Description: We are looking to enhance the user experience of our website by adding a sticky navigation bar. The navigation bar should remain fixed at the top of the screen as the user scrolls down the page, making it easy for them to access the main sections of the website.

The navigation bar should include the following elements:

Logo on the left side Menu items on the right side: Offer, 3D geometry, Classics, Price list, Gallery, Contact Upon scrolling down the page, the background of the navigation bar should change from transparent to the color scheme of the website and the height of the bar should decrease. The menu items should be responsive and when the screen width is reduced they should collapse into a hamburger button The navigation bar should be visually consistent with the overall design of the website.

Deliverables:

Design proposal for the navigation bar Code for the sticky navigation bar (Navbar component which takes list of menu items -> name and url per item) Live demo of the implemented sticky navigation bar.

[jes1on]

Check it out bro

[blazbla274]

Create a Pull Request from this issue, bro