Scaffolding
Footer Links
Examples
Macro
{% from "scaffolding/footer/macro.njk" import footer %}
{{ siteFooter({
"links": [
{
"URL": "https://www.nhs.uk/nhs-sites/",
"label": "NHS sites"
},
{
"URL": "https://www.nhs.uk/about-us/",
"label": "About us"
},
{
"URL": "https://www.nhs.uk/contact-us/",
"label": "Contact us"
},
{
"URL": "https://www.nhs.uk/about-us/sitemap/",
"label": "Sitemap"
},
{
"URL": "https://www.nhs.uk/our-policies/",
"label": "Our policies"
}
]
})}}
HTML
<footer class="nhsuk-footer site-footer" id="nhsuk-footer" role="contentinfo">
<div class="nhsuk-width-container">
<h2 class="nhsuk-u-visually-hidden">Support links</h2>
<ul class="nhsuk-footer__list nhsuk-footer__list--three-columns">
<li class="nhsuk-footer__list-item"><a class="nhsuk-footer__list-item-link" href="/blog">Blog</a></li>
<li class="nhsuk-footer__list-item"><a class="nhsuk-footer__list-item-link" href="/about">About us</a></li>
<li class="nhsuk-footer__list-item"><a class="nhsuk-footer__list-item-link" href="/contact">Contact us</a></li>
</ul>
<p class="nhsuk-footer__copyright">© Crown copyright</p>
</div>
</footer>