Standardize Navbar across Real Dev Squad

[Kshashank99]

Navbars on different sites(sub-domains of RDS) are different as of now.

We need to make it look similar and familiar to the user. So we are going to redesign it.

Design of New Navbar:

https://www.figma.com/file/bpFHG9hXM13GSLmTkoNsrF/Navbar?node-id=0%3A1

For CSS, refer to the link below

https://github.com/Real-Dev-Squad/website-www/blob/develop/css/navbar.css

Few Details

• font : Roboto
• weight: 700
• active color : #49A82E
• hover color : #49A82E
• font size : 16 px (try making it in rem)
• active underline height : 3px (color : #49A82E)

Pay Attention

=> Underline should be under the text as shown in the image and not inside the container in which the text persists.
=> Underline should be only under the active tab, it should not be visible on hover.
=> The full navbar should be changed to the toggle menu when the screen width is less than 970px.
=> User should be directed to my.realdevsquad.com on clicking User Greet

There might be slight changes for different domains and you are free to ask in the comments for that

Refer to Real-Dev-Squad/website-members#265 for more insights.

[avnkailash]

Assign it to me. I would like to work on it.

[palakgupta2712]

Can you assign it to me?

[shaksham08]

If not assigned yet would love to work on it

[Kshashank99]

@palakgupta2712 assigned to you

[palakgupta2712]

@palakgupta2712 assigned to you

I'll try to solve this issue by 16th Jan'22.