https://github.com/codewithsadee/modal-project

modal window which is used on websites to get users to do or see something specific.
https://github.com/codewithsadee/modal-project

css3 html5 javascript modal modal-windows scss

Last synced: 28 days ago
JSON representation

modal window which is used on websites to get users to do or see something specific.

• Host: GitHub
• URL: https://github.com/codewithsadee/modal-project
• Owner: codewithsadee
• Created: 2021-07-27T09:13:06.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-09-05T18:34:50.000Z (about 4 years ago)
• Last Synced: 2025-04-06T23:27:31.262Z (6 months ago)
• Topics: css3, html5, javascript, modal, modal-windows, scss
• Language: CSS
• Homepage:
• Size: 4.58 MB
• Stars: 3
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Modal Project

In this Project im created a **modal** window which is used on websites to get users to do or see something specific.

A good example of a modal window would be if a user made changes in a site without saving them and tried to go to another page. You can create a modal window that warns them to save their changes or else that information will be lost.

#### Key concepts covered:

* document.querySelector()

* addEventListener()

* classList.add()

* classList.remove()

### Screenshots

> ![Modal Project Screenshot 1](https://github.com/codewithsadee/modal-project/blob/master/assets/images/screenshot-1.png "Modal Project Screenshot 1")

> ![Modal Project Screenshot 2](https://github.com/codewithsadee/modal-project/blob/master/assets/images/screenshot-2.png "Modal Project Screenshot 2")