Preskočiť na hlavný obsah
Oficiálna stránka SK

Doména gov.sk je oficálna

Toto je oficiálna webová stránka orgánu verejnej moci Slovenskej republiky. Oficiálne stránky využívajú najmä doménu gov.sk. Odkazy na jednotlivé webové sídla orgánov verejnej moci nájdete na tomto odkaze.

Táto stránka je zabezpečená

Buďte pozorní a vždy sa uistite, že zdieľate informácie iba cez zabezpečenú webovú stránku verejnej správy SR. Zabezpečená stránka vždy začína https:// pred názvom domény webového sídla.

Nová verzia ID-SK Frontend nahradzuje pôvodnú verziu. Dokumentáciu staršej verzie nájdete na ID-SK Elements

  1. ID-SK Frontend
  2. Address

Address ID-SK

Address ukážka 1

(open in a new window)
Code

Markup


<div data-module="idsk-address" class="idsk-address">
    <hr class="idsk-address__separator-top">
    <div class="idsk-address__content">
        <div class="idsk-address__description">
              <h3 class="govuk-heading-s">Adresa podujatia</h3>
            <p class="govuk-body">Štefánikova 15</p>
            <p class="govuk-body">811 05 Bratislava</p>
            <p class="govuk-body">Poschodie 2.B</p>
            <p class="govuk-body">Zasadačka LONDÝN</p>
        </div>
        <iframe
            class="idsk-address__map"
            loading="lazy"
            allowfullscreen
            src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJbej9bFqJbEcR4nXu1en1cJM&amp;key=AIzaSyC8V96sGgzrasorg2xPOlrlp-cpQFPLSxM">
        </iframe>
        </div>
    <hr class="idsk-address__separator-bottom">
</div>

Macro

{% from "address/macro.njk" import idskAddress %}

{{ idskAddress({
  "addressTitle": "Adresa podujatia",
  "addressDescription": [
    {
      "text": "Štefánikova 15"
    },
    {
      "text": "811 05 Bratislava"
    },
    {
      "text": "Poschodie 2.B"
    },
    {
      "text": "Zasadačka LONDÝN"
    }
  ],
  "googleMapsLink": "https://www.google.com/maps/embed/v1/place?q=place_id:ChIJbej9bFqJbEcR4nXu1en1cJM&key=AIzaSyC8V96sGgzrasorg2xPOlrlp-cpQFPLSxM"
}) }}

Address ukážka 2

(open in a new window)
Code

Markup


<div data-module="idsk-address" class="idsk-address idsk-address--full-width">
    <hr class="idsk-address__separator-top">
    <div class="idsk-address__content">
        <div class="idsk-address__description">
            <h2 class="govuk-heading-m">Ministerstvo investícií, regionálneho rozvoja a informatizácie SR</h2>
            <p class="govuk-body">Štefánikova 15</p>
            <p class="govuk-body">811 05 Bratislava</p>
            <p class="govuk-body">
                <a class="govuk-link" href="#" title="Zoznam sekcií, odborov a oddelení v tejto budove">
                    <span class="idsk-address__link-text">Zoznam sekcií, odborov a oddelení v tejto budove</span>
                </a>
            <p>
        </div>
        <iframe
            class="idsk-address__map"
            loading="lazy"
            allowfullscreen
            src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJbej9bFqJbEcR4nXu1en1cJM&amp;key=AIzaSyC8V96sGgzrasorg2xPOlrlp-cpQFPLSxM">
        </iframe>
        </div>
    <hr class="idsk-address__separator-bottom">
</div>

Macro

{% from "address/macro.njk" import idskAddress %}

{{ idskAddress({
  "heading": "Ministerstvo investícií, regionálneho rozvoja a informatizácie SR",
  "fullWidth": true,
  "addressDescription": [
    {
      "text": "Štefánikova 15"
    },
    {
      "text": "811 05 Bratislava"
    }
  ],
  "googleMapsLink": "https://www.google.com/maps/embed/v1/place?q=place_id:ChIJbej9bFqJbEcR4nXu1en1cJM&key=AIzaSyC8V96sGgzrasorg2xPOlrlp-cpQFPLSxM",
  "additionalLink": {
    "link": "#",
    "text": "Zoznam sekcií, odborov a oddelení v tejto budove"
  }
}) }}

Address ukážka 3

(open in a new window)
Code

Markup


<div data-module="idsk-address" class="idsk-address idsk-address--full-width">
    <hr class="idsk-address__separator-top">
    <div class="idsk-address__content">
        <div class="idsk-address__description">
            <h2 class="govuk-heading-m">Ministerstvo investícií, regionálneho rozvoja a informatizácie SR</h2>
              <h3 class="govuk-heading-s">Oddelenie behaviorálnych inovácií</h3>
            <p class="govuk-body">Štefánikova 15</p>
            <p class="govuk-body">811 05 Bratislava</p>
            <p class="govuk-body">Zasadačka LONDÝN</p>
        </div>
        <iframe
            class="idsk-address__map"
            loading="lazy"
            allowfullscreen
            src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJbej9bFqJbEcR4nXu1en1cJM&amp;key=AIzaSyC8V96sGgzrasorg2xPOlrlp-cpQFPLSxM">
        </iframe>
        </div>
    <hr class="idsk-address__separator-bottom">
</div>

Macro

{% from "address/macro.njk" import idskAddress %}

{{ idskAddress({
  "heading": "Ministerstvo investícií, regionálneho rozvoja a informatizácie SR",
  "addressTitle": "Oddelenie behaviorálnych inovácií",
  "fullWidth": true,
  "addressDescription": [
    {
      "text": "Štefánikova 15"
    },
    {
      "text": "811 05 Bratislava"
    },
    {
      "text": "Zasadačka LONDÝN"
    }
  ],
  "googleMapsLink": "https://www.google.com/maps/embed/v1/place?q=place_id:ChIJbej9bFqJbEcR4nXu1en1cJM&key=AIzaSyC8V96sGgzrasorg2xPOlrlp-cpQFPLSxM"
}) }}