Skip to content

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

Notifications You must be signed in to change notification settings

Yashi-Singh-1/Maintenance-Modal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Maintenance Modal

Challenge Description

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

Preview

Maintenance Modal 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

  1. VS Code (You can use any other code editor)
  2. A modern web browser (Chrome, Firefox, Safari, or Edge).
  3. Access to an internet connection for resource imports.

Contributing

If you'd like to contribute to this challenge:

  1. Fork the repository on GitHub.
  2. Clone your forked repository to your local machine:
  3. git clone https://github.com/Yashi-Singh-1/Maintenance-Modal.git
  4. Create a new branch for your feature or bug fix:
  5. git checkout -b feature-name
  6. Make your changes and commit them with a clear and concise message:
  7. git commit -m 'Add new feature or fix'
  8. Push your changes to your forked repository:
  9. git push origin feature-name
  10. Open a pull request to the main repository.
  11. Ensure your pull request includes a detailed description of your changes.
  12. Respond to any feedback or questions during the review process.

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