Restyled About page, fixed layout issues, updated section titles, and…

[akshay0611]

🛠️ Fixes Issue

Fixes: #3324

👨‍💻 Description

What does this PR do?

This PR improves the visual design and layout of the About Us page to ensure better alignment, readability, and a more cohesive, polished look. The following changes have been made:

• 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.

These changes improve the user experience, making the page visually appealing, aligned, and easier to read.

📄 Type of Change

• [✅] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] Documentation update (adds or updates related documentation)

📷 Screenshots/GIFs (if any)

Before:

Here are the screenshots of the About Us page before the changes were applied. These show alignment issues, inconsistent color schemes, and some layout problems:

• 
• 

After:

These are the updated screenshots showcasing the improvements made to the page, including fixed alignment, updated colors for better readability, and the removal of unnecessary elements:

• 
• 

✅ Checklist

• [] I am a participant of GSSoC-ext.
• [✅] I have followed the contribution guidelines of this project.
• [✅] I have made this change from my own.
• [ ] I have taken help from some online resources.
• [✅] My code follows the style guidelines of this project.
• [✅] I have performed a self-review of my own code.
• [] I have added documentation to explain my changes.

Mandatory Tasks

• [✅] Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

🤝 GSSoC Participation

• [] This PR is submitted under the GSSoC program.
• [] I have taken prior approval for this feature/fix.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
finveda	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 21, 2024 5:54am

[github-actions[bot]]

Thank you for submitting your chaotic pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊