landingPage
description
landingPage is a project for the FWD web development udacity nanodegree It's a single web page that's supposed to be a landingPage, It's meant to fulfill the criteria imposed by the fwd course.
Table of contents
technologies
The project relies heavily on javascript, with some html and css
author
The author of the project is Shehab Muhammad
credits
Credits to all the tutors at udacity who helped me to learn many things that helped to a great extent.
Usage
You can access and run the page at: landingPage
checklist
What was done
- navigation menu created using javascript
- used camelCase method of naming variable, and used const and let most often, meangingful names were chosen,
- added an extra section, highlighting for active section
- used markdown syntax for this readme.md file for example, 2 asterisk to make a bold phrase, and provided basic information
- I inserted several comments Which I believed were helpful.
- I highlighted the activeSection as much as I could, As well as the navigation element that corresponds to it. (colorful borders and white background respectively).
- I added some collapsible elements such as FAQ, and About section with readMore/readLess buttons.
- I added a go to top button (Top), That only appears when you're at least 50 pixels away from the top.
- I added a navigation side bar, as well as navigation bar in the header, That prevents default when clicked so it won't go to the href.
- The Scrolling is smooth.
- I added a slides show that I made specifically for the project And a game that I was working on before.
notes
The names of Sections are:
- Home
- About
- Games
- FAQ
- Contact-Us