[Feature] Add Gradient Card

[thevijayshankersharma]

Description

Implement a stylish and interactive gradient card component using HTML, CSS, and JavaScript. This component showcases structured content with a vibrant gradient background, making it suitable for highlighting featured items or information on your website. Customize the card's appearance and content easily to suit different design requirements and enhance user engagement with intuitive hover effects.

Screenshots

No response

Checklist

• [X] I have checked the existing issues.
• [X] I follow Contributing Guidelines of this project.
• [X] I am a GSSOC'24 contributor.
• [ ] I am a IWOC'24 contributor.
• [ ] I am a JWOC'24 contributor.
• [ ] I am a SWOC'24 contributor.

Code of Conduct

• [X] I agree to follow this project's "Code of Conduct".

[github-actions[bot]]

Hey @thevijayshankersharma, Welcome to the project Beautiify! 🎊 Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[saurabhsingh720]

@thevijayshankersharma Please attach some img to show what u want to add.

[thevijayshankersharma]

@saurabhsingh720 Here is the image

[saurabhsingh720]

@thevijayshankersharma go ahead I am assigning u As admin is busy for some days Do your task and provide your PR asap. Then admin merge it with the proper labels .

[github-actions[bot]]

Hello @thevijayshankersharma! Your issue #1260 has been closed. Thank you for your contribution!! 🙌