Footer ID-SK

Footer

(open in a new window)

Code

Markup

Macro

{% from "footer/macro.njk" import idskFooter %}

{{ idskFooter({
  "logo": true,
  "meta": {
    "copy": "Prevádzkovateľom služby je Ministerstvo investícií, regionálneho rozvoja a informatizácie Slovenskej republiky. Vytvorené v súlade s Jednotným dizajn manuálom elektronických služieb.",
    "footerLogoLink": "https://www.mirri.gov.sk/"
  }
}) }}

Footer with meta

(open in a new window)

Secondary navigation with meta information relating to the site

Code

Markup

Macro

{% from "footer/macro.njk" import idskFooter %}

{{ idskFooter({
  "logo": true,
  "meta": {
    "copy": "Prevádzkovateľom služby je Ministerstvo investícií, regionálneho rozvoja a informatizácie Slovenskej republiky. Vytvorené v súlade s Jednotným dizajn manuálom elektronických služieb.",
    "footerLogoLink": "https://www.mirri.gov.sk/",
    "visuallyHiddenTitle": "Items",
    "items": [
      {
        "href": "#1",
        "text": "Item 1"
      },
      {
        "href": "#2",
        "text": "Item 2"
      },
      {
        "href": "#3",
        "text": "Item 3"
      }
    ]
  }
}) }}

Footer with custom meta

(open in a new window)

Custom meta section

Code

Markup

Macro

{% from "footer/macro.njk" import idskFooter %}

{{ idskFooter({
  "logo": true,
  "meta": {
    "copy": "Prevádzkovateľom služby je Ministerstvo investícií, regionálneho rozvoja a informatizácie Slovenskej republiky. Vytvorené v súlade s Jednotným dizajn manuálom elektronických služieb.",
    "footerLogoLink": "https://www.mirri.gov.sk/",
    "text": "GOV.UK Prototype Kit v7.0.1"
  }
}) }}

Footer with meta links and meta content

(open in a new window)

Secondary navigation links and custom meta text

Code

Markup

Macro

{% from "footer/macro.njk" import idskFooter %}

{{ idskFooter({
  "logo": true,
  "meta": {
    "copy": "Prevádzkovateľom služby je Ministerstvo investícií, regionálneho rozvoja a informatizácie Slovenskej republiky. Vytvorené v súlade s Jednotným dizajn manuálom elektronických služieb.",
    "footerLogoLink": "https://www.mirri.gov.sk/",
    "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>"
  }
}) }}

Footer with custom meta

(open in a new window)

Custom meta section

Code

Markup

Macro

{% from "footer/macro.njk" import idskFooter %}

{{ idskFooter({
  "logo": true,
  "meta": {
    "copy": "Prevádzkovateľom služby je Ministerstvo investícií, regionálneho rozvoja a informatizácie Slovenskej republiky. Vytvorené v súlade s Jednotným dizajn manuálom elektronických služieb.",
    "footerLogoLink": "https://www.mirri.gov.sk/",
    "text": "GOV.UK Prototype Kit v7.0.1"
  }
}) }}

Footer with navigation

(open in a new window)

Code

Markup

Macro

{% from "footer/macro.njk" import idskFooter %}

{{ idskFooter({
  "logo": true,
  "meta": {
    "copy": "Prevádzkovateľom služby je Ministerstvo investícií, regionálneho rozvoja a informatizácie Slovenskej republiky. Vytvorené v súlade s Jednotným dizajn manuálom elektronických služieb.",
    "footerLogoLink": "https://www.mirri.gov.sk/"
  },
  "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"
        }
      ]
    }
  ]
}) }}

Footer GOV.UK

(open in a new window)

A full example based on GOV.UK's current footer

Code

Markup

Macro

{% from "footer/macro.njk" import idskFooter %}

{{ idskFooter({
  "logo": true,
  "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": {
    "copy": "Prevádzkovateľom služby je Ministerstvo investícií, regionálneho rozvoja a informatizácie Slovenskej republiky. Vytvorené v súlade s Jednotným dizajn manuálom elektronických služieb.",
    "footerLogoLink": "https://www.mirri.gov.sk/",
    "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>"
  }
}) }}