Birthday-Surprise-Counter-Card

An interactive and fun birthday surprise card with a countdown, animations, and a 3D card reveal. 🎉🎂

Features

• Interactive Background: Utilizes Particle.js for a dynamic and customized background animation.
• Countdown Timer: Displays a countdown timer leading to the birthday moment.
• Animated Transition: After the countdown ends, a button becomes clickable, leading to the next page.
• Emoji Falling Animation: Celebratory emojis fall from the top of the screen once the countdown ends.
• CSS Fireworks: Interactive fireworks background on the second page.
• 3D Birthday Card: A beautifully crafted 3D birthday card with animations and interactive elements.
• Responsive Design: Fully responsive and works seamlessly on all device sizes.

Demo

Check out the live demo here.

Screenshots

Main Page

After Countdown

3D Birthday Card

Installation

To get a local copy up and running, follow these steps:

1. Clone the repository:

   sh

   Copy code

   git clone https://github.com/Soumajit-Roy/Birthday-Surprise-Counter-Card.git

2. Navigate to the project directory:

   sh

   Copy code

   cd Birthday-Surprise-Counter-Card

3. Open index.html in your preferred browser to view the project.

Usage

• Open the project in your browser.
• Wait for the countdown to finish.
• Enjoy the animations and interactive elements as you explore the birthday card.

Built With

• HTML: Structuring the content.
• CSS: Styling the elements, creating animations, and making the card interactive.
• JavaScript: Adding dynamic behavior and animations such as the countdown, emoji falling, and fireworks.
• Particle.js: For creating the interactive background on the main page.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project.
2. Create your Feature Branch (git checkout -b feature/AmazingFeature).
3. Commit your Changes (git commit -m 'Add some AmazingFeature').
4. Push to the Branch (git push origin feature/AmazingFeature).
5. Open a Pull Request.

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Soumajit Roy - Twitter - [email protected]

Project Link: https://github.com/Soumajit-Roy/Birthday-Surprise-Counter-Card