Standardize the Navbar

[rohan09-raj]

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)
• RDS Logo Size - 50x50

Pay Attention

=> Underline should be under the text as shown in the design and not inside the container in which the text persists. => Underline should be only under the active tab. => Clicking on the RDS logo we should be redirected to https://www.realdevsquad.com/ => 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

[jjagannn]

HI @rohan09-raj , I'll pick this task.

[rohan09-raj]

HI @rohan09-raj , I'll pick this task.

As you already have task to work on unassigning from you.

[akankshadharkar]

I'll take it up

[nitinmalave]

Please assign this to me

[ankushdharkar]

@vvaibhavdesai Please continue from Akanksha's draft PR and fix the issues on it