Skip to main contentComponents
Footer
The footer provides copyright, licensing and other information about your service and department.
Props
|
| string | - | 'id' attribute to place on the base HTML element |
| string | - | Block name override in BEM style classes applied to all elements |
| Modifiers | [] | BEM style modifiers to apply to the base HTML element |
| string | - | Extra classes to apply to the base HTML element |
| ReactNode | - | The content licence information within the footer component. Defaults to OGL on GOV.UK |
| string | - | Department branding to use (e.g. home-office) |
| boolean | - | Whether to add the standard Gov.UK content |
| number | - | Maximum width of the contents in px units (-1 for full width) |
| Link[] | - | Links to meta information |
| string | "Support links" | Title for meta links (visually hidden) |
| NavMenu[] | - | Secondary navigation menus |
When to use this component
Use the footer at the bottom of every page of your service.
How it works
You can add links to:
- your department’s page on GOV.UK
- other language options
- terms and conditions
- privacy policy
Stories
Standard
A standard Footer.
GOV.UK footer
The default footer for public facing websites on GOV.UK.
Footer with secondary navigation
Footer with links to meta information
You can also include links to meta information about a site, like cookies and contact details in the footer, like this:
Footer with secondary navigation and links to meta information
<div class="govuk-footer">
<div class="govuk-width-container">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 64 60"
height="30"
width="32"
role="presentation"
fill="currentcolor"
focusable="false"
class="govuk-footer__crown"
>
<g>
<circle cx="20" cy="17.6" r="3.7"></circle>
<circle cx="10.2" cy="23.5" r="3.7"></circle>
<circle cx="3.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<circle cx="43.3" cy="17.6" r="3.7"></circle>
<circle cx="53.2" cy="23.5" r="3.7"></circle>
<circle cx="59.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<path
d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"
></path>
</g>
</svg>
<div class="govuk-footer__meta">
<div
class="govuk-footer__meta-item govuk-footer__meta-item--grow"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 483.2 195.7"
height="17"
width="41"
aria-hidden="true"
focusable="false"
class="govuk-footer__licence-logo"
>
<path
fill="currentColor"
d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
></path>
</svg>
<span
class="govuk-footer__license-description"
>
All content is available under the
<a
rel="license"
class="govuk-footer__link"
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
>
Open Government Licence v3.0
</a>
, except where otherwise stated
</span>
</div>
<div class="govuk-footer__meta-item">
<a
class="govuk-footer__link govuk-footer__copyright-logo"
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
>
© Crown copyright
</a>
</div>
</div>
</div>
</div>
<div class="govuk-footer">
<div class="govuk-width-container"></div>
</div>
<div class="govuk-footer">
<div class="govuk-width-container">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 64 60"
height="30"
width="32"
role="presentation"
fill="currentcolor"
focusable="false"
class="govuk-footer__crown"
>
<g>
<circle cx="20" cy="17.6" r="3.7"></circle>
<circle cx="10.2" cy="23.5" r="3.7"></circle>
<circle cx="3.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<circle cx="43.3" cy="17.6" r="3.7"></circle>
<circle cx="53.2" cy="23.5" r="3.7"></circle>
<circle cx="59.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<path
d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"
></path>
</g>
</svg>
<div class="govuk-footer__meta">
<div
class="govuk-footer__meta-item govuk-footer__meta-item--grow"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 483.2 195.7"
height="17"
width="41"
aria-hidden="true"
focusable="false"
class="govuk-footer__licence-logo"
>
<path
fill="currentColor"
d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
></path>
</svg>
<span
class="govuk-footer__license-description"
>
All content is available under the
<a
rel="license"
class="govuk-footer__link"
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
>
Open Government Licence v3.0
</a>
, except where otherwise stated
</span>
</div>
<div class="govuk-footer__meta-item">
<a
class="govuk-footer__link govuk-footer__copyright-logo"
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
>
© Crown copyright
</a>
</div>
</div>
</div>
</div>
<div class="govuk-footer">
<div class="govuk-width-container">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 64 60"
height="30"
width="32"
role="presentation"
fill="currentcolor"
focusable="false"
class="govuk-footer__crown"
>
<g>
<circle cx="20" cy="17.6" r="3.7"></circle>
<circle cx="10.2" cy="23.5" r="3.7"></circle>
<circle cx="3.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<circle cx="43.3" cy="17.6" r="3.7"></circle>
<circle cx="53.2" cy="23.5" r="3.7"></circle>
<circle cx="59.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<path
d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"
></path>
</g>
</svg>
<div class="govuk-footer__navigation">
<div
class="govuk-footer__section govuk-grid-column-two-thirds"
>
<h2
class="govuk-footer__heading govuk-heading-m"
>
Two column list
</h2>
<ul
class="govuk-footer__list govuk-footer__list--columns-2"
>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#1"
>
Navigation item 1
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#2"
>
Navigation item 2
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#3"
>
Navigation item 3
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#4"
>
Navigation item 4
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#5"
>
Navigation item 5
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#6"
>
Navigation item 6
</a>
</li>
</ul>
</div>
<div
class="govuk-footer__section govuk-grid-column-one-third"
>
<h2
class="govuk-footer__heading govuk-heading-m"
>
Single column list
</h2>
<ul class="govuk-footer__list">
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#1"
>
Navigation item 1
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#2"
>
Navigation item 2
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#3"
>
Navigation item 3
</a>
</li>
</ul>
</div>
</div>
<hr class="govuk-footer__section-break" />
<div class="govuk-footer__meta">
<div
class="govuk-footer__meta-item govuk-footer__meta-item--grow"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 483.2 195.7"
height="17"
width="41"
aria-hidden="true"
focusable="false"
class="govuk-footer__licence-logo"
>
<path
fill="currentColor"
d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
></path>
</svg>
<span
class="govuk-footer__license-description"
>
All content is available under the
<a
rel="license"
class="govuk-footer__link"
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
>
Open Government Licence v3.0
</a>
, except where otherwise stated
</span>
</div>
<div class="govuk-footer__meta-item">
<a
class="govuk-footer__link govuk-footer__copyright-logo"
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
>
© Crown copyright
</a>
</div>
</div>
</div>
</div>
<Footer
govUK
navigation={[
{
columns: 2,
items: [
{
href: "#1",
text: "Navigation item 1",
},
{
href: "#2",
text: "Navigation item 2",
},
{
href: "#3",
text: "Navigation item 3",
},
{
href: "#4",
text: "Navigation item 4",
},
{
href: "#5",
text: "Navigation item 5",
},
{
href: "#6",
text: "Navigation item 6",
},
],
title: "Two column list",
width: "two-thirds",
},
{
items: [
{
href: "#1",
text: "Navigation item 1",
},
{
href: "#2",
text: "Navigation item 2",
},
{
href: "#3",
text: "Navigation item 3",
},
],
title: "Single column list",
width: "one-third",
},
]}
/>
<div class="govuk-footer">
<div class="govuk-width-container">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 64 60"
height="30"
width="32"
role="presentation"
fill="currentcolor"
focusable="false"
class="govuk-footer__crown"
>
<g>
<circle cx="20" cy="17.6" r="3.7"></circle>
<circle cx="10.2" cy="23.5" r="3.7"></circle>
<circle cx="3.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<circle cx="43.3" cy="17.6" r="3.7"></circle>
<circle cx="53.2" cy="23.5" r="3.7"></circle>
<circle cx="59.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<path
d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"
></path>
</g>
</svg>
<div class="govuk-footer__meta">
<div
class="govuk-footer__meta-item govuk-footer__meta-item--grow"
>
<h2 class="govuk-visually-hidden">
Support links
</h2>
<ul class="govuk-footer__inline-list">
<li class="govuk-footer__inline-list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#1"
>
Item 1
</a>
</li>
<li class="govuk-footer__inline-list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#2"
>
Item 2
</a>
</li>
<li class="govuk-footer__inline-list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#3"
>
Item 3
</a>
</li>
</ul>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 483.2 195.7"
height="17"
width="41"
aria-hidden="true"
focusable="false"
class="govuk-footer__licence-logo"
>
<path
fill="currentColor"
d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
></path>
</svg>
<span
class="govuk-footer__license-description"
>
All content is available under the
<a
rel="license"
class="govuk-footer__link"
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
>
Open Government Licence v3.0
</a>
, except where otherwise stated
</span>
</div>
<div class="govuk-footer__meta-item">
<a
class="govuk-footer__link govuk-footer__copyright-logo"
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
>
© Crown copyright
</a>
</div>
</div>
</div>
</div>
<Footer
govUK
meta={[
{
href: "#1",
text: "Item 1",
},
{
href: "#2",
text: "Item 2",
},
{
href: "#3",
text: "Item 3",
},
]}
/>
<div class="govuk-footer">
<div class="govuk-width-container">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 64 60"
height="30"
width="32"
role="presentation"
fill="currentcolor"
focusable="false"
class="govuk-footer__crown"
>
<g>
<circle cx="20" cy="17.6" r="3.7"></circle>
<circle cx="10.2" cy="23.5" r="3.7"></circle>
<circle cx="3.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<circle cx="43.3" cy="17.6" r="3.7"></circle>
<circle cx="53.2" cy="23.5" r="3.7"></circle>
<circle cx="59.7" cy="33.2" r="3.7"></circle>
<circle cx="31.7" cy="30.6" r="3.7"></circle>
<path
d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"
></path>
</g>
</svg>
<div class="govuk-footer__navigation">
<div
class="govuk-footer__section govuk-grid-column-two-thirds"
>
<h2
class="govuk-footer__heading govuk-heading-m"
>
Services and information
</h2>
<ul
class="govuk-footer__list govuk-footer__list--columns-2"
>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Benefits
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Births, deaths, marriages and care
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Business and self-employed
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Childcare and parenting
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Citizenship and living in the UK
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Crime, justice and the law
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Disabled people
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Driving and transport
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Education and learning
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Employing people
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Environment and countryside
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Housing and local services
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Money and tax
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Passports, travel and living abroad
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Visas and immigration
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Working, jobs and pensions
</a>
</li>
</ul>
</div>
<div
class="govuk-footer__section govuk-grid-column-one-third"
>
<h2
class="govuk-footer__heading govuk-heading-m"
>
Departments and policy
</h2>
<ul class="govuk-footer__list">
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
How government works
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Departments
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Worldwide
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Policies
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Publications
</a>
</li>
<li class="govuk-footer__list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Announcements
</a>
</li>
</ul>
</div>
</div>
<hr class="govuk-footer__section-break" />
<div class="govuk-footer__meta">
<div
class="govuk-footer__meta-item govuk-footer__meta-item--grow"
>
<h2 class="govuk-visually-hidden">
Support links
</h2>
<ul class="govuk-footer__inline-list">
<li class="govuk-footer__inline-list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Help
</a>
</li>
<li class="govuk-footer__inline-list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Cookies
</a>
</li>
<li class="govuk-footer__inline-list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Contact
</a>
</li>
<li class="govuk-footer__inline-list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Terms and conditions
</a>
</li>
<li class="govuk-footer__inline-list-item">
<a
class="govuk-footer__link govuk-footer__link--active"
href="#"
>
Rhestr o Wasanaethau Cymraeg
</a>
</li>
</ul>
<div class="govuk-footer__meta-custom">
<p>
Built by the
<a
class="govuk-link govuk-link--active"
href="#"
>
Government Digital Service
</a>
</p>
</div>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 483.2 195.7"
height="17"
width="41"
aria-hidden="true"
focusable="false"
class="govuk-footer__licence-logo"
>
<path
fill="currentColor"
d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
></path>
</svg>
<span
class="govuk-footer__license-description"
>
All content is available under the
<a
rel="license"
class="govuk-footer__link"
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
>
Open Government Licence v3.0
</a>
, except where otherwise stated
</span>
</div>
<div class="govuk-footer__meta-item">
<a
class="govuk-footer__link govuk-footer__copyright-logo"
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
>
© Crown copyright
</a>
</div>
</div>
</div>
</div>
<Footer
govUK
meta={[
{
href: "#",
text: "Help",
},
{
href: "#",
text: "Cookies",
},
{
href: "#",
text: "Contact",
},
{
href: "#",
text: "Terms and conditions",
},
{
href: "#",
text: "Rhestr o Wasanaethau Cymraeg",
},
]}
navigation={[
{
columns: 2,
items: [
{
href: "#",
text: "Benefits",
},
{
href: "#",
text: "Births, deaths, marriages and care",
},
{
href: "#",
text: "Business and self-employed",
},
{
href: "#",
text: "Childcare and parenting",
},
{
href: "#",
text: "Citizenship and living in the UK",
},
{
href: "#",
text: "Crime, justice and the law",
},
{
href: "#",
text: "Disabled people",
},
{
href: "#",
text: "Driving and transport",
},
{
href: "#",
text: "Education and learning",
},
{
href: "#",
text: "Employing people",
},
{
href: "#",
text: "Environment and countryside",
},
{
href: "#",
text: "Housing and local services",
},
{
href: "#",
text: "Money and tax",
},
{
href: "#",
text: "Passports, travel and living abroad",
},
{
href: "#",
text: "Visas and immigration",
},
{
href: "#",
text: "Working, jobs and pensions",
},
],
title: "Services and information",
width: "two-thirds",
},
{
items: [
{
href: "#",
text: "How government works",
},
{
href: "#",
text: "Departments",
},
{
href: "#",
text: "Worldwide",
},
{
href: "#",
text: "Policies",
},
{
href: "#",
text: "Publications",
},
{
href: "#",
text: "Announcements",
},
],
title: "Departments and policy",
width: "one-third",
},
]}
>
<p>
Built by the{" "}
<Link href="#">Government Digital Service</Link>
</p>
</Footer>