showcar-ui
Version:
Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.
51 lines (46 loc) • 2.07 kB
HTML
<a class="skip-main" href="#main-target">Skip to main content</a>
<header class="sc-navigation-v2" role="navigation">
<div class="bar">
<button class="sc-btn-mobile-menu"><span></span>Menu</button>
<a href="https://www.autoscout24.de" class="icon-auto24">
<as24-icon type="auto24"></as24-icon>
</a>
</div>
<nav aria-label="mainmenu">
<ul class="left">
<li>
<a href="http://google.de/">Link Without Subnav 1</a>
</li>
<li>
<a href="http://google.de/">Link Without Subnav 2</a>
</li>
<li>
<a href="http://google.de/">Link Without Subnav 3</a>
</li>
</ul>
<ul class="right left-flyout">
<li>
<button class="title sc-inline-link sc-btn-block" aria-haspopup="true" aria-expanded="false">Right Menu</button>
<div class="submenu">
<a href="#navigation-v2-variation2">Right menu Link 1 (<span>0</span>)</a>
<a href="#navigation-v2-variation2">Right menu Link 2 (<span>0</span>)</a>
</div>
</li>
<li class="country-selector">
<button class="title sc-inline-link sc-btn-block aria-haspopup="true" aria-expanded="false""><as24-icon type="flag/de"></as24-icon></button>
<div class="submenu">
<a href="#navigation-v2">
<as24-icon type="flag/de"></as24-icon><span>Deutschland</span>
</a>
<a href="#navigation-v2">
<as24-icon type="flag/be"></as24-icon><span>België/Belgique</span>
</a>
<span>—</span>
<a href="#navigation-v2">Български</a>
<a href="#navigation-v2">Česky</a>
</div>
</li>
</ul>
</nav>
</header>
<span id="#main-target"></span>