Priyaaa1 / StartConnect-Hub

https://startconnect-hub.netlify.app/
MIT License
82 stars 169 forks source link

Feat: Add Floating Social Media Iconbar #587

Closed AsmitaMishra24 closed 3 weeks ago

AsmitaMishra24 commented 1 month ago

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.

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.

Screenshot:- https://github.com/Priyaaa1/StartConnect-Hub/assets/146121869/0c9f5ce2-6ed1-4d0c-a3c5-c5ea23ffebb9

github-actions[bot] commented 1 month ago

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊