Smooth Modal Popup (Responsive & Animated)

🚀 A lightweight and responsive modal popup built with HTML, CSS, and jQuery.
Supports desktop centered fade-in modals and mobile slide-up modals with smooth animations.

✨ Features

• 🎨 Modern animation effects (fade for desktop, slide-up for mobile)
• 📱 Fully responsive (desktop & mobile friendly)
• ⚡ Lightweight - No frameworks, just HTML + CSS + jQuery
• 🔒 Easy to integrate into any project
• 🔗 Uses Font Awesome for icons

📷 Preview

Desktop

Mobile

📂 How to Use

1. Clone this repository: https://github.com/chiragkumar8/smooth-responsive-modal
2. Open the index.html file in your browser.
3. Add more modals by duplicating the structure and using data-href.

📜 Code Explanation

• HTML defines the modal structure and button.
• CSS adds:
• Desktop centered fade-in animations
• Mobile bottom slide-up animations
• jQuery handles:
• Opening the modal (.modal-button)
• Closing the modal (.modal-close)

💡 Use Cases

• Login/Register popup
• Alerts or notifications
• Product quick view modal
• Mobile app-like "bottom sheet"

🚀 Demo

If you host it using GitHub Pages, you can add a live demo link here:
https://github.com/chiragkumar8/smooth-responsive-modal