A simple and romantic interactive web application built with HTML, CSS, and JavaScript.
The project focuses on emotional interaction, smooth animations, and a clean visual experience.
- Animated button interaction
- Romantic messages displayed dynamically
- Background music playback
- Fullscreen background image
- Randomized message positioning
- Smooth fade-in text animations
- HTML – page structure
- CSS – styling and animations
- JavaScript – interactivity and dynamic behavior
Clone or download the repository:
git clone https://github.com/ErkanSoftwareDeveloper/love-website.git
cd love-website
No additional dependencies are required.
Open the application in your browser:
open index.html
or simply double-click the index.html file.
Click the My Heart button to start the animation, music, and messages.
love-website/
├─ index.html # Main application file
├─ background.jpg # Background image
├─ music.mp3 # Background music
└─ README.md # Project documentation
- Custom message input
- Mobile responsiveness improvements
- Music mute / volume control
- Different animation themes
- Deploy as a live web page
This project is intended for educational and personal use.
