[Footer Enhancement]: Enhance Footer Styling

[T-Fathima]

Is your feature request related to a problem? Please describe.

Description: The current styling of the footer is basic and does not align with the overall aesthetic of the website. Enhancing the footer's design will improve user experience and contribute to a cohesive look across the site.

I would like to work on this issue. @aditya-bhaumik Please assign this to me under gssoc-ext and hacktoberfest

Describe the solution you'd like.

Proposed Enhancements: Color Scheme: Update the background color to better match the site's theme. Choose contrasting text colors for better readability.

Typography: Use more visually appealing fonts for footer text. Adjust font sizes and weights for hierarchy (e.g., larger for headings, smaller for links).

Layout: Organize footer content into clear sections (e.g., About, Links, Contact). Use Flexbox or CSS Grid to create a responsive layout that adapts to different screen sizes.

Add Hover Effects: When clicked on various sections on the footer, i would like to add hover effect for better visual interactivity.

Describe alternatives you've considered.

No response

Additional context.

No response

Show us the magic with screenshots

Checklist

• [X] I have checked the Existing Issues
• [X] I have read the Contributing Guidelines
• [X] I want to work on this issue. (optional)

[github-actions[bot]]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.