Digital pattern library

Footer

The footer pattern has been updated so that the social media icons are now added using Font Awesome rather then using SVG images – see old-copyright-footer example below. This support will be removed in a future version of the DPL, so please do not use the old-category-header markup.

The footer pattern demonstrates the information that should be found at the bottom of all pages.

There are two components of the footer: the copyright-footer and navigation-menu-footer. The copyright-footer contains copyright, legal information and social media links. The navigation-menu-footer contains links and contact information relevant to the website.

Usage

The copyright-footer must appear at the bottom of all pages without any modifications.
The navigation-menu-footer should be used if needed and should contain content relevant to the section of the website where the page is located.
The navigation-menu-footer must never be included without the copyright-footer below it.
The third column in the navigation-menu-footer must be reserved for the contact information.
Custom icons for social media links must not be added. Unique social media links must use text and can only be added to the navigation-menu-footer (see example below).

Examples