Proximus design system
Important information:
Using the Design System implies following some rules: the code should be valid and same as the Design System. Meaning custom HTML & CSS override are forbidden.
Please don't forget to read Usage part of each element.

Footer

See deprecated code
expiry date: TBD

Bottom part of all the webpages, it contain the site map, the breadcrumb, legal mentions,...

last modified: 09/11/2022 17:05:05

Overview

The footer is the bottom part of all the webpages. It contains the site map, the breadcrumb, legal mentions,...

It's an important section for two reasons:

  • It displays pertinent technical informations for the computer user
  • It gives a structure to the website

The footer is available in 4 versions:

The mobile footer contains less content than in desktop to avoid a very long footer.

Desktop
Mobile
Desktop
Mobile
Desktop
Mobile
Desktop
Mobile
  1. Footer RES
    Used for the residential segment of proximus.be

  2. Footer SE
    Used for the business segment of proximus.be

  3. Footer EBU
    Used for the large companies segment of proximus.be

  4. Footer APP
    Used for the application pages


Anatomy

  1. Contact

  2. Breadcrumb

  3. Sitemap

  4. External services
    External applications, newsletter, ...

  5. Logo

  6. Legal mentions

last modified: 09/11/2022 17:05:05

Sizes and colors

last modified: 09/11/2022 17:05:05

Code

Accessibility

For links with target="_blank" please follow this documentation

Razor

To choose the version of the footer, you to change the parameter Page.FooterVersion at the beginning of your document

Footer RES

Footer SE

Footer EBU

Footer Pickx

Footer App

Footer Legal

Footer Breadcrumb only


Deprecated

EXPIRY DATE: TBD

The Footer 2017 is deprecated and should no longer be used.
This element will no longer be available from the expiry date meaning the related css will be removed and the element design will be broken if it's not adapted to the new html.

Class rs-footer--1708