https://github.com/abrar-2510/udacity-landing-page

https://github.com/abrar-2510/udacity-landing-page

Last synced: 24 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/abrar-2510/udacity-landing-page
• Owner: Abrar-2510
• Created: 2022-07-07T00:51:45.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-07T00:54:15.000Z (over 2 years ago)
• Last Synced: 2024-11-17T23:14:31.748Z (3 months ago)
• Language: HTML
• Size: 1.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Udacity proffessional track

This repo for udacity projects for graduation.

This is the first project **landing page**.

# project title

 landing page 


# [Demo-Preview](https://abrar-2510.github.io/FWD-landing-page/)

# Table of contents



 instructions 

 adding dynamic nav items 

 Add class 'active' to section when near top of viewport 

 sources i used





# Landing Page Project


## Instructions

The starter project has some HTML and CSS styling to display a static version of the Landing Page project. You'll need to convert this project from a static project to an interactive one. This will require modifying the HTML and CSS files, but primarily the JavaScript file.

To get started, open `js/app.js` and start building out the app's functionality

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

## sources i used

https://developer.mozilla.org/en-US/docs/Glossary/Viewport

https://www.w3schools.com/jsref/met_element_getboundingclientrect.asp