Simple Landing Page

This project was made as for the Nanodegree Web Design. It's considered to be a simple landing page. the page consists of four main sections. Each section is highlighted whenever it's shown fully in the viewport or whenever the user clicks on the nav item.

The nav menu is created dynamically, meanning that the nav menu length will be increased automatic when new section added. Also, the scrolling is done smoothly while moving through every section.

Table of Contents

• Style-Guide
• Resources

Style-Guide

The style naming used in the css sheet is called BEM.

Resources

The following is a list of resourses used while devloping the landing page.

1. Project Description 1
2. Project Description 2
3. Intersection Observer
4. Query Selector StackOverflow
5. Query Selector MDN
6. Arrow Function MDN
7. Active Pseudo Class MDN
8. ClassList MDN
9. Siblings in Javascript
10. ForEach Loop MDN