_menu.html

<p class="is-4 title"><a href="/">Úvodní stránka</a></p>
<aside class="menu">
    <p class="menu-label">Lekce 0</p>
    <ul class="menu-list">
        <li><a href="/lekce/0/o-kurzu">O kurzu</a></li>
        <li><a href="/lekce/0/co-je-web">Co je web a jak funguje</a></li>
        <li><a href="/lekce/0/html">HTML</a></li>
        <li><a href="/lekce/0/zdroje">Zdroje</a></li>
        <li><a href="/lekce/0/css">CSS</a></li>
    </ul>
    <p class="menu-label">Lekce 1</p>
    <ul class="menu-list">
        <li><a href="/lekce/1/automatizace">Automatizace</a></li>
        <li><a href="/lekce/1/dedicnost">Dědičnost</a></li>
        <li><a href="/lekce/1/box-model">Box-model</a></li>
        <li><a href="/lekce/1/tridy">Třídy</a></li>
        <li><a href="/lekce/1/pokrocile-selektory">Pokročilé selektory</a></li>
        <li><a href="/lekce/1/specificita">Specificita</a></li>
    </ul>

    <p class="menu-label">Lekce 2</p>
    <ul class="menu-list">
        <li><a href="/lekce/2/flask">Flask</a></li>
        <li><a href="/lekce/2/sablony">Šablony</a></li>
        <li><a href="/lekce/2/browsersync">Flask a Browsersync</a></li>
        <li><a href="/lekce/2/formulare">Formuláře</a></li>
    </ul>

    <p class="menu-label">Lekce 3</p>
    <ul class="menu-list">
        <li><a href="/lekce/3/javascript">Základy JavaScriptu</a></li>
        <li><a href="/lekce/3/dom">DOM</a></li>
        <li><a href="/lekce/3/knihovny">Knihovny</a></li>
    </ul>

    <p class="menu-label">Lekce 4</p>
    <ul class="menu-list">
        <li><a href="/lekce/4/tok">Tok dokumentu</a></li>
        <li><a href="/lekce/4/pozicovani">Pozicování</a></li>
        <li><a href="/lekce/4/float">Float</a></li>
        <li><a href="/lekce/4/flex">Flexbox</a></li>
        <li><a href="/lekce/4/responzivni-web">Responzivní web</a></li>
        <li><a href="/lekce/4/bootstrap">Bootstrap</a></li>
        <li><a href="/lekce/4/preprocesory">Preprocesory</a></li>
    </ul>

    <p class="menu-label">Dílna</p>
    <ul class="menu-list">
        <li><a href="/lekce/dilna/instalace">Instalace</a></li>
        <li><a href="/">Nasazení <span class="tag is-primary">Připravujeme</span></a></li>
    </ul>
    <p class="menu-label">Dodatky</p>
    <ul class="menu-list">
        <li><a href="/lekce/dodatky/html-tagy">HTML tagy</a></li>
        <li><a href="/lekce/dodatky/css-vlastnosti">CSS vlastnosti</a></li>
    </ul>
</aside>