https://github.com/shahramshakiba/modal

Using HTML, CSS, JavaScript ✖
https://github.com/shahramshakiba/modal

html-css-javascript modal

Last synced: 2 days ago
JSON representation

Using HTML, CSS, JavaScript ✖

• Host: GitHub
• URL: https://github.com/shahramshakiba/modal
• Owner: ShahramShakiba
• Created: 2023-06-23T18:19:20.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-25T11:08:47.000Z (about 1 year ago)
• Last Synced: 2023-10-25T12:51:16.656Z (about 1 year ago)
• Topics: html-css-javascript, modal
• Language: HTML
• Homepage: https://shahramshakiba.github.io/Modal/
• Size: 543 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Description

**_Modal_** :


> This is a mini-project of building a Modal to practice `HTML`, `CSS` and `JavaScript`.  


- A _Modal_ is a graphical user interface element that appears on top of the main content and requires the user to interact with it before continuing. 


 - **`A few benefits of a Modal :`**


 **_1. User Experience_ :**


Modal windows are great for user experience as they help to focus the user's attention on a specific task or information.


**_2. Flexibility_ :**


Modals can be used for a variety of purposes, such as displaying images, videos, forms, and alerts.


**_3. Responsiveness_ :**


Modals can be made responsive to different screen sizes, making them accessible on desktops, tablets, and mobile devices.


**_4. Reduced clutter_ :**


Modals can help reduce clutter on a page by hiding information until it is needed, improving the overall user experience.

https://github.com/ShahramShakiba/Modal/assets/110089830/5790aa25-c236-4e84-b7d1-cb2ad8a7c58a

 ## Try it live :

 https://shahramshakiba.github.io/Modal/




 

 ### Find me around the Web :