Content
Navigation
Navigation components. Used in the div.container inside <main>. When navigation aside is present put page content in div#page. Usearia-current="page" on the active link.
Default
<aside id="navigation">
<nav>
<ul>
<li><a href="#" aria-current="page">Current Page</a></li>
<li><a href="#">Another Page</a></li>
<li>
<details open="">
<summary>Submenu</summary>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</details>
</li>
</ul>
</nav>
</aside>Inside main container
Put your website content here.
<main>
<div class="container">
<aside id="navigation">
<nav>
<ul>
<li><a href="#" aria-current="page">Current Page</a></li>
<li><a href="#">Another Page</a></li>
<li>
<details open="">
<summary>Submenu</summary>
<ul>
<li aria-current="page"><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</details>
</li>
</ul>
</nav>
</aside>
<div id="page">Put your website content here.</div>
</div>
</main>