Landing Page Project

================================================================== *Architecture

A landing page project that have a structure like the one shown below. All files presented and the app render a home page with clear design and functionality added when index.html is loaded in the browser.

---

css

• styles.css
  index.html js
• app.js README.md

---

No errors displayed in console. ====================== *Usability All features are usable across modern desktop, tablet, and phone browsers. ====================== *Styling Styling has been added for active states. ====================== *HTML Structure There are at least 4 sections that have been added to the page. ====================== *Navigation Navigation is built dynamically as an unordered list. Start with empty ul and dynamically build navigation using Append, appendChild, and innerHTML. ====================== *Section Active State It should be clear which section is being viewed while scrolling through the page. ====================== *Scroll to Anchor When clicking an item from the navigation menu, the link should scroll to the appropriate section.

==================================================================

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.

Resources

W3SCHOOLS MDN Web Docs