💝 Valentine's Day Love Website

A beautiful, romantic frontend web application designed to surprise your special someone on Valentine's Day. Features cinematic text animations, a mesmerizing starfield background, soft flute music, and adorable GIFs — all wrapped in a responsive, mobile-friendly design.

✨ Features

• 🌟 Twinkling Starfield — Animated background with glowing white stars and colorful nebula effects
• 🎭 Cinematic Text Animation — 21 romantic messages that fade in/out like a movie
• 🎵 Soft Flute Music — Auto-playing romantic melody using Web Audio API
• 🐰 Cute Tenor GIF — Adorable bunny love animation on the final screen
• 💫 Fireworks Effect — Celebration animation when clicking the love button
• 📱 Fully Responsive — Works perfectly on desktop, tablet, and mobile
• 🎨 Beautiful UI — Gradient buttons, glowing text effects, and smooth transitions
• 🔄 Replay Option — "Read Again" and "Back to Start" functionality

🚀 Live Demo

[View Live Demo]-(https://xraman-71.github.io/my-valentine/)

🛠️ Technologies Used

• HTML5 — Semantic structure and canvas animations
• CSS3 — Flexbox, gradients, animations, and responsive design
• JavaScript (ES6+) — Web Audio API, Canvas API, and DOM manipulation
• Tailwind CSS — Utility-first styling via CDN
• Tenor GIF API — Embedded romantic animations

📁 Project Structure

Current Structure (Single File)

This project is currently built as a single-file application for simplicity:

File	Purpose
index.html	Contains all HTML markup, CSS styles, and JavaScript logic in one file
README.md	Documentation and usage instructions
LICENSE	MIT license for open source use

Why Single File?

• ✅ Easy to share — Just one file to send or deploy
• ✅ No build process — Works immediately in any browser
• ✅ Simple hosting — Upload to any static host (GitHub Pages, Netlify, Vercel)
• ✅ Beginner friendly — Easy to understand and modify

For Larger Projects

If you want to expand this project, consider splitting into: