Updated the UI of the contact page

[snehaapratap]

Updated UI of the contact page Issue no #1248

Title :Updated UI of the contact page

Issue No. : #1248

Tech Stack : HTML , CSS , JS

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Add WEB3 project
• Other (specify): _______________

Checklist:

• I have mentioned the issue number in my Pull Request.
• I have commented my code, particularly in hard-to-understand areas
• I have gone through the contributing.md file before contributing
• I have Starred the Repository.

Checklist:(In case of Adding New WEB3 project only)

• I have made my Commits(of new project) under the Projects folder
• I have created a helpful and easy to understand README.md
• i have added the image of my project under asstes/img folder

Additional context (Mandatory )

Are you contributing under any Open-source programme?

• I'm a GSSOC'24 extended contributor
• I'm a Winter of Blockchain(WOB'24) contributor
• I'm a Hactoberfest'24 contributor

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for cute-quokka-b093d8 ready!

Name	Link
🔨 Latest commit	13d46e0
🔍 Latest deploy log	https://app.netlify.com/sites/cute-quokka-b093d8/deploys/670f51bf32460a0008d5e6b6
😎 Deploy Preview	https://deploy-preview-1277--cute-quokka-b093d8.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[apu52]

@snehaapratap this pr has some merge conflicts .please try to resolve the conflicts by making a new branch in your forked repo & then push all of your changes there & also try to add the prototype video of your changes in the pr format