https://github.com/xnuvers007/valentine
this code for valentine website
https://github.com/xnuvers007/valentine
love valentine valentine-day valentine-website valentines valentines-day
Last synced: 6 months ago
JSON representation
this code for valentine website
- Host: GitHub
- URL: https://github.com/xnuvers007/valentine
- Owner: Xnuvers007
- License: mit
- Created: 2025-02-13T19:27:28.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-02-13T19:37:00.000Z (8 months ago)
- Last Synced: 2025-02-13T20:29:39.963Z (8 months ago)
- Topics: love, valentine, valentine-day, valentine-website, valentines, valentines-day
- Language: JavaScript
- Homepage:
- Size: 1.49 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ❤️ My Sweet Valentine ❤️
Selamat Hari Valentine! 🎉🎉
**My Sweet Valentine** adalah situs web interaktif yang dirancang untuk memberikan pengalaman spesial kepada orang yang kita sayangi pada Hari Valentine. Dengan latar musik romantis, animasi hati yang mengambang, kenangan indah, dan pesan pribadi, situs ini memberikan kejutan dan cinta yang mendalam.
# Demo
https://codepen.io/sirjeczh/full/OPJPBOW (Rekomendasi)
https://codepen.io/sirjeczh/pen/OPJPBOW
## Fitur Utama
- **Login Page**: Halaman login untuk memasukkan username dan password dengan desain yang menarik.
- **Animasi Hati Mengambang**: Hati yang bergerak dari kiri ke kanan, berputar dan memudar.
- **Audio Background**: Musik latar romantis yang menemani kunjunganmu, dengan kontrol pemutaran otomatis dan loop.
- **Pesan Cinta**: Pesan Valentine yang penuh dengan cinta untuk orang spesial.
- **Galeri Kenangan**: Koleksi gambar kenangan indah bersama orang tersayang, dilengkapi dengan efek overlay untuk detail lebih personal.
- **Counter Cinta**: Penghitungan hari-hari indah bersama orang tersayang.
- **Hadiah Spesial**: Kejutan berupa hadiah spesial, termasuk playlist, surat cinta, dan kejutan romantis lainnya.
- **Modal Gambar**: Fitur untuk melihat gambar dalam ukuran besar dengan efek modal.
## Teknologi yang Digunakan
- **HTML5**: Struktur dasar halaman web.
- **CSS3**: Desain dan tata letak halaman.
- **JavaScript**: Animasi interaktif dan fitur dinamis seperti login, galeri, dan timer.
- **SweetAlert**: Untuk menampilkan notifikasi yang elegan dan interaktif.
- **Particles.js**: Menambahkan efek partikel halus untuk membuat situs lebih hidup dan menarik.
- **Audio MP3**: Musik latar untuk menciptakan suasana romantis.
## Cara Menggunakan
1. **Clone atau Download Proyek ini**:
- Jika Anda ingin mengunduh proyek ini, Anda bisa mengklik tombol "Download" atau menggunakan perintah Git berikut:
```bash
git clone https://github.com/Xnuvers007/valentine.git
```
2. **Menggunakan Proyek di Lokal Anda**:
- Pastikan Anda sudah memiliki server lokal (misalnya, menggunakan [XAMPP](https://www.apachefriends.org/) atau [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)).
- Tempatkan file yang diunduh dalam folder `htdocs` (jika menggunakan XAMPP) atau dalam folder proyek lokal yang sesuai.
- Akses `index.html` di browser Anda.
3. **Jelajahi dan Nikmati**:
- Masukkan nama dan password di halaman login untuk melanjutkan ke halaman utama.
- Nikmati pesan cinta dan kejutannya!
## Fitur Lainnya
- **Responsive**: Desain responsif yang bekerja dengan baik di perangkat seluler maupun desktop.
- **Tombol Hadiah**: Klik tombol hadiah untuk melihat kejutan dan hadiah spesial untuk orang yang Anda cintai.
- **Tombol Musik**: Kontrol musik untuk mendengarkan playlist romantis, lengkap dengan link YouTube untuk menambah suasana cinta.
- **Pesan Kejutan**: Klik untuk menambah lebih banyak pesan cinta secara acak.
## Screenshot
*Halaman Login dengan tema Valentine.*
*Halaman utama yang di desain dengan tema Valentine dan animasi love
*Gallery kenangan indah dengan overlay yang personal.*
Dan fitur lain lainnya.
## Kontribusi
Kami menyambut kontribusi dari semua orang yang ingin memperbaiki atau meningkatkan proyek ini. Jika Anda ingin berkontribusi, silakan lakukan langkah-langkah berikut:
1. Fork repositori ini.
2. Buat branch baru (`git checkout -b feature/fitur-baru`).
3. Lakukan perubahan yang diperlukan.
4. Commit perubahan Anda (`git commit -am 'Menambahkan fitur baru'`).
5. Push branch ke repositori Anda (`git push origin feature/fitur-baru`).
6. Kirim pull request ke repositori utama.
## Lisensi
Proyek ini dilisensikan di bawah [MIT License](LICENSE).
## Kontak
- **Nama Proyek**: My Sweet Valentine
- **Pengembang**: Xnuvers007
- **Website**: [My Website](https://mykingbee.blogspot.com/)