https://github.com/sdkdeepa/landing-page-application

Udacity Frontend web developer course project 2
https://github.com/sdkdeepa/landing-page-application

Last synced: 3 months ago
JSON representation

Udacity Frontend web developer course project 2

• Host: GitHub
• URL: https://github.com/sdkdeepa/landing-page-application
• Owner: sdkdeepa
• Created: 2021-01-17T11:11:02.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-12-02T03:54:16.000Z (over 4 years ago)
• Last Synced: 2025-02-14T21:00:00.816Z (over 1 year ago)
• Language: HTML
• Homepage: https://deepa-frontendprojects.netlify.app/
• Size: 2.18 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Landing Page 

I have created a navigation bar with links using DOM and with beautiful animations. 

### Details: 

- Please scroll carefully to see the navigation and the section highlighting.  

- Tested the page in desktop, tablet and mobile 

- This page is hosted in https://deepa-frontendprojects.netlify.app/

- Changed web content  and color theme

- Followed Git versioning (dev to main)

- commented inside the app.js file for each variable definitions and functions

All the rubrics have been carefully followed before submission.

Screenshot:

![hosted app screenshot](https://github.com/sdkdeepa/Udacity-landing-page-project2/blob/main/screenshots/hosted-app-screenshot.png)

### References:

- https://webdesign.tutsplus.com/tutorials/smooth-scrolling-vanilla-javascript--cms-35165

- https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

- https://www.thewebdeveloperguide.com/javascript-get-data-attribute/

- https://www.w3schools.com/howto/howto_css_smooth_scroll.asp