Navigation

Navigation is the act of moving between pages of a website to complete tasks.

In this page

App Bar

The prominent app bar will be utilized in the destkop and tablet viewports while the regular app bar will display in the mobile viewport.

Breakpoint Layouts

Guest

Signed In

Nav Menu

Popover menu that will contain the single row nav links for the tablet and mobile breakpoints.

Guest

Signed In

User Menu

User Menu drops down when the user clicks the circle avatar in the upper right corner of the app bar.

What's in the menu:

• Avatar with first name character
• IATA number
• Menu option
• Menu options
• Sign Out button

Important

The menu options in the user menu must be editable in Drupal. In other words, the content should be able to add, delete or modify the menu options in the Drupal UI.

Help Menu

Help Menu drops down when the user clicks the question icon in the upper right corner of the app bar.

What's in the menu:

• Travel Advisor Contact Number
• Travel Protection
• Registration
• Web Support
• Help/Feedback
• Social Media Icons

Search

Search Dropdown List

This is the second iteration of the dropdown list for Search. The auto–suggestion may not apply in the case; hence, this will entail a third or fourth iteration.