https://github.com/maryehb/landing-page-small-version
https://github.com/maryehb/landing-page-small-version
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/maryehb/landing-page-small-version
- Owner: MaryEhb
- Created: 2020-07-18T12:44:10.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-07-21T16:41:36.000Z (about 6 years ago)
- Last Synced: 2025-06-12T13:47:48.819Z (about 1 year ago)
- Language: HTML
- Size: 718 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Landing Page Project
## Table of Contents
* [Description](#Description)
* [Features](#Features)
* [Instructions](#Instructions)
* [References](#References)
## Description
This project is a landing page made with HTML, CSS and JavaScript which consists of sections and a navigation menu that is **dynamically** built by JavaScript, and can be run on most browsers.
## Features
* dynamically updated navigation based on the sections found in page
* Scroll to top button
* Dark mode
* All features are usable across modern desktop, tablet, and phone browsers
## Instructions
1. all page text content need to be changed to the required one.
2. when adding a new section make sure to add ` data-nav="" ` attribute to the section and that represent the section name in navigation
Example:
```
...
```
3. The Dark mode is applied by toogling class `.dark` to the elements needed to be changed due the mode used
Example:
```
body.dark{
background-color: #051922;
color: #fff;
}
```
## References
* [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
* [W3Schools](https://www.w3schools.com/)