Done the Enhanced CSS Styling of NewsShelter Section #625

[Pranjal6955]

Description

This pull request introduces design enhancements to the NewsShelter section, focusing on the email input field and the subscribe button. These updates aim to deliver a more polished and user-friendly interface, aligned with modern design practices, while improving the overall user experience.

---

Changes Made

Email Input Field Enhancements

• Added a rounded border for a softer and more appealing look.
• Implemented a subtle glow effect on focus to enhance interactivity and draw user attention.
• Included the required attribute for improved form validation.

Subscribe Button Enhancements

• Applied a hover effect with a smooth color transition to provide visual feedback.
• Adjusted padding for better alignment and visual harmony with the input field.

Scoped Styles

• Scoped all new styles locally within <style> tags to ensure they do not interfere with global styles.

---

Screenshots

1. Before Enhancements:
   

2. After Enhancements:
   

---

Impact

Enhanced User Experience

• A visually appealing and interactive interface that encourages user engagement.

Improved Accessibility

• Refined designs ensure usability across various screen sizes and enhance responsiveness.

Better Maintainability

• Scoped styles make the design changes easier to manage without affecting global CSS.

[Pranjal6955]

@quozl Please Review my PR

[quozl]

@vidipsingh please review this pull request. 😁

[vidipsingh]

Sure, @quozl, I’ll take a look at this PR.

• @Pranjal6955, I noticed that you’ve added the CSS styling directly in the index.html file. Please move all the CSS classes to the css/ folder, as the entire site is structured to load styles from there. Avoid using internal CSS in the HTML files, as it can lead to clutter and inconsistency. Since all pages are pulling custom CSS classes from the css/ folder, it’s best to follow this approach for maintainability and consistency across the site.

• Also, @Pranjal6955, please avoid making pull requests from your master branch. Always create a new branch for the specific issue you're working on, and then make your changes there. Please be mindful of this in the future.

• Additionally, your commit message doesn’t clearly explain the changes you’ve made. For guidelines on how to write better commit messages, please refer to this document.

[quozl]

Forward link to new pull request; #630