Skip to content

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! πŸ’

License

Notifications You must be signed in to change notification settings

engrshuvodas/Birthday-Wish-Card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

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