Kevin Adametz
9c6b7ed4f3
Beide Sites mit lokalem Font-Hosting, WebP, Build-Pipeline, SEO-Basis, HSTS, Performance-Tuning und aktualisierten Impressum/Datenschutz-Texten. Co-authored-by: Cursor <cursoragent@cursor.com>
51 lines
2.7 KiB
HTML
51 lines
2.7 KiB
HTML
<a class="visually-hidden" href="#main">Zum Inhalt springen</a>
|
|
|
|
<nav class="nav" aria-label="Hauptnavigation" data-site-nav>
|
|
<div class="nav-inner">
|
|
<a class="nav-brand" href="./index.html">MARKE MACHT</a>
|
|
|
|
<div class="nav-links">
|
|
<a class="nav-link" href="./index.html" data-nav-page="start">Start</a>
|
|
<a class="nav-link" href="./manifest.html" data-nav-page="manifest">Manifest</a>
|
|
<a class="nav-link" href="./methode.html" data-nav-page="methode">Methode</a>
|
|
<a class="nav-link" href="./denken.html" data-nav-page="denken">Denken</a>
|
|
</div>
|
|
|
|
<div class="wirkung-switch" role="group" aria-label="Wirkung wechseln">
|
|
<span class="wirkung-label">Wirkung:</span>
|
|
<button type="button" class="wirkung-option" data-wirkung="monolith" aria-pressed="false">monolithisch</button>
|
|
<span class="wirkung-sep" aria-hidden="true">·</span>
|
|
<button type="button" class="wirkung-option" data-wirkung="editorial" aria-pressed="false">editorial</button>
|
|
</div>
|
|
|
|
<a class="nav-cta" href="./audit.html">Audit anfragen</a>
|
|
|
|
<button class="menu-btn" data-drawer-open aria-label="Menü öffnen" aria-controls="mobile-drawer" aria-expanded="false">
|
|
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#menu"></use></svg>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<aside id="mobile-drawer" class="mobile-drawer" data-mobile-drawer aria-hidden="true" aria-label="Mobile Navigation">
|
|
<div class="mobile-drawer-head">
|
|
<span class="nav-brand">MARKE MACHT</span>
|
|
<button class="menu-btn" data-drawer-close aria-label="Menü schließen">
|
|
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#close"></use></svg>
|
|
</button>
|
|
</div>
|
|
<nav class="mobile-drawer-links" aria-label="Mobile Hauptnavigation">
|
|
<a class="mobile-drawer-link" href="./index.html" data-nav-page="start">Start</a>
|
|
<a class="mobile-drawer-link" href="./manifest.html" data-nav-page="manifest">Manifest</a>
|
|
<a class="mobile-drawer-link" href="./methode.html" data-nav-page="methode">Methode</a>
|
|
<a class="mobile-drawer-link" href="./denken.html" data-nav-page="denken">Denken</a>
|
|
</nav>
|
|
<div class="mobile-drawer-footer">
|
|
<div class="wirkung-switch" role="group" aria-label="Wirkung wechseln">
|
|
<span class="wirkung-label">Wirkung:</span>
|
|
<button type="button" class="wirkung-option" data-wirkung="monolith" aria-pressed="false">monolithisch</button>
|
|
<span class="wirkung-sep" aria-hidden="true">·</span>
|
|
<button type="button" class="wirkung-option" data-wirkung="editorial" aria-pressed="false">editorial</button>
|
|
</div>
|
|
<a class="nav-cta mobile-drawer-cta" href="./audit.html">Audit anfragen</a>
|
|
</div>
|
|
</aside>
|