New contact page

[adityaraute]

Motivation and Context

Old Contact Page was messy. Also, we had a slight change in requirements.

Fixes #96

Description

Created a different page and a new CSS file.
Also created a google form which has been linked.

How Has This Been Tested?

Tested on browser - Google Chrome. Desktop and Web.

Screenshots (if appropriate):

Types of Changes

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• My code follows the code style of this project.

[adityaraute]

@agriyakhetarpal Would be nice to get your comments on the following:

1. If the link and UI work as desired.
2. Ways to improve the UI/UX for next iteration.

I'll merge the changes by Friday, if no comments received from you

[agriyakhetarpal]

I think it makes sense, thanks. For improving the UI further, it should be possible to embed the Google Form directly into the page and stack the divs vertically?

[adityaraute]

Divs are being stacked vertically in mobile view. So you suggest we do so in Desktop View too?

Embedding Google Form, I'm afraid, could mislead the beneficiaries perhaps, as they are prioritised over the donors for contact.

[agriyakhetarpal]

Divs are being stacked vertically in mobile view. So you suggest we do so in Desktop View too?

Embedding Google Form, I'm afraid, could mislead the beneficiaries perhaps, as they are prioritised over the donors for contact.

Doing so in Desktop view is up to you. I had suggested that just because it would have made it easier to embed the Google Form in the page, so if you have second thoughts on that – that's alright, we can leave it.

[adityaraute]

Yeah I feel Embedded Google Form won't work here.
Thanks for the review! Merging now.