marcoviga / landing-page

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Landing Page Project

Landing Page for Udacity project, adding basic DOM manipulation in vanilla javascript.

Table of Contents

Intro

A Landing Page usable across modern desktop, tablet and phone browser

  • All features are usable across modern desktop, tablet, and phone browsers.
  • Styling has been added for active states
  • There are at least 4 sections that have been added to the page

Features

A list of Extra, Mandatory features implemented

Mandatory Features Implemented

  • Navigation is built dynamically as an unordered list.
  • It should be clear which section is being viewed while scrolling through the page.
  • When clicking an item from the navigation menu, the link should scroll to the appropriate section.

Extra Features Implemented

  • Add an active state to your navigation items when a section is in the viewport.
  • Hide fixed navigation bar while not scrolling (it should still be present on page load).
  • Add a scroll to top button on the page that’s only visible when the user scrolls below the fold of the page.

TODO Extra Features

  • Update/change the design/content.
  • Make sections collapsible.

About


Languages

Language:HTML 43.4%Language:CSS 34.8%Language:JavaScript 21.8%