rajatuiwebdev / badge-website

A simple static website to display a badge.
https://badge-website.netlify.app/
13 stars 34 forks source link

[BUG] #65

Open TanishaBansal101 opened 14 hours ago

TanishaBansal101 commented 14 hours ago

Description

The current footer on your badge website lacks creativity and functionality. It feels disconnected from the overall theme and doesn’t provide a comprehensive overview of your offerings.

Screenshots

Screenshot

Screenshot 2024-10-07 104625

Solution

Use a grid system to organize content, resembling a game level layout. Add sections like "About Us," "Contact," "Social Media," and "FAQs," each designed as a game tile. Interactive Elements:

Include hover effects that animate or highlight sections when the mouse hovers over them. Consider integrating scroll-triggered animations that make elements pop or slide in as users reach the footer. Themed Icons:

Use custom icons (like game controllers, badges, etc.) that match our branding to represent links (e.g., social media, contact). Add small animations (like a bounce) on these icons when hovered over to make them more engaging. Background and Color:

Implement a dark overlay background with subtle patterns (like pixels or game landscapes) to maintain the gaming theme while ensuring text readability. Use bright accent colors for text and links to create contrast and draw attention.

Could you please assign me this task under HacktoberFest2024? Thank you!

Any additional information?

No response

What browser are you seeing the problem on?

Chrome

Checklist

github-actions[bot] commented 14 hours ago

👋 Thank you @TanishaBansal101 for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!