[style]: Align Header and Footer Styles Across Blog Pages for Consistency

[akshay0611]

What's the style idea?

We need to improve the consistency of the styles across the website, particularly focusing on:

• Aligning the header and footer styles in the following blogs to match the other pages:

  • "Mutual Funds 101: A Beginner’s Guide to Smart Investing"
  • "Saving for the Future: Strategies and Benefits"
  • "Real Estate Economics: Understanding the Market Dynamics"
  • "Types of Stock Investment: A Quick Guide"

• Ensuring the overall styles in these blogs match the design standards used across other pages for uniformity.

Add screenshots

Before Changes (Example Blog):

• Below is an example of the header and footer discrepancies observed in the "Mutual Funds 101: A Beginner’s Guide to Smart Investing" blog.
• These inconsistencies are similar across the other blogs mentioned above.

After Changes (Example Blog):

• Below is an example of the updated header and footer for the "Mutual Funds 101: A Beginner’s Guide to Smart Investing" blog.
• These updates have been applied consistently across all four blog pages for uniformity.

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

[github-actions]

👋 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! 🚀