Skip to content

gemmatruong/valentine_card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💝 Will You Be My Valentine? 💝

A romantic interactive Valentine webpage built with HTML, CSS, and JavaScript.

Live Demo:
👉 https://gemmatruong.github.io/valentine_card/


✨ Features

  • 💻 Animated scrolling "code" background
  • 💌 Vintage love letter design
  • 💖 Floating hearts animation
  • 🏃‍♂️ A playful "No" button that runs away
  • 🎆 Sparkle effects when clicking "Yes"
  • 🖼 Animated reveal with glowing photo
  • 💓 Heart pulse animation overlay
  • 🌸 Custom baby neon pink theme

🛠 Built With

  • HTML5
  • CSS3 (Animations, Gradients, Keyframes, Flexbox)
  • Vanilla JavaScript
  • Google Fonts

🚀 Deployment

This project is deployed using GitHub Pages.

To deploy your own version:

  1. Fork or clone this repository
  2. Push your changes
  3. Go to Settings → Pages
  4. Select main branch → / (root)
  5. Save and enjoy your live site 🎉

💖 Customization

You can easily customize:

  • 🖼 Replace the photo in the reveal section
  • 🎨 Change theme colors in :root
  • ✨ Modify sparkle style and animations
  • 💓 Adjust heart pulse speed
  • 📝 Edit the message text

💡 Future Ideas

  • Add background music
  • Add confetti explosion
  • Add typing animation
  • Add countdown to Valentine’s Day
  • Make it mobile-optimized

❤️ Made With Love

Created as a special interactive Valentine surprise.

If you like it, feel free to ⭐ star the repo!


About

Vibe-coding AI to create a cute valentine card in 5 minutes

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors