A versatile and user-friendly website template designed to celebrate birthdays in a fun and personalized way. This project features a beautiful animation to wish your loved ones a happy birthday.
This project is a simple, yet elegant, single-page web application that displays a birthday animation. It's built with HTML, CSS, and JavaScript, and it's designed to be easily customizable for anyone to use.
- Beautiful Animations: A delightful birthday-themed animation to surprise and impress.
- Easily Customizable: Simple to personalize with the name of the person you're celebrating.
- Responsive Design: Looks great on all devices, from desktops to mobile phones.
- Lightweight: No heavy frameworks or libraries, making it fast and easy to deploy.
This project is built with a focus on simplicity and performance, using fundamental web technologies:
- HTML5: For the structure and content of the webpage.
- CSS3 & Less: For styling and creating the beautiful animations.
- JavaScript & jQuery: For the interactive elements and animations.
To get a local copy up and running, follow these simple steps.
You will need either Python or Node.js installed on your machine to run a local web server.
-
Clone the repository:
git clone [https://github.com/sapthesh/Birthday.git](https://github.com/sapthesh/Birthday.git)
-
Navigate to the project directory:
cd Birthday -
Run a local server:
-
Using Python:
python -m SimpleHTTPServer 8081
Then, open your browser and navigate to
http://localhost:8081. -
Using Node.js: First, install the dependencies:
npm install
Then, run the server:
npm run server-node
And navigate to
http://localhost:8081in your browser.
-
To customize this template for your own use, you can edit the index.html file to change the name and messages.
For example, to change the name, find the following line in index.html and replace "Present Name" with the desired name:
<h1 class="happy-birthday">Happy Birthday Your-Name</h1>