💡 [FEATURE] - Add Floating Social Media Iconbar

[AsmitaMishra24]

Idea Contribution

• [X] I have read all the feature request issues.
• [X] I'm interested in working on this issue
• [X] I'm part of GSSOC organization

Explain feature request

I want to add a floating social media icon bar to the homepage of our website to improve user engagement by providing easy access to our social media profiles.

Explain your solution

Requirements

1. Position: The icon bar should be positioned on the left side of the screen.
2. Visibility: The bar should remain visible when the user scrolls up and down the home screen.
3. Icons: Include icons for Facebook, Twitter, Instagram, LinkedIn, and YouTube.
4. Links: Each icon should link to the corresponding social media profile.
5. Responsive Design: The icon bar should be responsive and should adjust to different screen sizes (desktop, tablet, mobile).
6. Hover Effect: When a user hovers over an icon, it should display the name of the social media platform.
7. Accessibility: Ensure the icon bar is accessible and follows best practices for screen readers.

Any alternative approaches/features

No response

Additional Context

https://github.com/jfmartinz/ResourceHub/assets/146121869/c259022e-5aa6-41c4-9022-1d009f0953f3

[github-actions[bot]]

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUUTING.md carefully. Your contributions are highly appreciated! 😊

[ShagunSharma17]

I would like to create this. You can assign this to me.