<header class='ui-header ui-container inverted'>
<div class='ui-header-brand'>
<a class='ui-header-logo' style='background-image: url(/logo-zhdk.png)'></a>
<div class='ui-header-brand-text'>
<h1 class='ui-header-instance-name'>
<a>
Medienarchiv der Künste
</a>
</h1>
<h2 class='ui-header-brand-name'>
<a>
Zürcher Hochschule der Künste
</a>
</h2>
</div>
<a class='stretched-link'></a>
</div>
<div class='ui-header-menu'>
<ul class='large primary ui-tabs' id='example_tabs'>
<li class='active ui-tabs-item'>
<a class='' href='#' id='example_tabs-my'>
Mein Archiv
</a>
</li>
<li class='ui-tabs-item'>
<a class='' href='#' id='example_tabs-explore'>
Erkunden
</a>
</li>
<li class='ui-tabs-item'>
<a class='' href='#' id='example_tabs-search'>
<i class='icon-lens bright'></i>
Suchen
</a>
</li>
<li class='ui-tabs-item'>
<a class='' href='#' id='example_tabs-help'>
<i class='icon-nav-help'></i>
</a>
</li>
</ul>
</div>
<div class='ui-header-user'>
<div class='dropdown stick-right ui-dropdown'>
<a class='dropdown-toggle ui-drop-toggle' data-toggle='dropdown'>
Normin Normalo
<i class='stand-alone small icon-arrow-down'></i>
</a>
<ul aria-labelledby='dLabel' class='dropdown-menu ui-drop-menu' role='menu'>
<li class='ui-drop-item'>
<a class='strong' href='#'>
Dropdown
</a>
</li>
</ul>
</div>
</div>
</header>