This is a project to practice DOM manipulation with JavaScript and is part of the Udacity Front End Web Developer Nanodegree.
The starter project was provided by Udacity and has some HTML and CSS styling to display a static version of the Landing Page.
The goals of this project are to convert this project from a static webpage to an interactive one with these requirements:
- A top navigation is dynamically created from the sections on the landing page
- Clicking on the navigation sections autoscrolls the user to the relevant section.
- Each section is styled to identify it as the active seciton when in view.
- Each section in the top navigation itself is highlghted when the section is active.
Completeing this will require modifying the HTML and CSS files, but primarily the JavaScript file.
- HTML
- CSS3
- Vanilla JavaScript
- Google Fonts
To run this project locally:
- Clone or download this repository.
git clone https://github.com/Angelica137/cd0428-landing-page.git
- Navigate to the project directory.
- Open the index.html file in you browser.
To view and interact with this project:
- Click on any item in the navigation menu to scroll to the section.
- See the dynamic highlightning of the section and the navigation item as you scroll through the page.
- Angelica Beristain
- Starter code: Udacity