Add Placeholder Text to Contact Page for Improved Usability

[ak-0283]

Description:

This pull request introduces placeholder text to the input fields on the contact page to enhance usability and guide users in filling out the form correctly. The placeholders will serve as hints, ensuring that users know what type of information is required in each field.

Changes to be Implemented:

1. Name Field:

   • Add a placeholder such as "Enter your full name" to guide users in providing their name.

2. Email Field:

   • Include a placeholder like "Enter your email address (e.g., [email protected])" to ensure users input a valid email format.

3. Message Text Area:

   • Use a placeholder like "Write your message here..." to indicate where users can type their queries or concerns.

Benefits:

• Enhances the user experience by providing clear, context-specific hints for each field.
• Reduces user errors and improves the quality of submitted information.
• Makes the contact form more intuitive, especially for first-time users.

Implementation Details:

• The placeholders will be styled to match the design of the contact page (e.g., font size, color, and alignment).
• Ensure that the placeholders disappear when users start typing to avoid overlap issues.
• Placeholder text will be accessible, complying with WCAG guidelines.

Testing:

• Verify that the placeholders are displayed correctly in all supported browsers.
• Ensure that the placeholders disappear when users input text.
• Test the responsiveness and appearance of the placeholders on different screen sizes.

Preview

[github-actions]

Thank you for creating this issue! 🎉 @Ojas-Arora will look into it as soon as possible. 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 CONTRIBUTE.md for guidelines on contributing to this project.

[ak-0283]

Please review and assign it to me. @Ojas-Arora

[Ojas-Arora]

@ak-0283 A new contact Page has been added to the website. Review that and if needed something to add you can raise issue for that.

[github-actions]

Hello @ak-0283! 🎉

Your issue #107 - Add Placeholder Text to Contact Page for Improved Usability has been successfully closed.

We appreciate your valuable contribution and your help in improving the project. If you have any more ideas, questions, or issues, feel free to open a new issue or join the discussion in our community forum.

Stay awesome! 😊