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>
            <h3 class="govuk-heading-s"></h3>
            <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"
}) }}