Header

Overview

The header is always at the top of each webpages. It allows the user to navigate easily on the website.

---

Types

There are 4 different types of header. All types exist both in positive and negative version.

Default

This is the regular header on Proximus website.

1. Level 1
   

2. Level 2
   With sub-categories below level 1.

MyProximus

This header is on the MyProximus web pages.

1. CBU

2. EBU

No login button

Co-branding

---

Anatomy

Here is what contains a header to better understand this documentation:

1. Proximus logo

2. Level 1

3. Level 2

4. Top bar
   Navigation bar with segments and languages.

5. MyProximus
   Connexion and profile.

Headers also have several menus:

MyProximus user menu

1. Customer info
   With its name, customer number and company.

2. Links (optional)

3. Logout link

4. Button
   To access its full MyProximus profile.

Shopping cart

1. Products summary

2. Price summary

3. Close cart button

4. Remove product button

Company selector (ebu)

1. Search field

2. Selectable boxes
   To choose from all of the companies.

3. Buttons
   Primary, secondary or tertiary button to access full profile or settings.

Hambuger menus (mobile)

1. Top bar

2. Products navigation
   To access main product pages of Proximus.

3. Direct actions

4. Segments
   To switch between residential, small enterprises, large enterprises.

5. languages
   To switch between fr, nl, en, de.

6. Company selector (ebu only)