Valentine's Day Surprise

Valentine's Day Surprise is a website created with love to make Valentine's Day even more special! It presents six romantic messages in a cinematic style, combined with an animated background and a fun interactive surprise.

Live Demo

✨ Features That Make Hearts Flutter

Romantic Messages

• Sequential, animated love notes
• Smooth transitions between messages
• Customizable text to make it personal

Celebration Effects

• Heart explosion animation 💥
• Dynamic celebration text effects

Interactive Elements

• "Yes" button triggers a magical celebration
• "Still Thinking" button tries to escape (but love always wins!)
• Ripple click effects on buttons

Visual Magic

• Floating love particles (❤️, 🌟, 💞)
• Smooth gradient background
• Subtle heart pattern overlay

Technologies

Installation & Setup

1. Clone the repository:

   git clone https://github.com/ViktorHadzhiyanev/Valentines-Day-Quiz.git

2. Open index.html in your browser.

Let the romance unfold!

Customization

Make it your own! Here's how:

Change Messages Edit the messages in the index.html file:

<div class="message" data-index="1">Your custom romantic message here</div>

Modify Emojis Update the floating particles in the /script/main.js file:

const emojis = ['❤️', '🦋', '🌹', '💘'];

Adjust Colors Edit the CSS variables in the style/styles.css section:

background: 
       linear-gradient(45deg, 
           #620080 25%, 
           #8a2be2 75%);

Spread the Love 🌹

If this project made your heart flutter, give it a ⭐ and share it with someone special!

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

[Viktor Hadzhiyanev]
GitHub Link