Skip to content

sapthesh/Birthday-V2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎂 Birthday Web Template V2 - The Grand Reveal 🎂

Repo Size Last Commit Hits Hits

License Version

Welcome to V2! This is a complete reimagining of the birthday greeting project, designed with an engaging, multi-step user experience and a host of modern animations.

✨ Features

  • Interactive Multi-Step Reveal: A journey from a sealed envelope to an unfolding letter, culminating in a grand birthday celebration.
  • Enhanced Animations:
    • Rising Balloons: Colorful balloons float up the screen.
    • Typewriter Text Effect: The main greeting is typed out for a dramatic effect.
    • Envelope & Letter Animations: Smooth, delightful transitions between steps.
  • Zero Dependencies: Built with just HTML, CSS, and vanilla JavaScript.
  • Modern & Responsive Design: Looks beautiful on all devices.
  • Easy to Customize: Personalize the name and message in a clearly marked section in the index.html file.

🚀 Getting Started

No complex setup is required! You can run this project locally in just a few steps.

Prerequisites

You only need a modern web browser like Google Chrome, Firefox, or Safari.

Installation

  1. Clone the repository:
    git clone [https://github.com/](https://github.com/)[your-username]/[repository-name].git
  2. Navigate to the project directory:
    cd [repository-name]
  3. Open the file: Simply open the index.html file in your web browser. That's it!

🎮 How to Customize

Personalizing the birthday card is incredibly simple.

  1. Open the index.html file in a text editor.
  2. Find the section marked with ``.
  3. Change the name inside the <h2 class="name"> tag.
  4. Change the wish inside the <p class="wish-message"> tag.
  5. Save the file, and your personalized greeting is ready!

🤝 Contributing

Love this and want to make it even better? Contributions are welcome!

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

📜 License

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

Star History

Star History Chart

About

This is a complete reimagining of the birthday greeting project, designed with an engaging, multi-step user experience and a host of modern animations.

Topics

Resources

License

Stars

Watchers

Forks