Landing Page Project

Table of Contents

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.

My implementation contained few interactive features:

  • Auto Generated Navigation bar
  • Support of Adding new Sections to the document by an + button in the Navigation Bar
  • Highlights of the Viewable section in the Nav Bar and on the section content containers backgrounds
  • Scroll Indicator below the Nav Bar