[MeetingCards.jsx] - Redesigning meeting cards for landing pages in the MeetingCard.jsx component

[CDCHarshit]

Task Description

This issue involves you redesigning meeting cards for landing pages in the MeetingCards.jsx component.

This is the current design:

And we need such a design:

Note: In the current design, the text appears on hover. But we need text below the icon.

• Color code for 1st meeting card: #FF742E
• Color code for 2nd meeting card: #0E78F9
• Color code for 3rd meeting card: #830EF9
• Color code for 4th meeting card: #F9A90E

Requirements:-

Should be responsive. And responsive design should look something like this on mobile devices:

Instructions

You can start working on it by taking latest pull from main branch

• Please read the contributors guidelines Contributing Guidelines.
• Please follow the code of conduct Code Of Conduct
• Don't Forget to join onboarding group for knowledge flow and direct conversation and support from admins
• Link Curious Developers Community - Curious Connect
• Please attach the screenshots and video of the development work once it is done
• Contributions more than 3 will be awarded a certificate of appreciation from curious ecosystem
• please mail to ([email protected]) for claiming certificate and please attach your issue number

Respect Co Developers And Please Reach-out to admins if any issues

[github-actions]

Congratulations, @CDCHarshit! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[anuragnegi000]

Assign this issue to me i would like to work on it

[Soumilgit]

Yes me too!

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[CDCHarshit]

@anuragnegi000 you can start working on this issue.

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @anuragnegi000

[anuragnegi000]

@CDCHarshit okay

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @anuragnegi000

[nachatra-sharma]

@CDCHarshit sir, i want to work on this issue.

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @anuragnegi000

[anuragnegi000]

@CDCHarshit Please check PR

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @anuragnegi000

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @anuragnegi000

[harshcodesit]

My name is Harshwardhan Singh Panwar and I'm a contributor at GSSOC'24 .

idea:- By incorporating div CSS and animations, I can design the UI in an interactive manner, making it visually appealing.

Please assign this task to me, GSSOC'24 .

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @anuragnegi000

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @anuragnegi000

[harshcodesit]

please assign me as soon as possible

[CDCHarshit]

The issue with the component's redesigning meeting cards for landing pages in the MeetingCards.jsx has been resolved.

Thank you for your patience and contributions :)