Add Horizontal Navbar on Desktop with Specific Items

[lovelymahor]

Describe the bug
Currently, our website lacks a horizontal navbar on the desktop version, making navigation less intuitive. To improve user experience and accessibility, we need to add a horizontal navbar that includes the following items:

Navbar Items -

CogniGuard-logo
Login
Register
Home
About
Detected Dark Patterns
What are Dark Patterns
Report Dark Pattern
FAQs

Action Required -

• Design and implement a horizontal navbar on the desktop version of the website.
• Include the specified items in the navbar, ensuring each item is properly linked to its respective page.
• Ensure the navbar is responsive, maintaining usability and aesthetic appeal across different screen sizes.

Expected Outcome -
A well-structured horizontal navbar that improves site navigation and user experience on the desktop version, making it easier for users to access key sections of the website.

Screenshots

Please assign it to me I want to work on this issue. Also, please add the label GSSOC and the level that you find appropriate for this issue. thank you!

[4darsh-Dev]

@lovelymahor already fixed,
if you want make changes you can add privacy policy and terms of use pages under one dropdown menu named Help and move the faq page inside it.
See our new ui

[lovelymahor]

Okay, @4darsh-Dev I will work on this

[4darsh-Dev]

assigned to you @lovelymahor ,
check web link given in sidebar now it's working properly

[4darsh-Dev]

⚠️[URGENT]⚠️ Reminder for Closing of Contribution period for GSSoC 24'
Finish your work and raise the PRs ASAP to get your points.
Thanks💗 for your valuable Contributions!

[lovelymahor]

@4darsh-Dev Can you please guide me on how to solve this issue? I'm facing a problem while running python manage.py runserver

[4darsh-Dev]

@lovelymahor you have to make changes in django-web-app dir not mlapi-backend
and mostly the error is the last few lines so share them next time.
And this error is due to you've forgot to download our deep learning model,
you'll require to download it first for using.
Model link : https://huggingface.co/4darsh-Dev/CogniBERT-fineTuned-dark-pattern

[4darsh-Dev]

GSSoC 24 has been completed Finally'
It was a great experience working with you all
Thanks💗 for your valuable contributions!
PA nomination has been started, Do fill out the forms soon. Share your experiences and let's connect on socials