Skip to content

khalidmesbah/Landing-Page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.


Udacity Logo


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.