Flip-Card Animation

Simple site to group all my profiles on social networks in one place.

GitHub top language Made by Repository size GitHub last commit

About the project   |    Getting started   |    How to contribute   |    License


💡 About the project

Welcome to the Flip-Card Animation project! This project features a sleek and interactive flip-card animation with on-hover quotes, built using HTML, CSS. The design is fully responsive, ensuring a seamless experience across all devices. The project demonstrates smooth CSS transitions and a clean code structure, making it easy to understand and customize. Explore the project and get inspired by the engaging animation effects!

Features:

  • Responsive design
  • Smooth CSS transitions
  • On-hover quotes
  • Clean and simple code

Check out the live demo here.

🚀 Getting started

If you installed git you can clone the code to your machine, or download a ZIP of all the files directly. Download the ZIP from this location, or run the following git command to clone the files to your machine:

git clone https://github.com/gitsdeepak/Flip-Card-Animation
  • Once the files are on your machine, open the linktree folder in Visual Studio Code.
  • With the files open in Visual Studio Code, press the Go Live button at the bottom of the window to launch the files with Live Server.
  • Change the profile image and texts in the index.html file.
  • Change the colors and fonts in the style.css file.

🤔 How to contribute

  • Fork this repository;
  • Create a branch with your feature: git checkout -b my-feature;
  • Commit your changes: git commit -m "feat: my new feature";
  • Push to your branch: git push origin my-feature.

Once your pull request has been merged, you can delete your branch.

📝 License

This project is under the MIT license. See the LICENSE file for more details.


Made by gitsdeepak 👋 Get in touch