An interactive Valentine-themed website built using HTML, CSS, and JavaScript. This project creates a fun and romantic experience with animations, interactive questions, gift surprises, a love quiz, a photo gallery, background music, and a final romantic video message.
Visit the live website here:
https://deepak-tech06.github.io/valentine-website/
- 💻 Coding-style animated intro
- 🧸 Interactive love question pages
- 😂 Moving "No" button effect
- 🎁 Gift reveal section
- 📝 Love letter popup
- 🧠 Love quiz interaction
- 📷 Photo gallery section
- 🎥 Final romantic video message
- ❤️ Floating heart animations
- 🎵 Background music support
- HTML5
- CSS3
- JavaScript
You can easily change the background music to any song you like.
Replace the music.mp3 file with your favorite song.
Example project structure:
valentine-website │ ├── index.html ├── music.mp3 └── README.md
If your music file has a different name, update the audio source inside index.html:
<source src="your-music-file.mp3" type="audio/mpeg">- Download or clone the repository
git clone https://github.com/Deepak-tech06/valentine-website.git
-
Open the folder
-
Double-click index.html or open it in your browser.
valentine-website │ ├── index.html # Main website file ├── music.mp3 # Background music └── README.md # Project documentation
This project was created as a fun and creative way to surprise someone special on Valentine’s Day using web development and interactive design.
Give it a star ⭐ on GitHub to support the project.
Deepak
GitHub: https://github.com/Deepak-tech06