https://github.com/yashi-singh-1/maintenance-modal

Create a button that opens a modal window with text content. Includes a button to hide the modal.
https://github.com/yashi-singh-1/maintenance-modal

css-design fronend-development front-end-development frontenddevelopement javascript javascriptdevelopment modal-dialog modal-dialogs modal-pop-up modaldialog modalpopup responsive-design responsivedesign user-interface userinterface web-design web-ui webdesign webui

Last synced: 4 days ago
JSON representation

Create a button that opens a modal window with text content. Includes a button to hide the modal.

• Host: GitHub
• URL: https://github.com/yashi-singh-1/maintenance-modal
• Owner: Yashi-Singh-1
• Created: 2024-07-18T18:43:51.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-22T17:33:23.000Z (4 months ago)
• Last Synced: 2024-07-22T21:13:42.792Z (4 months ago)
• Topics: css-design, fronend-development, front-end-development, frontenddevelopement, javascript, javascriptdevelopment, modal-dialog, modal-dialogs, modal-pop-up, modaldialog, modalpopup, responsive-design, responsivedesign, user-interface, userinterface, web-design, web-ui, webdesign, webui
• Language: CSS
• Homepage:
• Size: 369 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Maintenance Modal


Challenge Description


This challenge contains a simple and elegant modal window designed to display important maintenance notifications to users.


Preview




Live Demo


Check out the live demo here.


Prerequisites




    
Basic understanding of HTML, CSS, and JavaScript.

    
A modern web browser (e.g., Chrome, Firefox, Safari) that supports HTML5 and CSS3.



Learning Points




    
Creating and Manipulating Elements

    
CSS for Modals

    
Event Handling



Tools Used




    
VS Code (You can use any other code editor)

    
A modern web browser (Chrome, Firefox, Safari, or Edge).

    
Access to an internet connection for resource imports.



Contributing


If you'd like to contribute to this challenge:




    
Fork the repository on GitHub.

    
Clone your forked repository to your local machine:

    
git clone https://github.com/Yashi-Singh-1/Maintenance-Modal.git

    
Create a new branch for your feature or bug fix:

    
git checkout -b feature-name

    
Make your changes and commit them with a clear and concise message:

    
git commit -m 'Add new feature or fix'

    
Push your changes to your forked repository:

    
git push origin feature-name

    
Open a pull request to the main repository.

    
Ensure your pull request includes a detailed description of your changes.

    
Respond to any feedback or questions during the review process.



We welcome improvements, bug fixes, and additional features that can enhance this Maintenance Modal.