HomePage Nav Donate Button

[VickyAbishek]

Added Donate button to the homepage nagvigation bar pointing to the donate url

Feature

What kind of change does this PR introduce

Added donate button

What is the current behavior

No Donate button

What is the new behavior

Added Donate button

Checklist for this PR

• I have read contributing guidelines.
• I executed yarn lint locally to format my code.
• I added revelant Tests to verify my code.
• [] All tests yarn test ran successfully.
• Pull request is towards develop branch.
• I have tested responsiveness of the UI by checking on devices using ScreenFly
• Added myself to contributors table
• Documentation
• Ready to be merged

[welcome]

Thanks so much for opening your first PR here!

[vercel]

This pull request is automatically deployed with Now.
To access deployments, click Details below or on the icon next to each push.

[coderplex-bot]

Deploy preview for coderplex ready!

Built with commit 8bd5aa2

https://deploy-preview-511--coderplex.netlify.com

[vinaypuppal]

@VickyAbishek Looks good!
Few suggestions:

1. Please check the suggested changes above!
2. Add a hover effect to the button as we have for other buttons on the site.
3. Clicking on button should open donation page in a new tab!

[KirankumarAmbati]

One more suggestion:

I think it is better to have Donate button color same as our theme color instead of red.

[vinaypuppal]

One more thing I forgot above, make the button look good on mobile. For example on mobile it should like this:

[duttakapil]

I think the button height here is slightly too tall. It should be more wider on the sides / narrow horizontally

[vinaypuppal]

@duttakapil Yeah, my suggested CSS changes above make it look good.

[VickyAbishek]

Hi all,
Thank you all the for the suggestions. Created another pull request with the changes.
This is my first PR. Just bare me for the first few commits 😃, I will make sure I won't repeat the mistakes in the future commit.

[VickyAbishek]

@VickyAbishek Looks good!
Few suggestions:

1. Please check the suggested changes above!
2. Add a hover effect to the button as we have for other buttons on the site.
3. Clicking on button should open donation page in a new tab!

Done.

[duttakapil]

@VickyAbishek you don't need to create a new PR. You just push your code to the branch in your fork from which you sent the first PR, and it automatically updates

[welcome]

🎉 🎉 🎊 Congrats on merging your first pull request! We here at coderplex.org are proud of you!. If you believe in our 📃 mission statement please ⭐ us.

[vinaypuppal]

@all-contributors please add @VickyAbishek for code

[allcontributors]

@vinaypuppal

I've put up a pull request to add @VickyAbishek! 🎉