❤️ Valentine’s Day Interactive Website

A fun and interactive Valentine’s Day themed website built using HTML, CSS, and JavaScript. This project creates a complete romantic experience with animations, quizzes, memories, and a surprise ending 💖

---

🌟 Features

💌 Love Proposal Screen

• Animated hearts ❤️
• “Will you be my Valentine?” prompt
• Interactive Yes / No buttons

---

💖 Thank You Page

• Displays a romantic message: “I LOVE YOU”
• Smooth transition to the next section

---

📜 Letter Section

• Leads to a personalized memory journey

---

🖼️ Memories Section

• Timeline-style memory gallery
• Custom dates and captions
• Image overlays with text

---

📅 Special Dates Section

• Displays meaningful moments
• Smooth navigation to next interaction

---

🧠 Quiz Section

• Interactive MCQ Quiz
• Timer-based questions ⏱️
• Score display at the end

---

🎡 Spin Wheel Game

• Spin the wheel 3 times 🎯
• Random outcomes (fun surprises)
• Tracks results dynamically

---

💞 Final Love Message

• Emotional ending screen
• Beautiful typography and layout
• Reinforces the romantic theme

---

🛠️ Technologies Used

• HTML5 → Structure
• CSS3 → Styling & animations
• JavaScript (Vanilla JS) → Interactivity
• Font Awesome → Icons ❤️
• Chart.js → (Used in quiz section)

---

📂 Project Structure

Valentine-Website/
│
├── index.html
├── style.css
├── script.js
│
├── MCQ Quiz App/
│   ├── style.css
│   ├── script.js
│   └── timer-icon.svg
│
├── Spin-Wheel-App/
│   └── Spin Wheel App/
│       ├── style.css
│       └── script.js
│
└── assets/ (images, gifs, etc.)

---

▶️ How to Run

1. Download or clone the repository

git clone https://github.com/your-username/your-repo.git

2. Open the project folder

3. Run the project

• Simply open index.html in your browser

---

💡 Highlights

• Fully interactive multi-section experience

• Smooth scrolling between sections

• Creative combination of mini-projects:

  • Quiz App 🧠
  • Spin Wheel 🎡

• Personalized and customizable content

---

⚠️ Notes

• Make sure folder paths (like MCQ Quiz App/ and Spin Wheel App/) remain unchanged
• Add your own images inside CSS classes (image1, image2, etc.)
• Works best on modern browsers

---

💖 Future Improvements

• Add background music 🎵
• Mobile responsiveness improvements
• Store quiz scores locally
• Add more animations & transitions

---

👨‍💻 Author

Karthik

---

💘 Special Note

This project is more than just code — it’s a creative expression of feelings using technology ❤️

---

⭐ If you like this project, don’t forget to star the repo!