Skip to content

engrshuvodas/Birthday-Wish-Card

Repository files navigation

🎉 Birthday Wish Card | MyLove Edition

A heartwarming and animated web-based birthday card made with only HTML, CSS, and JS — no backend or framework needed. This page is designed to give your loved ones a memorable digital surprise! 💝

🔗 Live Demo:

Click here to view the Birthday Wish Card


💡 Features

  • 🎂 Animated 3D Birthday Cake with candle flames
  • 💌 Flip-card style birthday message
  • 🎶 Background music with autoplay support
  • ❤️ Sweet and emotional custom text inside the card
  • 📸 Includes personal photo section
  • 🔗 Smooth link to the second page with more wishes
  • 💻 Fully responsive (desktop & mobile)

📁 Project Structure

Birthday-Wish-Card/
├── img/
│   ├── girl1.jpg
│   └── girl2.jpeg
├── b-home-song.mpeg        ← Optional background song
├── bbd.html                ← Second birthday message page
├── bg.jpg                  ← Background image
├── bsong.mpeg              ← Main birthday song
├── favicon.ico             ← Website favicon
├── index.html              ← Main birthday card (landing page)
├── index.js                ← JavaScript logic for animation
├── LICENSE                 ← License file
├── preview1.png            ← Screenshot preview 1
├── preview2.png            ← Screenshot preview 2
├── preview3.png            ← Screenshot preview 3
├── README.md               ← This file
├── style.css               ← Main styling for birthday page
└── style2.css              ← Optional alternate style

📸 Previews

🎂 Birthday Cake Animation

Preview 1

🎀 Card Preview

Preview 2

💝 Message Area

Preview 3


🚀 How to Use

  1. Clone or Download this repository:
git clone https://github.com/engrshuvodas/Birthday-Wish-Card.git
  1. Customize index.html and bbd.html with your own message, photos, and music.
  2. Open index.html in your browser.
  3. Host it using GitHub Pages or any web hosting service.

📝 License

This project is licensed under the MIT License.


Platform Link
WhatsApp Chat Now
LinkedIn Profile
YouTube Channel
GitHub Repositories
Fiverr Hire Me
Portfolio About Me
Email engrshuvoda@gmail.com
X (Twitter) @engrshuvodas
Facebook Engr Shuvo

💬 Special Thanks

Made with ❤️ by Shuvo Das — because love deserves more than just a simple message.

About

A heartwarming and animated web-based birthday card made with only HTML, CSS, and JS — no backend or framework needed. This page is designed to give your loved ones a memorable digital surprise! 💝

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors