[New Feature]: Add Floating Social Media Iconbar on homepage

[AsmitaMishra24]

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

Point down the features

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.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

[github-actions]

Hey @AsmitaMishra24! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible.
👉 Don’t forget to star our Physi-c-Tech and Follow Us on GitHub
👉 Make sure you join our Discord, we have created separate channels for all projects