feat: Added social media links

[Saipradyumnagoud]

Title and Issue number

Title :Added social media links

Issue No. : #892

Code Stack :

Close #892

Description

I have added social media links

Video/Screenshots (mandatory)

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Checklist:

• [x ] I have performed a self-review of my code.
• [x ] I have commented my code, particularly in hard-to-understand areas.
• [ x] I have tested the changes thoroughly before submitting this pull request.
• [ x] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [x ] I have gone through the contributing.md file before contributing

Additional context:

##Are you contributing under any Open-source programme?

• [x ] I am contributing under GSSOC'24
• I am contributing under VSOC'24

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	a7a6117
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/667da3c2a084ec0008dc8bbc
😎 Deploy Preview	https://deploy-preview-893--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Hi @Saipradyumnagoud! Thank you for your valuable contribution! Our team will review it and get back to you soon.

[Saipradyumnagoud]

@apu52 can you please review soon

[Saipradyumnagoud]

@itsekta can you please review it 🙏🏾

[apu52]

@Saipradyumnagoud there is some recent changes in the website page so that your PR is facing some merging conflicts . so I would like to request you to submit a new PR making a new branch in your forked PR to avoid all of the conflicts
Otherwise the features u have added are working well .I have checked it

[Saipradyumnagoud]

@apu52 Now please go through the pull request

[itsekta]

Hey @Saipradyumnagoud, can you also improve the UI a little bit by adding gap between them, keep the icon color to white and on hovering over the icons change the color of the icons to their default icon instead of white only. Suppose Facebook icon color is blue (#1877F2) by default the icons are white only but on hovering over the facebook icon the color should be #1877F2. Similar for all the icons, checkout the colors for other icons as well

[Saipradyumnagoud]

Hey @Saipradyumnagoud, can you also improve the UI a little bit by adding gap between them, keep the icon color to white and on hovering over the icons change the color of the icons to their default icon instead of white only. Suppose Facebook icon color is blue (#1877F2) by default the icons are white only but on hovering over the facebook icon the color should be #1877F2. Similar for all the icons, checkout the colors for other icons as well

Yes sure i will work on it

[Saipradyumnagoud]

[Saipradyumnagoud]

@apu52 @itsekta made the required changes requested

[itsekta]

@Saipradyumnagoud, why are the icons getting smaller on hover

[Saipradyumnagoud]

@Saipradyumnagoud, why are the icons getting smaller on hover

Should i make icons bigger on hover

[itsekta]

Your choice, you can make a little bigger (scale 0.5) or don't just the ui should look nice.

[Saipradyumnagoud]

@itsekta yes now i have made please check

[itsekta]

Nice

[Saipradyumnagoud]

Nice

@itsekta can you please merge the pull request

[itsekta]

@apu52 will be merging it

[Saipradyumnagoud]

@apu52 will be merging it

Yes make it soon