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 presents 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.

Copyright footer

The copyright footer must appear at the bottom of all pages without any modifications.

Code

Navigation menu footer

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).

Code