<header class="header js-header">
    <a href="#MainContent" class="header_skipLink">
  Skip to content
  </a>

    <div class="header_inner l-container">
        <!-- Logo -->
        <h1 class="header_logo">
            <a class="header_logoLink" href="/">
        <span class="u-sr-only">Free University of Bozen-Bolzano</span>
        <svg class="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 52">
  <path d="M38.9 0.2h25.7v3.6H38.9V0.2zM12.6 34.5H9v-1.3c-1 1-2.2 1.5-3.6 1.5 -1.4 0-2.6-0.4-3.5-1.3 -1-1-1.5-2.4-1.5-4.1V20h3.7v8.8c0 0.9 0.3 1.6 0.8 2.1 0.4 0.4 1 0.6 1.6 0.6 0.7 0 1.2-0.2 1.6-0.6 0.5-0.5 0.8-1.1 0.8-2.1V20h3.7V34.5M28.2 34.5h-3.7v-8.8c0-0.9-0.3-1.6-0.8-2.1 -0.4-0.4-1-0.6-1.6-0.6 -0.7 0-1.2 0.2-1.6 0.6 -0.5 0.5-0.8 1.2-0.8 2.1v8.8H16V20h3.6v1.3c1-1 2.2-1.5 3.7-1.5 1.4 0 2.6 0.4 3.5 1.3 1 1 1.5 2.4 1.5 4.1V34.5M31.7 14.6h3.7v2.9h-3.7V14.6zM31.7 20h3.7v14.5h-3.7V20zM51.2 27.2c0 1.5-0.1 2.6-0.2 3.3 -0.2 1.2-0.6 2.1-1.3 2.8 -0.9 0.9-2.1 1.3-3.6 1.3 -1.5 0-2.7-0.5-3.6-1.5v1.4h-3.5V14.7h3.7v6.6c0.9-1 2-1.4 3.5-1.4 1.5 0 2.7 0.4 3.5 1.3 0.7 0.6 1.1 1.6 1.3 2.8C51.1 24.7 51.2 25.8 51.2 27.2M47.5 27.2c0-1.3-0.1-2.2-0.3-2.8 -0.4-0.9-1.1-1.4-2.1-1.4 -1.1 0-1.8 0.5-2.1 1.4 -0.2 0.6-0.3 1.5-0.3 2.8 0 1.3 0.1 2.2 0.3 2.8 0.4 0.9 1.1 1.4 2.1 1.4 1.1 0 1.8-0.5 2.1-1.4C47.4 29.4 47.5 28.5 47.5 27.2M64.6 34.5H53.5v-2.7l6.5-8.5h-6.1V20h10.8v2.8L58 31.3h6.6V34.5M38.9 47.4h25.7V51H38.9V47.4z"/>
</svg>

      </a>
        </h1>

        <!-- Mobile toggler -->
        <div class="header_item header_item-mobile">
            <a href="#" role="button" class="header_trigger js-header-toggler" data-target="#MainNav" aria-label="Toggle main menu" data-block-scroll>
        <span class="header_triggerBurger"></span>
      </a>
        </div>

        <!-- Nav -->
        <div class="nav js-header-target js-nav js-nav-themeItem header_nav" id="MainNav" data-parent-id="#MainNav">
            <div class="nav_cover js-nav-themeItem"></div>

            <nav class="nav_inner">
                <ul class="nav_mainList">

                    <li class="nav_mainItem">

                        <a class="nav_mainLink  " href="#">
                  <span>Item 1</span>
                </a>

                    </li>
                    <li class="nav_mainItem">

                        <a class="nav_mainLink is-current " href="#">
                  <span>Item 2</span>
                </a>

                    </li>
                    <li class="nav_mainItem">

                        <a class="nav_mainLink  " href="#">
                  <span>Item 3</span>
                </a>

                    </li>
                    <li class="nav_mainItem">

                        <a class="nav_mainLink  " href="#">
                  <span>Item 4</span>
                </a>

                    </li>
                </ul>
            </nav>
        </div>

        <!-- Language dropdown -->

        <!-- Search -->

    </div>
</header>
<header class="header js-header">
  <a href="#MainContent" class="header_skipLink">
  Skip to content
  </a>

  <div class="header_inner l-container">
    <!-- Logo -->
    <h1 class="header_logo">
      <a class="header_logoLink" href="/">
        <span class="u-sr-only">Free University of Bozen-Bolzano</span>
        {{render '@logo'}}
      </a>
    </h1>

    <!-- Mobile toggler -->
    <div class="header_item header_item-mobile">
      <a
        href="#"
        role="button"
        class="header_trigger js-header-toggler"
        data-target="#MainNav"
        aria-label="Toggle main menu"
        data-block-scroll
      >
        <span class="header_triggerBurger"></span>
      </a>
    </div>

    <!-- Nav -->
    <div class="nav js-header-target js-nav js-nav-themeItem header_nav" id="MainNav" data-parent-id="#MainNav">
      <div class="nav_cover js-nav-themeItem"></div>

      <nav class="nav_inner">
        <ul class="nav_mainList">

          {{#each pages}}
            <li class="nav_mainItem{{#if isRight}} nav_mainItem-push{{/if}}">

              {{#unless children}}
                <a class="nav_mainLink {{ linkingMode }}{{#if isRight}} nav_mainLink-utility{{/if}} {{#if isThemed }} nav_mainLink-theme{{/if}}" href="#">
                  <span>{{ label }}</span>
                </a>

              {{else}}
                <a
                  class="nav_mainLink js-nav-toggler has-navArrow {{ linkingMode }}{{#if isRight}} nav_mainLink-utility{{/if}}{{#if isThemed }} nav_mainLink-theme{{/if}}"
                  data-section="{{ isSection }}"
                  href="#"
                  data-target="#Item-{{ id }}"
                  data-theme="{{ isThemed }}"
                >
                  <span>{{ label }}</span>
                </a>

                <div class="nav_subContainer nav_subContainer-main js-nav-target" id="Item-{{ id }}">
                  <ul class="nav_subList nav_subList-main">

                    {{#if isInline}}
                      {{#each children}}
                        <li class="nav_subItem nav_subItem-inline">
                          <a
                            class="nav_subLink {{ linkingMode }} nav_subLink-inline{{#if children}} has-navArrow{{/if}} js-nav-subToggler"
                            href="#"
                            data-target="#Item-{{ id }}"
                          >
                            <span>{{ label }}</span>
                          </a>

                          {{#if children}}
                            <div class="nav_subContainer nav_subContainer-grid js-nav-subTarget" id="Item-{{ id }}">
                              <ul class="nav_subList nav_subList-grid">
                                {{#each children}}
                                  <li class="nav_subItem nav_subItem-grid">
                                    <a class ="nav_subLink {{ linkingMode }}" href="#">
                                      <span class="nav_subLabel">{{ label }}</span>
                                      <span>
                                        {{subLabel}}
                                      </span>
                                    </a>
                                  </li>
                                {{/each}}
                              </ul>
                            </div>
                          {{/if}}

                        </li>
                      {{/each}}
                    {{else}}
                      {{#each children}}
                        <li class="nav_subItem">
                          <a class="nav_subLink {{ linkingMode }} nav_subLink-large" href="#">
                            <span>{{ label }}</span>
                          </a>

                          {{#if children}}
                            <ul class="nav_subList nav_subList-deep">
                              {{#each children}}
                                <li class="nav_subItem">
                                  <a class="nav_subLink {{ linkingMode }}" href="#">
                                    <span>{{ label }}</span>
                                  </a>
                                </li>
                              {{/each}}
                            </ul>
                          {{/if}}

                        </li>
                      {{/each}}
                    {{/if}}

                  </ul>
                </div>
              {{/unless}}

            </li>
          {{/each}}
        </ul>
      </nav>
    </div>

    <!-- Language dropdown -->
    {{#if inlcudeSearch}}
      <div class="header_item header_item-first">
        {{render '@lang-dropdown' }}
      </div>
    {{/if}}


    <!-- Search -->
    {{#if inlcudeSearch}}
      <div class="header_item header_item-second">
        <a
          href="#"
          role="button"
          class="header_trigger js-header-toggler"
          data-target="#MainSearch"
          data-focus-element=".js-focus-target"
          aria-label="Toggle the search form"
        >
          <span class="i i-search-black header_triggerIcon u-pull-top-quarter"></span>
          <span class="header_triggerBurger header_triggerBurger-closeOnly"></span>
        </a>

        {{render '@main-search' search }}
      </div>
    {{/if}}

  </div>
</header>
{
  "label": "Lorem ipsum",
  "labelLong": "Lorem ipsum dolor sit amet",
  "htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
  "htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
  "htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
  "url": "#",
  "videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc",
  "inlcudeSearch": null,
  "inlcudeLang": null,
  "pages": [
    {
      "label": "Item 1"
    },
    {
      "label": "Item 2",
      "linkingMode": "is-current"
    },
    {
      "label": "Item 3"
    },
    {
      "label": "Item 4"
    }
  ]
}
  • Content:
    {
      "pages": [
        {
          "label": "Item 1"
        },
        {
          "label": "Item 2",
          "linkingMode": "is-current",
          "isThemed": true
        },
        {
          "label": "Item 3"
        },
        {
          "label": "Item 4"
        }
      ]
    }
    
  • URL: /components/raw/header/header-active-theme.json
  • Filesystem Path: src-fractal/html/03-modules/header/header-active-theme.json
  • Size: 227 Bytes
  • Content:
    {
      "pages": [
        {
          "label": "Item 1"
        },
        {
          "label": "Item 2",
          "linkingMode": "is-current"
        },
        {
          "label": "Item 3"
        },
        {
          "label": "Item 4"
        }
      ]
    }
    
  • URL: /components/raw/header/header-active.json
  • Filesystem Path: src-fractal/html/03-modules/header/header-active.json
  • Size: 203 Bytes
  • Content:
    {
      "theme": "t-dsgn",
      "pages": [
        {
          "label": "Item 1"
        },
        {
          "id": "2",
          "label": "Item 2",
          "isInline": true,
          "children": [
            {
              "id": "2-1",
              "label": "Sub item 2-1",
              "children": [
                {
                  "label": "Sub sub item 2-1-1",
                  "subLabel": "Sub sub item label 2-1-1"
                },
                {
                  "label": "Sub sub item 2-1-2",
                  "subLabel": "Sub sub item label 2-1-2"
                },
                {
                  "label": "Sub sub item 2-1-3",
                  "subLabel": "Sub sub item label 2-1-3"
                },
                {
                  "label": "Sub sub item 2-1-4",
                  "subLabel": "Sub sub item label 2-1-4"
                },
                {
                  "label": "Sub sub item 2-1-5",
                  "subLabel": "Sub sub item label 2-1-5"
                }
              ]
            },
            {
              "id": "2-2",
              "label": "Sub item 2-2",
              "children": [
                {
                  "label": "Sub sub item 2-2-1",
                  "subLabel": "Sub sub item label 2-2-1"
                },
                {
                  "label": "Sub sub item 2-2-2",
                  "subLabel": "Sub sub item label 2-2-2"
                }
              ]
            },
            {
              "id": "2-3",
              "label": "Sub item 2-3",
              "children": [
                {
                  "label": "Sub sub item 2-3-1",
                  "subLabel": "Sub sub item label 2-3-1"
                },
                {
                  "label": "Sub sub item 2-3-2",
                  "subLabel": "Sub sub item label 2-3-2"
                }
              ]
            }
          ]
        },
        {
          "label": "Item 3"
        },
        {
          "label": "Item 4"
        }
      ]
    }
    
  • URL: /components/raw/header/header-dropdown-inline.json
  • Filesystem Path: src-fractal/html/03-modules/header/header-dropdown-inline.json
  • Size: 1.7 KB
  • Content:
    {
      "theme": "t-dsgn",
      "pages": [
        {
          "id": "1",
          "label": "Item 1",
          "linkingMode": "is-section",
          "isSection": true,
          "children": [
            {
              "label": "Sub item 1-1"
            },
            {
              "label": "Sub item 1-2"
            },
            {
              "label": "Sub item 1-3",
              "linkingMode": "is-section",
              "children": [
                {
                  "label": "Sub sub item 1-3-1"
                },
                {
                  "label": "Sub sub item 1-3-1",
                  "linkingMode": "is-current"
                },
                {
                  "label": "Sub sub item 1-3-1"
                }
              ]
            },
            {
              "label": "Sub item 1-4"
            }
          ]
        },
        {
          "id": "2",
          "label": "Item 2",
          "isThemed": true,
          "children": [
            {
              "label": "Sub item 2-1"
            },
            {
              "label": "Sub item 2-2"
            },
            {
              "label": "Sub item 2-3"
            }
          ]
        },
        {
          "label": "Item 3"
        },
        {
          "id": "4",
          "label": "Item 4",
          "isRight": true,
          "children": [
            {
              "label": "Sub item 4-1"
            },
            {
              "label": "Sub item 4-2"
            },
            {
              "label": "Sub item 4-3"
            }
          ]
        }
      ]
    }
    
  • URL: /components/raw/header/header-dropdown.json
  • Filesystem Path: src-fractal/html/03-modules/header/header-dropdown.json
  • Size: 1.3 KB
  • Content:
    {
      "theme": "t-dsgn",
      "inlcudeSearch": true,
      "inlcudeLang": true,
      "search": {
        "class": false
      },
      "pages": [
        {
          "id": "1",
          "label": "Item 1",
          "children": [
            {
              "label": "Sub item 1-1"
            },
            {
              "label": "Sub item 1-2"
            },
            {
              "label": "Sub item 1-3",
              "children": [
                {
                  "label": "Sub sub item 1-3-1"
                },
                {
                  "label": "Sub sub item 1-3-1"
                },
                {
                  "label": "Sub sub item 1-3-1"
                }
              ]
            },
            {
              "label": "Sub item 1-4"
            }
          ]
        },
        {
          "id": "2",
          "label": "Item 2",
          "isInline": true,
          "children": [
            {
              "id": "2-1",
              "label": "Sub item 2-1",
              "children": [
                {
                  "label": "Sub sub item 2-1-1",
                  "subLabel": "Sub sub item label 2-1-1"
                },
                {
                  "label": "Sub sub item 2-1-2",
                  "subLabel": "Sub sub item label 2-1-2"
                },
                {
                  "label": "Sub sub item 2-1-3",
                  "subLabel": "Sub sub item label 2-1-3"
                },
                {
                  "label": "Sub sub item 2-1-4",
                  "subLabel": "Sub sub item label 2-1-4"
                },
                {
                  "label": "Sub sub item 2-1-5",
                  "subLabel": "Sub sub item label 2-1-5"
                }
              ]
            },
            {
              "id": "2-2",
              "label": "Sub item 2-2",
              "children": [
                {
                  "label": "Sub sub item 2-2-1",
                  "subLabel": "Sub sub item label 2-2-1"
                },
                {
                  "label": "Sub sub item 2-2-2",
                  "subLabel": "Sub sub item label 2-2-2"
                }
              ]
            },
            {
              "id": "2-3",
              "label": "Sub item 2-3",
              "children": [
                {
                  "label": "Sub sub item 2-3-1",
                  "subLabel": "Sub sub item label 2-3-1"
                },
                {
                  "label": "Sub sub item 2-3-2",
                  "subLabel": "Sub sub item label 2-3-2"
                }
              ]
            }
          ]
        },
        {
          "label": "Item 3"
        },
        {
          "id": "4",
          "label": "Item 4 with a multiline long label",
          "isSection": true,
          "isThemed": true,
          "linkingMode": "is-section",
          "children": [
            {
              "label": "Sub item 4-1"
            },
            {
              "id": "4-1",
              "label": "Sub item 4-2",
              "linkingMode": "is-section",
              "children": [
                {
                  "label": "Sub sub item 4-2-1",
                  "linkingMode": "is-current"
                },
                {
                  "label": "Sub sub item 4-2-2"
                }
              ]
            },
            {
              "label": "Sub item 4-3"
            }
          ]
        },
        {
          "id": "5",
          "label": "Item 5",
          "isRight": true,
          "children": [
            {
              "label": "Sub item 5-1"
            },
            {
              "label": "Sub item 5-2"
            },
            {
              "label": "Sub item 5-3",
              "children": [
                {
                  "label": "Sub sub item 5-3-1"
                },
                {
                  "label": "Sub sub item 5-3-1"
                }
              ]
            },
            {
              "label": "Sub item 5-4"
            }
          ]
        },
        {
          "label": "Item 6",
          "isRight": true
        }
      ]
    }
    
  • URL: /components/raw/header/header-full.json
  • Filesystem Path: src-fractal/html/03-modules/header/header-full.json
  • Size: 3.5 KB
  • Content:
    {
      "pages": [
        {
          "label": "Item 1"
        },
        {
          "label": "Item 2"
        },
        {
          "label": "Item 3"
        },
        {
          "label": "Item 4",
          "isRight": true
        }
      ]
    }
    
  • URL: /components/raw/header/header-right.json
  • Filesystem Path: src-fractal/html/03-modules/header/header-right.json
  • Size: 191 Bytes
  • Content:
    {
      "pages": [
        {
          "label": "Item 1"
        },
        {
          "label": "Item 2"
        },
        {
          "label": "Item 3"
        },
        {
          "label": "Item 4"
        }
      ]
    }
    
  • URL: /components/raw/header/header-simple.json
  • Filesystem Path: src-fractal/html/03-modules/header/header-simple.json
  • Size: 168 Bytes

There are no notes for this item.