[Style] Enhance the About Us page

Rakesh9100 / CalcDiverse

CalcDiverse is a customized collection of calculators for various aspects of mathematics. Individuals with basic web development knowledge can create distinctive calculators and submit pull requests.

https://calcdiverse.netlify.app

Apache License 2.0

145 stars 367 forks source link

[Style] Enhance the About Us page #1451

Open SaiyamTuteja opened 3 days ago

SaiyamTuteja commented 3 days ago

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

[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] commented 3 days ago

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

jessicachawla commented 2 days ago

@Rakesh9100 this issue can be assigned

Rakesh9100 commented 23 hours ago

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

SaiyamTuteja commented 5 hours ago

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