Udacity web development professional track first project using the given html and css template but with some adjustments. javascript is used to make the website more responsive.
- Add an active state to your navigation items when a section is in the viewport
- Build the navigation menu. dynamically create a navigation menu based on the sections of the page
- Add the functionality to scroll to sections.
- Add functionality to distinguish the section in view. While navigating through the page, the section that is active in the viewport/closest to the top should be distinguished from the other sections.
- Add an active state to your navigation items when a section is in the viewport.
- Hide fixed navigation bar while not scrolling (it should still be present on page load).
- Add a scroll to the top button on the page that’s only visible when the user scrolls below the fold of the page.
- Update/add styles.
- Make sections collapsible.