Skip to content

Deepak-tech06/valentine-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 

Repository files navigation

💖 Valentine Interactive Website

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.


🌐 Live Demo

Visit the live website here:

https://deepak-tech06.github.io/valentine-website/


✨ Features

  • 💻 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

🛠 Technologies Used

  • HTML5
  • CSS3
  • JavaScript

🎵 Customize the Music

You can easily change the background music to any song you like.

Step 1

Replace the music.mp3 file with your favorite song.

Example project structure:

valentine-website │ ├── index.html ├── music.mp3 └── README.md

Step 2

If your music file has a different name, update the audio source inside index.html:

<source src="your-music-file.mp3" type="audio/mpeg">

🚀 How to Run the Project

Run Locally

  1. Download or clone the repository
git clone https://github.com/Deepak-tech06/valentine-website.git
  1. Open the folder

  2. Double-click index.html or open it in your browser.


📂 Project Structure

valentine-website │ ├── index.html # Main website file ├── music.mp3 # Background music └── README.md # Project documentation


❤️ Purpose

This project was created as a fun and creative way to surprise someone special on Valentine’s Day using web development and interactive design.


⭐ If you like this project

Give it a star ⭐ on GitHub to support the project.


👨‍💻 Author

Deepak

GitHub: https://github.com/Deepak-tech06

About

An interactive Valentine website built with HTML, CSS, and JavaScript featuring animations, a coding-style intro, playful questions, gift surprises, a love quiz, photo gallery, background music, and a romantic final video.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages