kalidea/kaligraphi

<div id="container">

  <div class="menu-nav">

    <div class="menu-nav__head">
      <img src="https://via.placeholder.com/150x100/E89536/FFFFFF?text=KALIGRAPHI" height="100"/>
    </div>

    <div class="menu-nav__main">

      <kal-accordion [multi]="true" kalTheme="reverse">
        <kal-expansion-panel *ngFor="let param of items">
          <kal-expansion-panel-header><span>{{ param.key }}</span></kal-expansion-panel-header>
          <kal-expansion-panel-content>
            <kal-nav [items]="param.list"></kal-nav>
          </kal-expansion-panel-content>
        </kal-expansion-panel>
      </kal-accordion>

    </div>

    <div class="menu-nav__foot">
      <a href="https://github.com/kalidea/kaligraphi" target="_blank">Dépot Kalidea / Kaligraphi</a>
    </div>

  </div>

  <main>
    <router-outlet></router-outlet>
  </main>

</div>