<section class="navigator">
<div class="navigator__bar">
<div class="container container--lg">
<nav class="navigator__nav" aria-label="Hochschul-Navigation">
<ul class="navigator__options navigator__options--left">
<li class="navigator__item">
<button class="navigator__link" data-controller="disclosure" data-target="#faculties-facilities" aria-expanded="false" aria-controls="faculties-facilities">Fachbereiche<span class="d--none d--sm-inline"> & Einrichtungen</span></button>
</li>
<li class="navigator__item">
<a href="https://www.hs-duesseldorf.de/personen" class="navigator__link">Personen</a>
</li>
</ul>
<ul class="navigator__options navigator__options--right">
<li>
<button class="navigator__link" data-controller="dropdown" aria-controls="panel-settings">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-settings" />
</svg>
Einstellungen
</button>
<ul id="panel-settings">
<li><a href="#" class="navigator__link">Veranstaltungen</a></li>
<li><a href="#" class="navigator__link">Räume</a></li>
<li><a href="#" class="navigator__link">Lehrende</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div id="faculties-facilities" class="collapse">
<div class="navigator__content">
<div class="container container--lg">
<div class="row">
<div class="md:col--9 lg:col--8">
<h4 class="mb--md">Fachbereiche</h4>
<ul class="cluster cluster--2">
<li class="faculty faculty--a">
<a href="https://pbsa.hs-duesseldorf.de/">
<img src="/assets/logos/marke_a.svg" loading="lazy" alt="Fachbereich Architektur">
</a>
</li>
<li class="faculty faculty--d">
<a href="https://pbsa.hs-duesseldorf.de/">
<img src="/assets/logos/marke_d.svg" loading="lazy" alt="Fachbereich Design">
</a>
</li>
<li class="faculty faculty--ei">
<a href="https://ei.hs-duesseldorf.de/">
<img src="/assets/logos/marke_ei.svg" loading="lazy" alt="Fachbereich Elektro- & Informationstechnik">
</a>
</li>
<li class="faculty faculty--mv">
<a href="https://mv.hs-duesseldorf.de/">
<img src="/assets/logos/marke_mv.svg" loading="lazy" alt="Fachbereich Maschinenbau & Verfahrenstechnik">
</a>
</li>
<li class="faculty faculty--m">
<a href="https://medien.hs-duesseldorf.de/">
<img src="/assets/logos/marke_m.svg" loading="lazy" alt="Fachbereich Medien">
</a>
</li>
<li class="faculty faculty--sk">
<a href="https://soz-kult.hs-duesseldorf.de/">
<img src="/assets/logos/marke_sk.svg" loading="lazy" alt="Fachbereich Sozial- & Kulturwissenschaften">
</a>
</li>
<li class="faculty faculty--w">
<a href="https://wiwi.hs-duesseldorf.de/">
<img src="/assets/logos/marke_w.svg" loading="lazy" alt="Fachbereich Wirtschaftswissenschaften">
</a>
</li>
</ul>
</div>
<div class="md:col--3 lg:offset--1">
<h4 class="mb--md">Einrichtungen</h4>
<ul class="list list--unstyled">
<li>
<a href="https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/studienberatung">Zentrale Studienberatung</a>
</li>
<li>
<a href="https://www.hs-duesseldorf.de/ssc">Studierenden Support Center</a>
</li>
<li>
<a href="https://ossc.hs-duesseldorf.de/qisserver/rds?state=user&type=0">Online Studierenden Support Center (OSSC)</a>
</li>
<li>
<a href="https://bib.hs-duesseldorf.de/">Hochschulbibliothek</a>
</li>
<li>
<a href="https://zwek.hs-duesseldorf.de/">Zentrum für Weiterbildung und Kompetenzentwicklung</a>
</li>
<li>
<a href="https://cs.hs-duesseldorf.de/">Career Service</a>
</li>
<li>
<a href="https://cit.hs-duesseldorf.de/">Campus IT</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="navigator">
<div class="navigator__bar">
<div class="container container--lg">
<nav class="navigator__nav" aria-label="Hochschul-Navigation">
<ul class="navigator__options navigator__options--left">
<li class="navigator__item">
<button class="navigator__link" data-controller="disclosure" data-target="#faculties-facilities" aria-expanded="false" aria-controls="faculties-facilities">Fachbereiche<span class="d--none d--sm-inline"> & Einrichtungen</span></button>
</li>
{% for item in leftNavigation %}
<li class="navigator__item">
<a href="{{ item.url }}" class="navigator__link">{{ item.label }}</a>
</li>
{% endfor %}
</ul>
{% if rightNavigation|length > 0 %}
<ul class="navigator__options navigator__options--right">
{% for item in rightNavigation %}
<li>
{% if item.items is not defined %}
<a href="{{ item.url }}" class="navigator__link">{{ item.label }}</a>
{% else %}
<button class="navigator__link" data-controller="dropdown" aria-controls="{{ item.id }}">
{% if item.icon is defined %}{% include '@icon' with { 'type': item.icon } %}{% endif %}
{{ item.label }}
</button>
<ul id="{{ item.id }}">
{% for child in item.items %}
<li><a href="{{ child.url }}" class="navigator__link">{{ child.label }}</a></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</nav>
</div>
</div>
<div id="faculties-facilities" class="collapse">
<div class="navigator__content">
<div class="container container--lg">
<div class="row">
<div class="md:col--9 lg:col--8">
<h4 class="mb--md">Fachbereiche</h4>
{% include '@faculties' %}
</div>
{% if facilities|length > 0 %}
<div class="md:col--3 lg:offset--1">
<h4 class="mb--md">Einrichtungen</h4>
<ul class="list list--unstyled">
{% for item in facilities %}
<li>
<a href="{{ item.url }}">{{ item.label }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</section>
{
"leftNavigation": [
{
"label": "Personen",
"url": "https://www.hs-duesseldorf.de/personen"
}
],
"facilities": [
{
"label": "Zentrale Studienberatung",
"url": "https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/studienberatung"
},
{
"label": "Studierenden Support Center",
"url": "https://www.hs-duesseldorf.de/ssc"
},
{
"label": "Online Studierenden Support Center (OSSC)",
"url": "https://ossc.hs-duesseldorf.de/qisserver/rds?state=user&type=0"
},
{
"label": "Hochschulbibliothek",
"url": "https://bib.hs-duesseldorf.de/"
},
{
"label": "Zentrum für Weiterbildung und Kompetenzentwicklung",
"url": "https://zwek.hs-duesseldorf.de/"
},
{
"label": "Career Service",
"url": "https://cs.hs-duesseldorf.de/"
},
{
"label": "Campus IT",
"url": "https://cit.hs-duesseldorf.de/"
}
],
"rightNavigation": [
{
"label": "Einstellungen",
"icon": "i-settings",
"id": "panel-settings",
"items": [
{
"label": "Veranstaltungen",
"url": "#"
},
{
"label": "Räume",
"url": "#"
},
{
"label": "Lehrende",
"url": "#"
}
]
}
]
}