[Style] Enhance the About Us page

[SaiyamTuteja]

Description

I want to improve the About Us page as its written in the simple text will put it into the box and when it will be hover then it will show the details and also its a responsive too and matches the color theme

Assign me this issue under GSSOC24

Screenshots

Before Hover

After Hover

Checklist

• I have checked the existing issues.
• I follow Contributing Guidelines of this project.
• 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

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

[github-actions]

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

[jessicachawla]

@Rakesh9100 this issue can be assigned

[Rakesh9100]

Provide the example screenshot of how it will look after your changes @SaiyamTuteja

[SaiyamTuteja]

I have added the screenshot above which shows that it will be in simple and clean heading in rectangular box and after we hover on it it will change the state to the paragraph of the mission , vision , goal

After Hover

after hovering the light purple color shows the transaction and shows the text and its responsive too

[Rakesh9100]

I need the screenshot example of how the actual page of website will look after your changes, it is not clear from your screenshot that what will you do @SaiyamTuteja

[SaiyamTuteja]

This is the Overview after putting this into the about us page

[Rakesh9100]

Okay go ahead @SaiyamTuteja

[Rakesh9100]

Any update on this @SaiyamTuteja

[SaiyamTuteja]

Working on it

[SaiyamTuteja]

Check this PR #1799 i have solved the issue which you are facing

[github-actions]

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