Landing Page Project

Udacity Project ( professional Track )

Project Description

Building a basic landing page using Java Script to make it responsive and dynamically add and highlight sections on scrolling.

live demo

Features

1. The navigation bar is adding new sections Dynamically.

2. Automatically detect the active section in the viewport.

3. The active section been highlighted in the navigation bar.

4. Smooth scrolling.

Methods and Functions ’ve been used:

• Element.scrollIntoView()

• Element.getBoundingClientRect()

• Create li

• Active Section

Acknowledgement

• Udacity- Professional track.
• MDN
• Stack Overflow

License & Copyright

© Udacity - Shehabeldin Alhawary