defra_ruby_template 3.13.0

data/node_modules/govuk-frontend/govuk/components/file-upload/template.njk

@@ -0,0 +1,44 @@
+{% from "../error-message/macro.njk" import govukErrorMessage -%}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+   aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}">
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: params.id
+  }) | indent(2) | trim }}
+{% if params.hint %}
+  {% set hintId = params.id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | indent(2) | trim }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = params.id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | indent(2) | trim }}
+{% endif %}
+  <input class="govuk-file-upload {%- if params.classes %} {{ params.classes }}{% endif %} {%- if params.errorMessage %} govuk-file-upload--error{% endif %}" id="{{ params.id }}" name="{{ params.name }}" type="file"
+  {%- if params.value %} value="{{ params.value }}"{% endif %}
+  {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+  {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
+</div>

data/node_modules/govuk-frontend/govuk/components/footer/README.md

@@ -0,0 +1,15 @@
+# Footer
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the footer component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/footer).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/footer/#options-footer-example) for details.

data/node_modules/govuk-frontend/govuk/components/footer/_footer.scss

@@ -0,0 +1,2 @@
+@import "../../base";
+@import "./index";

data/node_modules/govuk-frontend/govuk/components/footer/_index.scss

@@ -0,0 +1,241 @@
+@include govuk-exports("govuk/component/footer") {
+
+  $govuk-footer-background: $govuk-canvas-background-colour;
+  $govuk-footer-border: $govuk-border-colour;
+  // This variable can be removed entirely once the legacy palette goes away,
+  // as it'll just be the same as $govuk-footer-border.
+  $govuk-footer-border-top: $govuk-border-colour;
+  $govuk-footer-text: $govuk-text-colour;
+  $govuk-footer-link-hover-colour: null; // Only used with the legacy palette
+
+  @if ($govuk-use-legacy-palette) {
+    $govuk-footer-border-top: #a1acb2;
+    $govuk-footer-border: govuk-colour("grey-2");
+    $govuk-footer-text: #454a4c;
+    $govuk-footer-link-hover-colour: #171819;
+  }
+
+  // Based on the govuk-crest-2x.png image dimensions.
+  $govuk-footer-crest-image-width-2x: 250px;
+  $govuk-footer-crest-image-height-2x: 204px;
+  // Half the 2x image so that it fits the regular 1x size.
+  $govuk-footer-crest-image-width: ($govuk-footer-crest-image-width-2x / 2);
+  $govuk-footer-crest-image-height: ($govuk-footer-crest-image-height-2x / 2);
+
+  .govuk-footer {
+    @include govuk-font($size: 16);
+    @include govuk-responsive-padding(7, "top");
+    @include govuk-responsive-padding(5, "bottom");
+
+    border-top: 1px solid $govuk-footer-border-top;
+    color: $govuk-footer-text;
+    background: $govuk-footer-background;
+  }
+
+  .govuk-footer__link {
+    @include govuk-link-common;
+
+    @if ($govuk-use-legacy-palette) {
+      &:link,
+      &:visited {
+        color: $govuk-footer-text;
+      }
+
+      &:hover,
+      &:active {
+        color: $govuk-footer-link-hover-colour;
+      }
+    } @else {
+      @include govuk-link-style-text;
+    }
+
+    // alphagov/govuk_template includes a specific a:link:focus selector
+    // designed to make unvisited links a slightly darker blue when focussed, so
+    // we need to override the text colour for that combination of selectors.
+    @include govuk-compatibility(govuk_template) {
+      &:link:focus {
+        @include govuk-text-colour;
+      }
+    }
+  }
+
+  .govuk-footer__section-break {
+    margin: 0; // Reset `<hr>` default margins
+    @include govuk-responsive-margin(8, "bottom");
+    border: 0; // Reset `<hr>` default borders
+    border-bottom: 1px solid $govuk-footer-border;
+  }
+
+  .govuk-footer__meta {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex; // Support: Flexbox
+    margin-right: -$govuk-gutter-half;
+    margin-left: -$govuk-gutter-half;
+    -webkit-flex-wrap: wrap;
+        -ms-flex-wrap: wrap;
+            flex-wrap: wrap; // Support: Flexbox
+    -webkit-box-align: end;
+    -webkit-align-items: flex-end;
+        -ms-flex-align: end;
+            align-items: flex-end; // Support: Flexbox
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; // Support: Flexbox
+  }
+
+  .govuk-footer__meta-item {
+    margin-right: $govuk-gutter-half;
+    margin-bottom: govuk-spacing(5);
+    margin-left: $govuk-gutter-half;
+  }
+
+  .govuk-footer__meta-item--grow {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1; // Support: Flexbox
+    @include govuk-media-query ($until: tablet) {
+      -webkit-flex-basis: 320px;
+          -ms-flex-preferred-size: 320px;
+              flex-basis: 320px; // Support: Flexbox
+    }
+  }
+
+  .govuk-footer__licence-logo {
+    display: inline-block;
+    margin-right: govuk-spacing(2);
+    @include govuk-media-query ($until: desktop) {
+      margin-bottom: govuk-spacing(3);
+    }
+    vertical-align: top;
+  }
+
+  .govuk-footer__licence-description {
+    display: inline-block;
+  }
+
+  .govuk-footer__copyright-logo {
+    display: inline-block;
+    min-width: $govuk-footer-crest-image-width;
+    padding-top: ($govuk-footer-crest-image-height + govuk-spacing(2));
+    background-image: govuk-image-url("govuk-crest.png");
+    @include govuk-device-pixel-ratio {
+      background-image: govuk-image-url("govuk-crest-2x.png");
+    }
+    background-repeat: no-repeat;
+    background-position: 50% 0%;
+    background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+    text-align: center;
+    white-space: nowrap;
+  }
+
+  .govuk-footer__inline-list {
+    margin-top: 0;
+    margin-bottom: govuk-spacing(3);
+    padding: 0;
+  }
+
+  .govuk-footer__meta-custom {
+    margin-bottom: govuk-spacing(4);
+  }
+
+  .govuk-footer__inline-list-item {
+    display: inline-block;
+    margin-right: govuk-spacing(3);
+    margin-bottom: govuk-spacing(1);
+  }
+
+  .govuk-footer__heading {
+    @include govuk-responsive-margin(7, "bottom");
+    padding-bottom: govuk-spacing(4);
+    @include govuk-media-query ($until: tablet) {
+      padding-bottom: govuk-spacing(2);
+    }
+    border-bottom: 1px solid $govuk-footer-border;
+  }
+
+  .govuk-footer__navigation {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex; // Support: Flexbox
+    margin-right: -$govuk-gutter-half;
+    margin-left: -$govuk-gutter-half;
+    -webkit-flex-wrap: wrap;
+        -ms-flex-wrap: wrap;
+            flex-wrap: wrap; // Support: Flexbox
+  }
+
+  .govuk-footer__section {
+    display: inline-block;
+    margin-right: $govuk-gutter-half;
+    margin-bottom: $govuk-gutter;
+    margin-left: $govuk-gutter-half;
+    vertical-align: top;
+    // Ensure columns take up equal width (typically one-half:one-half)
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+        -ms-flex-positive: 1;
+            flex-grow: 1; // Support: Flexbox
+    -webkit-flex-shrink: 1;
+        -ms-flex-negative: 1;
+            flex-shrink: 1; // Support: Flexbox
+    @include govuk-media-query ($until: desktop) {
+      // Make sure columns do not drop below 200px in width
+      // Will typically result in wrapping, and end up in a single column on smaller screens.
+      -webkit-flex-basis: 200px;
+          -ms-flex-preferred-size: 200px;
+              flex-basis: 200px; // Support: Flexbox
+    }
+  }
+
+  // If there are only two sections, set the layout to be two-third:one-third on desktop
+  @include govuk-media-query ($from: desktop) {
+    // We match the first section with `:first-child`.
+    // To ensure the section is one of two, we can count backwards using `:nth-last-child(2)`.
+    .govuk-footer__section:first-child:nth-last-child(2) {
+      -webkit-box-flex: 2;
+      -webkit-flex-grow: 2;
+          -ms-flex-positive: 2;
+              flex-grow: 2; // Support: Flexbox
+    }
+  }
+
+  .govuk-footer__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    -webkit-column-gap: $govuk-gutter;
+            column-gap: $govuk-gutter; // Support: Columns
+
+    // Disable thicker underlines on hover because of a bug in Chromium
+    // affecting links within columns
+    // https://bugs.chromium.org/p/chromium/issues/detail?id=1190987
+    .govuk-footer__link:hover {
+      text-decoration-thickness: auto;
+    }
+  }
+
+  @include govuk-media-query ($from: desktop) {
+    .govuk-footer__list--columns-2 {
+      -webkit-column-count: 2;
+              column-count: 2; // Support: Columns
+    }
+
+    .govuk-footer__list--columns-3 {
+      -webkit-column-count: 3;
+              column-count: 3; // Support: Columns
+    }
+  }
+
+  .govuk-footer__list-item {
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-footer__list-item:last-child {
+    margin-bottom: 0;
+  }
+}

data/node_modules/govuk-frontend/govuk/components/footer/fixtures.json

@@ -0,0 +1,501 @@
+{
+    "component": "footer",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with meta",
+            "options": {
+                "meta": {
+                    "visuallyHiddenTitle": "Items",
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "Item 1"
+                        },
+                        {
+                            "href": "#2",
+                            "text": "Item 2"
+                        },
+                        {
+                            "href": "#3",
+                            "text": "Item 3"
+                        }
+                    ]
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Items</h2>\n          \n            <ul class=\"govuk-footer__inline-list\">\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#1\">\n                    Item 1\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#2\">\n                    Item 2\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#3\">\n                    Item 3\n                  </a>\n                </li>\n              \n            </ul>\n          \n          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with custom meta",
+            "options": {
+                "meta": {
+                    "text": "GOV.UK Prototype Kit v7.0.1"
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          \n          \n            <div class=\"govuk-footer__meta-custom\">\n              GOV.UK Prototype Kit v7.0.1\n            </div>\n          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with meta links and meta content",
+            "options": {
+                "meta": {
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "Bibendum Ornare"
+                        },
+                        {
+                            "href": "#2",
+                            "text": "Nullam"
+                        },
+                        {
+                            "href": "#3",
+                            "text": "Tortor Fringilla"
+                        },
+                        {
+                            "href": "#4",
+                            "text": "Tellus"
+                        },
+                        {
+                            "href": "#5",
+                            "text": "Egestas Nullam"
+                        },
+                        {
+                            "href": "#6",
+                            "text": "Euismod Etiam"
+                        },
+                        {
+                            "href": "#7",
+                            "text": "Fusce Sollicitudin"
+                        },
+                        {
+                            "href": "#8",
+                            "text": "Ligula Nullam Ultricies"
+                        }
+                    ],
+                    "html": "Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>"
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          \n            <ul class=\"govuk-footer__inline-list\">\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#1\">\n                    Bibendum Ornare\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#2\">\n                    Nullam\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#3\">\n                    Tortor Fringilla\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#4\">\n                    Tellus\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#5\">\n                    Egestas Nullam\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#6\">\n                    Euismod Etiam\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"#7\">\n                    Fusce Sollicitudin\n                  </a>\n                </li>\n              \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              \n            </ul>\n          \n          \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          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with custom meta",
+            "options": {
+                "meta": {
+                    "text": "GOV.UK Prototype Kit v7.0.1"
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          \n          \n            <div class=\"govuk-footer__meta-custom\">\n              GOV.UK Prototype Kit v7.0.1\n            </div>\n          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Two column list",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n      <div class=\"govuk-footer__navigation\">\n        \n          <div class=\"govuk-footer__section\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n            \n              \n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n                  \n                \n              </ul>\n            \n          </div>\n        \n          <div class=\"govuk-footer__section\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n            \n              \n              <ul class=\"govuk-footer__list \">\n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                  \n                \n              </ul>\n            \n          </div>\n        \n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "GOV.UK",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Services and information",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "/browse/benefits",
+                                "text": "Benefits"
+                            },
+                            {
+                                "href": "/browse/births-deaths-marriages",
+                                "text": "Births, deaths, marriages and care"
+                            },
+                            {
+                                "href": "/browse/business",
+                                "text": "Business and self-employed"
+                            },
+                            {
+                                "href": "/browse/childcare-parenting",
+                                "text": "Childcare and parenting"
+                            },
+                            {
+                                "href": "/browse/citizenship",
+                                "text": "Citizenship and living in the UK"
+                            },
+                            {
+                                "href": "/browse/justice",
+                                "text": "Crime, justice and the law"
+                            },
+                            {
+                                "href": "/browse/disabilities",
+                                "text": "Disabled people"
+                            },
+                            {
+                                "href": "/browse/driving",
+                                "text": "Driving and transport"
+                            },
+                            {
+                                "href": "/browse/education",
+                                "text": "Education and learning"
+                            },
+                            {
+                                "href": "/browse/employing-people",
+                                "text": "Employing people"
+                            },
+                            {
+                                "href": "/browse/environment-countryside",
+                                "text": "Environment and countryside"
+                            },
+                            {
+                                "href": "/browse/housing-local-services",
+                                "text": "Housing and local services"
+                            },
+                            {
+                                "href": "/browse/tax",
+                                "text": "Money and tax"
+                            },
+                            {
+                                "href": "/browse/abroad",
+                                "text": "Passports, travel and living abroad"
+                            },
+                            {
+                                "href": "/browse/visas-immigration",
+                                "text": "Visas and immigration"
+                            },
+                            {
+                                "href": "/browse/working",
+                                "text": "Working, jobs and pensions"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Departments and policy",
+                        "items": [
+                            {
+                                "href": "/government/how-government-works",
+                                "text": "How government works"
+                            },
+                            {
+                                "href": "/government/organisations",
+                                "text": "Departments"
+                            },
+                            {
+                                "href": "/world",
+                                "text": "Worldwide"
+                            },
+                            {
+                                "href": "/government/policies",
+                                "text": "Policies"
+                            },
+                            {
+                                "href": "/government/publications",
+                                "text": "Publications"
+                            },
+                            {
+                                "href": "/government/announcements",
+                                "text": "Announcements"
+                            }
+                        ]
+                    }
+                ],
+                "meta": {
+                    "items": [
+                        {
+                            "href": "/help",
+                            "text": "Help"
+                        },
+                        {
+                            "href": "/help/cookies",
+                            "text": "Cookies"
+                        },
+                        {
+                            "href": "/contact",
+                            "text": "Contact"
+                        },
+                        {
+                            "href": "/help/terms-conditions",
+                            "text": "Terms and conditions"
+                        },
+                        {
+                            "href": "/cymraeg",
+                            "text": "Rhestr o Wasanaethau Cymraeg"
+                        }
+                    ],
+                    "html": "Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>"
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n      <div class=\"govuk-footer__navigation\">\n        \n          <div class=\"govuk-footer__section\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n            \n              \n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n                        Benefits\n                      </a>\n                    </li>\n                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n                        Disabled people\n                      </a>\n                    </li>\n                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n                  \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                  \n                \n              </ul>\n            \n          </div>\n        \n          <div class=\"govuk-footer__section\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n            \n              \n              <ul class=\"govuk-footer__list \">\n                \n                  \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                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n                        Departments\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/world\">\n                        Worldwide\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/policies\">\n                        Policies\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/publications\">\n                        Publications\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n                        Announcements\n                      </a>\n                    </li>\n                  \n                \n              </ul>\n            \n          </div>\n        \n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          \n            <ul class=\"govuk-footer__inline-list\">\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"/help\">\n                    Help\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n                    Cookies\n                  </a>\n                </li>\n              \n                <li class=\"govuk-footer__inline-list-item\">\n                  <a class=\"govuk-footer__link\" href=\"/contact\">\n                    Contact\n                  </a>\n                </li>\n              \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              \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              \n            </ul>\n          \n          \n            <div class=\"govuk-footer__meta-custom\">\n              Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n            </div>\n          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "Three equal columns",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Single column list 1",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list 2",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list 3",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n      <div class=\"govuk-footer__navigation\">\n        \n          <div class=\"govuk-footer__section\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n            \n              \n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n                  \n                \n              </ul>\n            \n          </div>\n        \n          <div class=\"govuk-footer__section\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n            \n              \n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n                  \n                \n              </ul>\n            \n          </div>\n        \n          <div class=\"govuk-footer__section\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n            \n              \n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                  \n                \n                  \n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n                  \n                \n              </ul>\n            \n          </div>\n        \n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test-attribute": "value",
+                    "data-test-attribute-2": "value-2"
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-footer--custom-modifier"
+            },
+            "html": "<footer class=\"govuk-footer app-footer--custom-modifier\" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with container classes",
+            "options": {
+                "containerClasses": "app-width-container"
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container app-width-container\">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with empty meta",
+            "options": {
+                "meta": {}
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          \n          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with empty meta items",
+            "options": {
+                "meta": {
+                    "items": []
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          \n          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "meta html as text",
+            "options": {
+                "meta": {
+                    "text": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          \n          \n            <div class=\"govuk-footer__meta-custom\">\n              GOV.UK Prototype Kit &lt;strong&gt;v7.0.1&lt;/strong&gt;\n            </div>\n          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with meta html",
+            "options": {
+                "meta": {
+                    "html": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          \n          \n            <div class=\"govuk-footer__meta-custom\">\n              GOV.UK Prototype Kit <strong>v7.0.1</strong>\n            </div>\n          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with meta item attributes",
+            "options": {
+                "meta": {
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "meta item 1",
+                            "attributes": {
+                                "data-attribute": "my-attribute",
+                                "data-attribute-2": "my-attribute-2"
+                            }
+                        }
+                    ]
+                }
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \n          <h2 class=\"govuk-visually-hidden\">Support links</h2>\n          \n            <ul class=\"govuk-footer__inline-list\">\n              \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              \n            </ul>\n          \n          \n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with empty navigation",
+            "options": {
+                "navigation": []
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        },
+        {
+            "name": "with navigation item attributes",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Single column list 1",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1",
+                                "attributes": {
+                                    "data-attribute": "my-attribute",
+                                    "data-attribute-2": "my-attribute-2"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n  <div class=\"govuk-width-container \">\n    \n      <div class=\"govuk-footer__navigation\">\n        \n          <div class=\"govuk-footer__section\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n            \n              \n              <ul class=\"govuk-footer__list \">\n                \n                  \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                  \n                \n              </ul>\n            \n          </div>\n        \n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    \n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        \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        >© Crown copyright</a>\n      </div>\n    </div>\n  </div>\n</footer>",
+            "hidden": false
+        }
+    ]
+}