khalidmesbah / landing-page

https://khalidmesbah.github.io/Landing-Page/

Manipulating the DOM exercise.

A landing page project which is a part of the Udacity's Front End Web Development Professional Nanodegree Program provided for free by FWD scholarship.

---

---

demo preview

https://khalidmesbah.github.io/FWD-Landing-Page/

---

Feutures

• The Navigation is built dynamically.
• The Sections are built dynamically.
• You can scroll to sections from navigation.
• highlights section in viewport upon scrolling.
• All features are usable across modern desktop, tablet, and phone browsers.
• Styling has been added for active states.
• Hide fixed navigation bar while not scrolling.
• Add a scroll to top button on the page that’s only visible when the user scrolls below the fold of the page.

---

About The Project

• The Project Is Built According To The Udacity Sytle Guides.
• CSS Written Based On SMACSS Architecture.
• No Reset Or Normalize Is Added.
• HTML Naming Conventions: BEM.
• JS Version: ES2015/ES6.
• JS Standard: ESlint.
• Dependencies: None.