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

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