Skip to content

mahmoud-elgharably/DOM

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Landing Page Project

Description

Responsive landing page project

In this project i am going to testing create real-world sites using my new skills that i have lerned till now from udacity courses in order to sharpen my skills and become familliar with the new tecnology.

Table of Contents

Requirements:

  1. Build Navigation Menu dynamically with javascript
  2. When click on a link the page scrolls smoothly to the clicked section (smooth scroll)
  3. When scroll the page the viewed section should be highlighted and the selected menu link as well
  4. Changing navigation menu display way when using mobile devices to fit small screen (Responsive Nav Menu)
  5. Write readme file

APIS and Methods Used:

  1. Element.scrollIntoView().
  2. Toggling CSS classes via Element.classList.Add('class-name'), and Element.classList.Remove('class-name')

Instructions

To get started, open index.html in your browser and then try to hover Menu items and click them to swabe you to the selected section

For specific, detailed instructions, look at the project instructions in the Udacity Classroom.

About

Manipulating the DOM

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published