Enhance ''Students; Courses; Learning Hours; visitors'' Section with Hover Effects

[sainKunal]

Enhance ''Students; Courses; Learning Hours; visitors'' Section with Hover Effects

Overview

We aim to improve the visual appeal and interactivity of the "Students' Courses" section on the learning platform. This enhancement will include adding hover effects and other visual adjustments to make the courses more engaging for users.

Objectives

• Add Hover Effects: Implement CSS hover effects for course cards.
• Enhance Visual Design: Improve overall aesthetics for better user experience.
• Increase Engagement: Make the course options more appealing to encourage user interaction.

Proposed Enhancements

1. Hover Effects

• Course Card Elevation: When hovered over, the course card should slightly elevate (use a box-shadow effect).
• Color Change: Change the background color or text color on hover to provide visual feedback.
• Transition Effects: Smooth transitions (e.g., transition: all 0.3s ease;) for hover effects to enhance user experience.

2. Visual Design Improvements

• Typography: Update font styles or sizes for better readability.
• Color Palette: Consider using a more vibrant color palette that aligns with the overall site theme.
• Icons: Add relevant icons to course cards for better representation
  ##Screenshot
  

[github-actions]

Thank you for creating this issue! 🎉 Your issue will soon be reviewed by Project Maintainers. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[github-actions]

Thanks for creating the issue in SkillWise!
Before you start working on your PR, please make sure to:

• ⭐ Star the repository if you haven't already.
• Pull the latest changes to avoid any merge conflicts.
• Attach before & after screenshots in your PR for clarity.
• Include the issue number in your PR description for better tracking.
  Don't forget to follow @PriyaGhosal – Project Maintainer – & @anuragverma108 – Project Collaborator – for more updates!

We're excited to see your contribution as part of Hacktoberfest 2024! 🎉
Happy open-source contributing!

[sainKunal]

Hey can you Assign this issue to me

[anshika-75]

I have created hover effect in courses section and its working properly @sainKunal . Kindly merge my PR for #183

[sainKunal]

@anshika-75 I think you misunderstood what i wanted to correct it's my issue assigned to me And I will work on it You should remove your request

[AnshDwivedi03]

@sainKunal i think you have issue she has done fastly and in better way so let the admin merge the pr

[anshika-75]

I have created hover effect in courses section and its working properly @PriyaGhosal . Kindly merge my PR for #183

[sainKunal]

@anshika-75 The thing Is I was Working on the whole thing she did it only on one or i don't know But Lemme Decide No We will See It should be me who should get it