Skip to content

Refactor footer to detach element from component #6537

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
querkmachine wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Refactor footer to detach element from component #6537

querkmachine wants to merge 3 commits into from

Conversation

@querkmachine
Copy link
Member

@querkmachine querkmachine commented Dec 5, 2025

Closes #6533.

Changes

  • Changed GOV.UK header component to be a <div> element.
  • Moved <footer> element from GOV.UK footer component to the global template.
    • This is output conditionally by the private _govukTemplateFooter macro, which first checks to see if any of the internal blocks have content.
  • Added govukFooter Nunjucks block around the existing govukFooter macro call.
  • Added footerStart Nunjucks block inside of the <footer> element.
  • Added footerEnd Nunjucks block inside of the <footer> element.
  • Added footerClasses and footerAttributes options to manipulate the <footer> element without needing to override the entire footer Nunjucks block.
  • Added tests for new functionality.

@querkmachine querkmachine self-assigned this Dec 5, 2025
@querkmachine querkmachine force-pushed the template-changes-footer branch from b885d4e to 802f376 Compare December 5, 2025 15:19
@github-actions
Copy link

github-actions bot commented Dec 5, 2025 •
edited
Loading

Rendered HTML changes to npm package

diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-default.html b/packages/govuk-frontend/dist/govuk/components/footer/template-default.html
index 5ed88ee6a..e0acc8bb1 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-default.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-default.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
@@ -35,4 +35,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-full-gds-example.html b/packages/govuk-frontend/dist/govuk/components/footer/template-full-gds-example.html
index 09bfedded..1265dec14 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-full-gds-example.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-full-gds-example.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
       <div class="govuk-footer__navigation">
           <div class="govuk-footer__section govuk-grid-column-two-thirds">
@@ -209,4 +209,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-three-equal-columns.html b/packages/govuk-frontend/dist/govuk/components/footer/template-three-equal-columns.html
index 19876ecd3..c2884422d 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-three-equal-columns.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-three-equal-columns.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
       <div class="govuk-footer__navigation">
           <div class="govuk-footer__section govuk-grid-column-one-third">
@@ -143,4 +143,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html
index 68e32154f..ea1c6bc92 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
@@ -30,4 +30,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-meta.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-meta.html
index 5d619ecb2..db9bb176e 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-meta.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-meta.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
@@ -39,4 +39,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html
index d4176fc83..d813eb41e 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
@@ -30,4 +30,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-one-column.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-one-column.html
index fd44f28d0..7a5cd9a55 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-one-column.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-one-column.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
       <div class="govuk-footer__navigation">
           <div class="govuk-footer__section govuk-grid-column-full">
@@ -73,4 +73,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-two-columns.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-two-columns.html
index eb39dbc73..da2969eb5 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-two-columns.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-two-columns.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
       <div class="govuk-footer__navigation">
           <div class="govuk-footer__section govuk-grid-column-full">
@@ -73,4 +73,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-meta-links-and-meta-content.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-meta-links-and-meta-content.html
index b57a3683b..bfa7cb341 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-meta-links-and-meta-content.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-meta-links-and-meta-content.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
@@ -81,4 +81,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-navigation.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-navigation.html
index f79070487..f12dd8069 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-navigation.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-navigation.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
       <div class="govuk-footer__navigation">
           <div class="govuk-footer__section govuk-grid-column-two-thirds">
@@ -93,4 +93,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-no-content-licence.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-no-content-licence.html
index c36c0e512..be9dfbbd8 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-no-content-licence.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-no-content-licence.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
@@ -13,4 +13,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-only-custom-meta.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-only-custom-meta.html
index 8e6a4eefd..d853d37ae 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-only-custom-meta.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-only-custom-meta.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
@@ -17,4 +17,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>
diff --git a/packages/govuk-frontend/dist/govuk/components/footer/template-with-only-meta-links.html b/packages/govuk-frontend/dist/govuk/components/footer/template-with-only-meta-links.html
index 424d48ae7..692d7c042 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/template-with-only-meta-links.html
+++ b/packages/govuk-frontend/dist/govuk/components/footer/template-with-only-meta-links.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer">
+<div class="govuk-footer">
   <div class="govuk-width-container">
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
@@ -56,4 +56,4 @@
       </div>
     </div>
   </div>
-</footer>
+</div>

Action run for 85a2f21

@github-actions
Copy link

github-actions bot commented Dec 5, 2025 •
edited
Loading

📋 Stats

No changes to any distributed file sizes!

Action run for 85a2f21

@github-actions
Copy link

github-actions bot commented Dec 5, 2025 •
edited
Loading

Other changes to npm package

diff --git a/packages/govuk-frontend/dist/govuk/components/footer/fixtures.json b/packages/govuk-frontend/dist/govuk/components/footer/fixtures.json
index 0e7e80027..83a02c552 100644
--- a/packages/govuk-frontend/dist/govuk/components/footer/fixtures.json
+++ b/packages/govuk-frontend/dist/govuk/components/footer/fixtures.json
@@ -8,7 +8,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": true,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with custom HTML content licence and copyright notice",
@@ -24,7 +24,7 @@
             "description": "Open Government Licence and Crown copyright notice translated into Welsh",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          <span>Hawlfraint y Goron</span>\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          <span>Hawlfraint y Goron</span>\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with custom text content licence and copyright notice",
@@ -40,7 +40,7 @@
             "description": "Open Government Licence and Crown copyright notice translated into Welsh",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Hawlfraint y Goron\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Hawlfraint y Goron\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with no content licence",
@@ -51,7 +51,7 @@
             "description": "Open Government Licence turned off",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with custom meta",
@@ -64,7 +64,7 @@
             "description": "Custom meta section",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit v7.0.1\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit v7.0.1\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with only custom meta",
@@ -78,7 +78,7 @@
             "description": "custom meta without content licence",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit v7.0.1\n        </div>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit v7.0.1\n        </div>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with meta links and meta content",
@@ -125,7 +125,7 @@
             "description": "Secondary navigation links and custom meta text",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Bibendum Ornare\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Tortor Fringilla\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#4\">\n              Tellus\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#5\">\n              Egestas Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#6\">\n              Euismod Etiam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#7\">\n              Fusce Sollicitudin\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#8\">\n              Ligula Nullam Ultricies\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Bibendum Ornare\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Tortor Fringilla\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#4\">\n              Tellus\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#5\">\n              Egestas Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#6\">\n              Euismod Etiam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#7\">\n              Fusce Sollicitudin\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#8\">\n              Ligula Nullam Ultricies\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with only meta links",
@@ -172,7 +172,7 @@
             "description": "meta links without content licence",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Bibendum Ornare\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Tortor Fringilla\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#4\">\n              Tellus\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#5\">\n              Egestas Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#6\">\n              Euismod Etiam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#7\">\n              Fusce Sollicitudin\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#8\">\n              Ligula Nullam Ultricies\n            </a>\n          </li>\n        </ul>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Bibendum Ornare\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Tortor Fringilla\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#4\">\n              Tellus\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#5\">\n              Egestas Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#6\">\n              Euismod Etiam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#7\">\n              Fusce Sollicitudin\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#8\">\n              Ligula Nullam Ultricies\n            </a>\n          </li>\n        </ul>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with default width navigation (one column)",
@@ -213,7 +213,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with default width navigation (two columns)",
@@ -255,7 +255,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with navigation",
@@ -316,7 +316,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "Full GDS example",
@@ -474,7 +474,7 @@
             "description": "A full example based on GOV.UK's current footer",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Coronavirus (COVID-19)</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/coronavirus\">\n                        Coronavirus (COVID-19): guidance and support\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Brexit</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/brexit\">\n                        Check what you need to do\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n                        Benefits\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/births-deaths-marriages\">\n                        Births, deaths, marriages and care\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/business\">\n                        Business and self-employed\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/childcare-parenting\">\n                        Childcare and parenting\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/citizenship\">\n                        Citizenship and living in the UK\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/justice\">\n                        Crime, justice and the law\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n                        Disabled people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/driving\">\n                        Driving and transport\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/education\">\n                        Education and learning\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/employing-people\">\n                        Employing people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/environment-countryside\">\n                        Environment and countryside\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/housing-local-services\">\n                        Housing and local services\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/tax\">\n                        Money and tax\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/abroad\">\n                        Passports, travel and living abroad\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/visas-immigration\">\n                        Visas and immigration\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/working\">\n                        Working, jobs and pensions\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/how-government-works\">\n                        How government works\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n                        Departments\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/world\">\n                        Worldwide\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/policies\">\n                        Policies\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/publications\">\n                        Publications\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n                        Announcements\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help\">\n              Help\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n              Cookies\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/contact\">\n              Contact\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/terms-conditions\">\n              Terms and conditions\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/cymraeg\">\n              Rhestr o Wasanaethau Cymraeg\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Coronavirus (COVID-19)</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/coronavirus\">\n                        Coronavirus (COVID-19): guidance and support\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Brexit</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/brexit\">\n                        Check what you need to do\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n                        Benefits\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/births-deaths-marriages\">\n                        Births, deaths, marriages and care\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/business\">\n                        Business and self-employed\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/childcare-parenting\">\n                        Childcare and parenting\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/citizenship\">\n                        Citizenship and living in the UK\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/justice\">\n                        Crime, justice and the law\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n                        Disabled people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/driving\">\n                        Driving and transport\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/education\">\n                        Education and learning\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/employing-people\">\n                        Employing people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/environment-countryside\">\n                        Environment and countryside\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/housing-local-services\">\n                        Housing and local services\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/tax\">\n                        Money and tax\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/abroad\">\n                        Passports, travel and living abroad\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/visas-immigration\">\n                        Visas and immigration\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/working\">\n                        Working, jobs and pensions\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/how-government-works\">\n                        How government works\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n                        Departments\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/world\">\n                        Worldwide\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/policies\">\n                        Policies\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/publications\">\n                        Publications\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n                        Announcements\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help\">\n              Help\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n              Cookies\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/contact\">\n              Contact\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/terms-conditions\">\n              Terms and conditions\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/cymraeg\">\n              Rhestr o Wasanaethau Cymraeg\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "Three equal columns",
@@ -579,7 +579,7 @@
             "description": "A full example to demonstrate three equal width columns",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "attributes",
@@ -593,7 +593,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "classes",
@@ -604,7 +604,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer app-footer--custom-modifier\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer app-footer--custom-modifier\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with container classes",
@@ -615,7 +615,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container app-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container app-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with HTML passed as text content",
@@ -631,7 +631,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            Mae’r holl gynnwys ar gael dan &lt;a class=&quot;govuk-footer__link&quot; href=&quot;https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/&quot; rel=&quot;license&quot;&gt;Drwydded y Llywodraeth Agored v3.0&lt;/a&gt;, ac eithrio lle nodir yn wahanol\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          &lt;span&gt;Hawlfraint y Goron&lt;/span&gt;\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            Mae’r holl gynnwys ar gael dan &lt;a class=&quot;govuk-footer__link&quot; href=&quot;https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/&quot; rel=&quot;license&quot;&gt;Drwydded y Llywodraeth Agored v3.0&lt;/a&gt;, ac eithrio lle nodir yn wahanol\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          &lt;span&gt;Hawlfraint y Goron&lt;/span&gt;\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with empty meta",
@@ -642,7 +642,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with empty meta items",
@@ -655,7 +655,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with meta",
@@ -682,7 +682,7 @@
             "description": "Secondary navigation with meta information relating to the site",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Items</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Item 1\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Item 2\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Item 3\n            </a>\n          </li>\n        </ul>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Items</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Item 1\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Item 2\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Item 3\n            </a>\n          </li>\n        </ul>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "meta html as text",
@@ -695,7 +695,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit &lt;strong&gt;v7.0.1&lt;/strong&gt;\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit &lt;strong&gt;v7.0.1&lt;/strong&gt;\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with meta html",
@@ -708,7 +708,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit <strong>v7.0.1</strong>\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit <strong>v7.0.1</strong>\n        </div>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with meta item attributes",
@@ -730,7 +730,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n              meta item 1\n            </a>\n          </li>\n        </ul>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n              meta item 1\n            </a>\n          </li>\n        </ul>\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with empty navigation",
@@ -741,7 +741,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "with navigation item attributes",
@@ -766,7 +766,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n                        Navigation item 1\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n                        Navigation item 1\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         },
         {
             "name": "rebrand",
@@ -779,7 +779,7 @@
                 "htmlClasses": "govuk-template--rebranded"
             },
             "screenshot": true,
-            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n\n  <svg\n    focusable=\"false\"\n    role=\"presentation\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 64 60\"\n    height=\"30\"\n    width=\"32\"\n    fill=\"currentcolor\" class=\"govuk-footer__crown\"\n  >    <g>\n        <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <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\"/>\n      </g>\n  </svg>\n\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+            "html": "<div class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n\n  <svg\n    focusable=\"false\"\n    role=\"presentation\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 64 60\"\n    height=\"30\"\n    width=\"32\"\n    fill=\"currentcolor\" class=\"govuk-footer__crown\"\n  >    <g>\n        <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <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\"/>\n      </g>\n  </svg>\n\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n          <svg\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            class=\"govuk-footer__licence-logo\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 483.2 195.7\"\n            height=\"17\"\n            width=\"41\"\n          >\n            <path\n              fill=\"currentColor\"\n              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\"\n            />\n          </svg>\n          <span class=\"govuk-footer__licence-description\">\n            All content is available under the\n            <a\n              class=\"govuk-footer__link\"\n              href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n              rel=\"license\"\n            >Open Government Licence v3.0</a>, except where otherwise stated\n          </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</div>"
         }
     ],
     "previewLayout": "full-width"

Action run for 85a2f21

@querkmachine querkmachine marked this pull request as ready for review December 5, 2025 15:48
@querkmachine querkmachine force-pushed the template-changes-footer branch from 802f376 to 85a2f21 Compare December 8, 2025 10:28
@romaricpascal romaricpascal added this to the v6.0 milestone Dec 8, 2025
romaricpascal
romaricpascal approved these changes Dec 8, 2025
View reviewed changes
Copy link
Member

@romaricpascal romaricpascal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code looks neat! 🙌🏻 Only little nitpick is that the test for the test of the footer block does not follow the convention we're starting of using mark to signal the replaced content consistently, but not a blocker for me if you're short on time/will to fix it 😊

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@romaricpascal romaricpascal romaricpascal approved these changes

Assignees

@querkmachine querkmachine

Labels

None yet

Projects

None yet

Milestone

v6.0

Development

Successfully merging this pull request may close these issues.

Move <footer> element from the GOV.UK Header component to the page template

4 participants

@querkmachine @romaricpascal @govuk-design-system-ci