[style]: Improve Readability and Visual Design on About Us Page

[akshay0611]

What's the style idea?

We need to improve the visual design and layout of the About Us page to ensure better alignment and a more cohesive, polished look. The following changes have been made to enhance the user experience and readability.

Description of Changes:

• Alignment Fix: Resolved misalignment issues caused by a missing or improperly closed </div> tag.
• Text Readability: Updated section titles, headings, and card colors to improve readability, ensuring users can read the content clearly.
• Font and Color Updates: Added new color and font styling to elements such as .head and #white-card1 to enhance visual appeal and legibility.
• Code Cleanup: Removed unnecessary button code (theme toggle) that was not required on the page.

Add screenshots

Before:

• The About Page had alignment issues, with some sections not properly centered.
• Certain elements, such as headings and cards, did not have consistent color schemes, which caused the page to look visually cluttered.
• There was a misalignment caused by a missing closing </div> tag that affected the layout of some elements.
• The page contained unnecessary elements, like a theme toggle button, which was removed for better clarity.

After:

• Corrected alignment issues across various sections.
• Updated color schemes and fonts for better readability.
• Streamlined the layout by removing unnecessary elements.

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I have read the Contributing Guidelines
• [X] I agree to follow this project's Code of Conduct
• [ ] I'm a GSSoC'24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀