Enhance Buy Merchandise Section and Add Missing Favicons

[VidhanThakur09]

Description:

This issue aims to improve the user experience of the Buy Merchandise section and adding missing favicons on specific pages.

Use Cases:

• Enhanced User Experience: By adding hover effects to merchandise items and improving the layout of items, we can provide a more interactive and engaging shopping experience.
• Improved Website Branding and Professionalism: Consistent favicon usage across all pages will strengthen brand recognition and professionalism.

Key Points:

Add Hover Effects to Merchandise Items:

• Implementing hover effects,and changing the layout and designing the items, to draw attention to merchandise items.
• Consider using CSS transitions to improve and add effects & design.

Add Missing Favicons:

• Adding missing favicons on Appearances and Remarkable Achievements pages.
• Update the HTML code of these pages to include the favicon.

Problems

Missing favicons

Screen.Recording.2024-11-05.122302.mp4

MockUp

Screen.Recording.2024-11-05.122646.mp4

@aslams2020 can you assign this issue to me with labels "gssoc-ext" with levels and "hacktoberfest-accepted";