joshxinjie / fend_p2

Landing Page Project

Table of Contents

• URL
• Instructions
• Functionalities

URL

The project can be view here.

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.

Functionalities

The following functionalities were added to the starter code:

1. Navigation bar - The navigation bar is dynamically built based on the number of sections in the page. When the user clicks on a navigation item, the item will scroll the user to the appropriate section. The section currently being viewed by the user will also be highlighted in the navigation bar, to distinguish it from others.
2. Scroll to top button - A scroll to top button will be visible once the user scrolls to the last section of the page.