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.
In this project i modified the app.js file to make the page a dynamic one, which is the base of Sinle-Page pattern.
Started by adding features below to make the page more responsive.
- Dynamically added all sections in the html file to NavBar.
- Added Button to go to the top of the page.
- NavBar buttons changes color based on the viewed section.
- Hide NavBar dynamically.
- Button disappears in the top of the page.
https://www.w3schools.com/html/default.asp https://www.w3schools.com/css/default.asp https://www.w3schools.com/js/default.asp