<div data-controller="infobar">
<nav aria-label="Schnellzugriff">
<ul class="info-bar">
<li>
<button class="btn" aria-expanded="false" aria-controls="info-bar-1">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-edu" />
</svg>
<span>Studium</span>
</button>
</li>
<li>
<button class="btn" aria-expanded="false" aria-controls="info-bar-2">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-contact_support" />
</svg>
<span>Beratung</span>
</button>
</li>
</ul>
</nav>
<section role="dialog" class="drawer" id="info-bar-1" aria-labelledby="info-bar-1_title">
<div class="drawer__content">
<h2 id="info-bar-1_title" class="display--md mb--md">Studium</h2>
<div>
<p>Der Fachbereich informiert Studierende im Laufe des Semesters über das <a href="https://wiwi.hs-duesseldorf.de/aktuelles/schwarzes-brett">Schwarze Brett</a>, aktuelle <a href="https://wiwi.hs-duesseldorf.de/aktuelles/meldungen">Meldungen</a> und über die <a href="https://www.facebook.com/hsd.wiwi/">Facebook-Seite des Fachbereichs</a>.</p>
<p>Weitere relevante Informationen im Studium sind</p>
<ul>
<li><a href="https://wiwi.hs-duesseldorf.de/studium/pruefungen/Seiten/pruefungsordnungen.aspx">Prüfungsordnungen</a></li>
<li><a href="https://wiwi.hs-duesseldorf.de/studium/pruefungen/Seiten/klausureinsichten.aspx">Klausureinsichten</a></li>
<li><a href="https://wiwi.hs-duesseldorf.de/studium/tutorien">Tutorien</a> und</li>
<li><a href="https://wiwi.hs-duesseldorf.de/studium/auslandsstudium">Informationen zum Auslandsstudium</a>.</li>
</ul>
<h3 class="h4">Plattformen</h3>
<ul>
<li><a href="https://ossc.hs-duesseldorf.de/">Online Studierenden Support Center (OSSC)</a></li>
<li><a href="https://moodle.hs-duesseldorf.de/">Moodle</a></li>
<li><a href="https://www.stellenwerk-hochschule-duesseldorf.de/">Stellenwerk (Jobportal für Studierende)</a></li>
</ul>
</div>
<button class="btn drawer__close">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
<span class="visually-hidden">Schließen</span>
</button>
</div>
<div class="drawer__mask"></div>
</section>
<section role="dialog" class="drawer" id="info-bar-2" aria-labelledby="info-bar-2_title">
<div class="drawer__content">
<h2 id="info-bar-2_title" class="display--md mb--md">Beratung</h2>
<div>
<p>Das <a href="https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/ssc">Studierenden Support Center</a> am Campus Derendorf der Hochschule Düsseldorf ist die erste Anlaufstelle für Studierende und Studieninteressierte. Es bietet Ihnen in ansprechender Atmosphäre eine optimale Betreuung und Beratung.</p>
<p>Das SSC vereint </p>
<ul>
<li><a href="https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/studienberatung">die Zentrale Studienberatung</a></li>
<li><a href="https://www.hs-duesseldorf.de/studium/internationales">das International Office</a></li>
<li><a href="https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/psb">die Psychologische Beratung</a></li>
<li><a href="https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/Seiten/studienbueros.aspx">die Studienbüros</a></li>
<li><a href="https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/Seiten/Zulassungsstelle.aspx">die Zulassungsstelle</a></li>
<li><a href="https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/abs/">und die Arbeitsstelle Barrierefreies Studium.</a></li>
</ul>
<h3 class="h4">Studierenden Support Center</h3>
<p>Münsterstr. 156<br>
Gebäude 2, 1. OG<br>
40476 Düsseldorf</p>
<p><a href="mailto:studienberatung@hs-duesseldorf.de ">studienberatung@hs-duesseldorf.de</a></p>
<p><a href="tel:+4921143515555">0211 4351-5555</a></p>
<p>Weitere Informationen und Beratungsangebote finden Sie auf der <a href="https://www.hs-duesseldorf.de/zsb">Website der Zentralen Studienberatung</a>.</p>
</div>
<button class="btn drawer__close">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
<span class="visually-hidden">Schließen</span>
</button>
</div>
<div class="drawer__mask"></div>
</section>
</div>
<div data-controller="infobar">
<nav aria-label="Schnellzugriff">
<ul class="info-bar">
{% for pane in info_bar_panes %}
<li>
<button class="btn" aria-expanded="false" aria-controls="info-bar-{{ loop.index }}">
{% include '@icon' with { 'type': pane.icon } %}
<span>{{ pane.label }}</span>
</button>
</li>
{% endfor %}
</ul>
</nav>
{% for pane in info_bar_panes %}
<section role="dialog" class="drawer" id="info-bar-{{ loop.index }}" aria-labelledby="info-bar-{{ loop.index }}_title">
<div class="drawer__content">
<h2 id="info-bar-{{ loop.index }}_title" class="display--md mb--md">{{ pane.title }}</h2>
<div>
{{ pane.content }}
</div>
<button class="btn drawer__close">
{% include '@icon' with { 'type': 'i-close' } %}
<span class="visually-hidden">Schließen</span>
</button>
</div>
<div class="drawer__mask"></div>
</section>
{% endfor %}
</div>
{
"info_bar_panes": [
{
"label": "Studium",
"title": "Studium",
"icon": "i-edu",
"content": "\n <p>Der Fachbereich informiert Studierende im Laufe des Semesters über das <a href=\"https://wiwi.hs-duesseldorf.de/aktuelles/schwarzes-brett\">Schwarze Brett</a>, aktuelle <a href=\"https://wiwi.hs-duesseldorf.de/aktuelles/meldungen\">Meldungen</a> und über die <a href=\"https://www.facebook.com/hsd.wiwi/\">Facebook-Seite des Fachbereichs</a>.</p>\n <p>Weitere relevante Informationen im Studium sind</p>\n <ul>\n <li><a href=\"https://wiwi.hs-duesseldorf.de/studium/pruefungen/Seiten/pruefungsordnungen.aspx\">Prüfungsordnungen</a></li>\n <li><a href=\"https://wiwi.hs-duesseldorf.de/studium/pruefungen/Seiten/klausureinsichten.aspx\">Klausureinsichten</a></li>\n <li><a href=\"https://wiwi.hs-duesseldorf.de/studium/tutorien\">Tutorien</a> und</li>\n <li><a href=\"https://wiwi.hs-duesseldorf.de/studium/auslandsstudium\">Informationen zum Auslandsstudium</a>.</li>\n </ul>\n\n <h3 class=\"h4\">Plattformen</h3>\n <ul>\n <li><a href=\"https://ossc.hs-duesseldorf.de/\">Online Studierenden Support Center (OSSC)</a></li>\n <li><a href=\"https://moodle.hs-duesseldorf.de/\">Moodle</a></li>\n <li><a href=\"https://www.stellenwerk-hochschule-duesseldorf.de/\">Stellenwerk (Jobportal für Studierende)</a></li>\n </ul>\n "
},
{
"label": "Beratung",
"title": "Beratung",
"icon": "i-contact_support",
"content": "\n <p>Das <a href=\"https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/ssc\">Studierenden Support Center</a> am Campus Derendorf der Hochschule Düsseldorf ist die erste Anlaufstelle für Studierende und Studieninteressierte. Es bietet Ihnen in ansprechender Atmosphäre eine optimale Betreuung und Beratung.</p>\n\n <p>Das SSC vereint </p>\n <ul>\n <li><a href=\"https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/studienberatung\">die Zentrale Studienberatung</a></li>\n <li><a href=\"https://www.hs-duesseldorf.de/studium/internationales\">das International Office</a></li>\n <li><a href=\"https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/psb\">die Psychologische Beratung</a></li>\n <li><a href=\"https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/Seiten/studienbueros.aspx\">die Studienbüros</a></li>\n <li><a href=\"https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/Seiten/Zulassungsstelle.aspx\">die Zulassungsstelle</a></li>\n <li><a href=\"https://www.hs-duesseldorf.de/studium/beratung_und_kontakt/abs/\">und die Arbeitsstelle Barrierefreies Studium.</a></li>\n </ul>\n\n <h3 class=\"h4\">Studierenden Support Center</h3>\n <p>Münsterstr. 156<br>\n Gebäude 2, 1. OG<br>\n 40476 Düsseldorf</p>\n <p><a href=\"mailto:studienberatung@hs-duesseldorf.de \">studienberatung@hs-duesseldorf.de</a></p>\n <p><a href=\"tel:+4921143515555\">0211 4351-5555</a></p>\n <p>Weitere Informationen und Beratungsangebote finden Sie auf der <a href=\"https://www.hs-duesseldorf.de/zsb\">Website der Zentralen Studienberatung</a>.</p>\n "
}
]
}