Engagement Invitation 💍

Ayaz ♥ Saba – Engagement Invitation 💍

✨ A graceful, animated digital invite to celebrate love & togetherness ✨

🌟 Features You’ll Love

🎨 Islamic-Themed Animated Decorations

• Beautiful hanging stars, crescent moon, and mosque graphics for a spiritual ambiance.

💌 Elegant Event Details Card

• Featuring:
‣ Names: Ayaz ♥ Saba
‣ Occasion: Engagement Ceremony
‣ Venue: Aman Hall, Sangli, Maharashtra
‣ Stylish artwork & elegant typography.

🕌 Crescent & Mosque SVG Artwork

• Adds a soulful traditional Islamic touch.

🕊️ Animated Scroll Arrow

• Keeps guests scrolling with a gentle guiding animation.

⏳ Live Countdown Timer

• Displays time left in Days, Hours, Minutes, Seconds until the big moment.
• Message displays: "00:00:00" once the countdown completes.

📅 Add to Calendar Button

• Seamless Google Calendar integration with one click.

💻 Responsive, Modern Layout

• Works beautifully on mobiles, tablets, and desktops.
‣ ✒️ Alex Brush
‣ 🏛️ Cinzel
‣ ✍️ Nunito Sans

🗂️ Code Structure & Files

📁 index.html
➡️ The main webpage structure.

📁 index.css
🎨 Styles for layout, fonts, responsiveness, and effects.

📁 script.js
⏰ Countdown logic + scroll & decorative animations.

🔄 Countdown Timer Logic

• Built using JavaScript's Date and setInterval() methods.
• Calculates time until the engagement.
• Shows D : H : M : S countdown.
• Displays final message "00:00:00" after completion.
• Countdown is styled and embedded within the main invite section.

🚀 How to Use

🖥️ Live Preview

🔗 View Live Invitation Demo

🛠️ Local Usage

📦 Download the project files

🔗 Netlify

📂 Pages & Links

• 📄 Source Code – GitHub
• 💌 Live Invite Page
• 📅 Add to Calendar

💡 Suggestions to Make It Even Better

✅ Add a "RSVP" Section
✅ Integrate background Nikkah music or traditional instrumental
✅ Include a photo gallery slider
✅ Add a guestbook or wishes section