Skip to content

Latest commit

 

History

History
32 lines (20 loc) · 1.21 KB

README.md

File metadata and controls

32 lines (20 loc) · 1.21 KB

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.