[Style] Enhance the footer UI

[AlaynaShaheen]

What's the style idea?

We need to improve the UI of footer by dividing footer into sections and align the links in specific columns.

I am a contributor under GSSoC'24 and I have a good experience in development. I can resolve this issue. Please assign this to me.

Checklist

• I have checked the existing issues.
• I follow Contributing Guidelines of this project.
• I am a GSSOC'24 contributor.
• I am a IWOC'24 contributor.
• I am a JWOC'24 contributor.
• I am a SWOC'24 contributor.

Code of Conduct

• I agree to follow this project's "Code of Conduct".

[github-actions]

Hey @AlaynaShaheen, Welcome to the project CalcDiverse! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[Nayanika1402]

@AlaynaShaheen can you like a bit explain how do you want the footer to look like.You can give example of any website then I can work on this matter.

[Anou25]

Hi, I would like to work on this issue, please can you assign this to me.

[AlaynaShaheen]

@AlaynaShaheen can you like a bit explain how do you want the footer to look like.You can give example of any website then I can work on this matter.

I am also a contributor in GSSoC'24 . And the idea is to divide the footer into 3 columns and add navbar and its tagline in one section then the other links in second section and social media links in third section

[Rakesh9100]

Do you have any supporting screenshot for your idea @AlaynaShaheen

[AlaynaShaheen]

Yes @Rakesh9100. Below screenshot represents my idea. I think the below design looks much better if we don't add the row at the last having mobile number, email and address.

Instead of subscribe to newsletters we can add send message functionality which makes the footer more interactive.
Let me know if there are any further changes that can be made in this design.

[Rakesh9100]

Design seems good, but what would be the alternative to newsletter. I don't think Send message would be applicable because for that we need Name, Email and Message inputs @AlaynaShaheen

[AlaynaShaheen]

We can add it this way and it correctly fits in the third column. Please check this once or else we can add JOIN US section in the third row.

For this we can add a join us which redirects people to the github repo.

Please let me know which one would be better @Rakesh9100

[Rakesh9100]

You can go with the first one, and make sure to match the footer with the UI properly @AlaynaShaheen

[Rakesh9100]

Status of your PR pls @AlaynaShaheen

[AlaynaShaheen]

Yes I have started working on the footer @Rakesh9100. I'll raise a PR soon. Please assign a level if possible.

[Rakesh9100]

Provide your PR @AlaynaShaheen

[AlaynaShaheen]

Raised a PR #1168. Please check the PR and let me know if there are any changes that can be made further @Rakesh9100

[github-actions]

Hello @AlaynaShaheen! Your issue #636 has been closed. Thank you for your contribution!! 🙌