MAVRICK-1 / e-commerce_website

MIT License
74 stars 116 forks source link

Styling The footer section #303

Closed Damini2004 closed 4 months ago

Damini2004 commented 4 months ago

Here i have added the hover effect to card and newletter as its look like they are having movement. Then in links i have added the text shadow,text decoration to anchor tags,etc Social media icons are also maked more attractive. Change the background color which is more suitable as per the theme.

279

279

Description

Hover Effects:

Added hover effects to the card and newsletter sections to create a subtle movement, enhancing user interactivity and visual appeal. Link Styling:

Updated the anchor tags with text shadows and text decorations to improve their visibility and aesthetics. Social Media Icons:

Enhanced the appearance of social media icons to make them more attractive and engaging. Background Color:

Changed the background color to one that is more suitable and consistent with the overall theme.

Motivation and Context

These changes are designed to improve the user experience by making the interface more interactive and visually appealing. The updated styles and effects aim to draw users' attention to key elements and enhance the overall look and feel of the site.

How Has This Been Tested?

Testing Details:

Testing Environment:

Browser: Chrome, Firefox, Safari Devices: Desktop, Tablet, Mobile OS: Windows Tests Conducted:

Verified hover effects on cards and newsletters across different browsers and devices. Checked the new link styles for consistency and readability. Ensured that social media icons render correctly and are visually appealing. Tested the new background color to ensure it complements the theme and does not affect readability.

Screenshots (if appropriate):

https://github.com/MAVRICK-1/e-commerce_website/assets/119414762/fc102cd8-3e85-41ee-b265-01328a0b1fcd

Types of changes

These changes were tested to ensure they do not adversely affect other parts of the code. No conflicts or issues were detected during testing.

Checklist:

vercel[bot] commented 4 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
nestondc ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 2, 2024 11:06am
sanket95droid commented 4 months ago

@Damini2004 Great!!

Damini2004 commented 4 months ago

@sanket95droid Why did you change the label ?

sanket95droid commented 4 months ago

@Damini2004 Done