Modify NavBar for light and Dark Mode

[khurshed07]

Description

This PR Solves: Revamp Your Website: Stylish Navbar Menu for Contributing to an Open-Source Project for a Sleek and Modern Design #665

Related Issues

• Closes Revamp Your Website: Stylish Navbar Menu for Contributing to an Open-Source Project for a Sleek and Modern Design #665

Type of PR

• (Revamp Your Website: Stylish Navbar Menu for Contributing to an Open-Source Project for a Sleek and Modern Design)

Screenshots / videos (if applicable)

Before Changes

After Changes

In Light Mode:

In Dark Mode:

Checklist

• I have gone through the contributing guide
• I have updated my branch and synced it with project main branch before making this PR
• I have performed a self-review of my code
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

Additional context:

Hi @Anjaliavv51
I recently updated the navbar menu for your project to make it more attractive and user-friendly. Enhance readability, improve navigation, and give your site a visually appealing touch that stands out with these simple yet impactful design updates. I've attached screenshots of the changes that contribute to this enhancement to improve the overall design.

I'm looking forward to hearing feedback from you!
Best regards,

Issue #665

@khurshed07
https://github.com/khurshed07

[github-actions]

Great job, @khurshed07! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[netlify]

✅ Deploy Preview for rococo-mooncake-0d89f7 ready!

Name	Link
🔨 Latest commit	f34c10e
🔍 Latest deploy log	https://app.netlify.com/sites/rococo-mooncake-0d89f7/deploys/671b489d4e761d0008ed614d
😎 Deploy Preview	https://deploy-preview-754--rococo-mooncake-0d89f7.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.