Skip to content

Enhance Contact Page UI/UX for Better Usability #168

@chandra-011220

Description

@chandra-011220

before :-

Image

after :-

Image key enhancements:- Structured Two-Column Layout: The scattered design was replaced with a professional two-column layout. The contact form is now on the left, and the organization's details are on the right, making the page much easier to read and navigate.

Improved Form Usability:

The form fields are now stacked vertically in a logical flow.

All input fields, including the message box and the submit button, are full-width within their column for a clean, aligned look.

The form is now functional and configured to send submissions directly to an email address.

Enhanced Visual Clarity:

Icons have been added next to the address, phone, email, and office hours to make the information quicker to scan.

Social media links are now grouped together with clear icons to encourage engagement.

Redundant elements, like the extra "Contact" button at the bottom, were removed to reduce clutter.

@NishantSinghhhhh @abhishek972986 @PeushYadav please assign this issue to me as a part of hacktoberfest i will put a PR instantly Thank You!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions