🧑‍💻: Create Navbar for ML4E Project

[aayank13]

Title

Create Navbar for ML4E Project

Enhancement Aim

Design and implement a responsive and user-friendly navigation bar (navbar) for the ML4E website. The navbar should provide quick access to the main sections of the site and enhance the overall user experience.

Goals:

• Ensure the navbar is accessible and visually appealing.
• Include links to primary sections (e.g., Home, Datasets, Models, Tutorials, Community, and About).
• The navbar should be responsive for desktop and mobile views.

Changes

Tasks:

1. Design: Create a layout for the navbar that includes ML4E’s logo on the left and menu options on the right.
2. Links:
   • Home
   • Learn
   • Community (linking to Discussions or forums if available)
   • About
3. Responsive Design:
   • Ensure the navbar is mobile-friendly and changes layout on smaller screens.
   • Add a hamburger menu for mobile screens if needed.
4. Highlight Active Page: The active page link should be highlighted to improve navigation clarity.
5. Test: Verify that all links work correctly and that the navbar looks consistent across different screen sizes and browsers.

Acceptance Criteria:

• Navbar includes links to all essential sections.
• Navbar is fully responsive and accessible.
• Active page is highlighted for improved navigation.
• Code is clean, well-organized, and adheres to the project’s standards.

---

This issue should help set up the navbar as a core part of ML4E’s user interface! Let me know if you'd like additional details.

Screenshots 📷

For Reference:

Guidelines

• I have read the guidelines
• I have the link to my latest merged PR

Full Name

Aayan

Participant Role

Admin

[github-actions]

🙌 Thank you for bringing this issue to our attention! We appreciate your input and will investigate it as soon as possible.

[AayusBhat26]

Hello, I would like to work on this.
Thanks.

[aayank13]

@AayusBhat26 okay!

[UjjwalBaranwal]

Hey is this issue is still open i wanna work on this

[aayank13]

@UjjwalBaranwal someone is working on this issue. Don't worry we are creating new issues, contribute in them

[AayusBhat26]

I have completed the navbar
in addition to this, I have created the hero section for home page too.

[github-actions]

✅ This issue has been closed. Thank you for your contribution!