App Menu

<aside class="app_sidebar">
    <header>
        <a href="/" class="logo">
            <img src="../../ecardilly.svg" alt="ecardilly" width="171" height="32" />
        </a>

        <button type="button" class="btn btn--ghost --no_desktop" data-toggle-menu="">
            <i class="ph ph-bold ph-list ph--large"></i>
        </button>
    </header>

    <section class="drawer" data-menu="">
        <nav class="app_menu">
            <a href="#menu">
                <i class="ph ph-bold ph-storefront"></i>
                <span>Shop</span>
            </a>

            <a href="#ecards" class="--active">
                <i class="ph ph-bold ph-cards"></i>
                <span>eCards</span>
            </a>

            <a href="#events" class="--new">
                <i class="ph ph-bold ph-calendar-heart"></i>
                <span>Events</span>
            </a>

            <a href="#galleries" class="--comingsoon">
                <i class="ph ph-bold ph-grid-nine"></i>
                <span>Fotowände</span>
            </a>
        </nav>

        <nav class="app_menu">
            <a href="#support">
                <i class="ph ph-bold ph-question"></i>
                <span>Support</span>
            </a>
        </nav>

        <div class="divider">
            <span class="divider_title">Admin</span>
        </div>

        <nav class="app_menu --admin">
            <a href="#menu">
                <i class="ph ph-bold ph-storefront"></i>
                <span>Shop</span>
            </a>

            <a href="#ecards" class="">
                <i class="ph ph-bold ph-cards"></i>
                <span>eCards</span>
            </a>

            <a href="#events" class="">
                <i class="ph ph-bold ph-calendar-heart"></i>
                <span>Events</span>
            </a>

            <a href="#menu">
                <i class="ph ph-bold ph-storefront"></i>
                <span>Shop</span>
            </a>

            <a href="#ecards" class="">
                <i class="ph ph-bold ph-cards"></i>
                <span>eCards</span>
            </a>

            <a href="#events" class="">
                <i class="ph ph-bold ph-calendar-heart"></i>
                <span>Events</span>
            </a>

            <a href="#menu">
                <i class="ph ph-bold ph-storefront"></i>
                <span>Shop</span>
            </a>

            <a href="#ecards" class="">
                <i class="ph ph-bold ph-cards"></i>
                <span>eCards</span>
            </a>

            <a href="#events" class="">
                <i class="ph ph-bold ph-calendar-heart"></i>
                <span>Events</span>
            </a>
        </nav>
        <nav class="app_menu --admin">
            <a href="#menu">
                <i class="ph ph-bold ph-storefront"></i>
                <span>Shop</span>
            </a>

            <a href="#ecards" class="">
                <i class="ph ph-bold ph-cards"></i>
                <span>eCards</span>
            </a>

            <a href="#events" class="">
                <i class="ph ph-bold ph-calendar-heart"></i>
                <span>Events</span>
            </a>

            <a href="#menu">
                <i class="ph ph-bold ph-storefront"></i>
                <span>Shop</span>
            </a>

            <a href="#ecards" class="">
                <i class="ph ph-bold ph-cards"></i>
                <span>eCards</span>
            </a>

            <a href="#events" class="">
                <i class="ph ph-bold ph-calendar-heart"></i>
                <span>Events</span>
            </a>

            <a href="#menu">
                <i class="ph ph-bold ph-storefront"></i>
                <span>Shop</span>
            </a>

            <a href="#ecards" class="">
                <i class="ph ph-bold ph-cards"></i>
                <span>eCards</span>
            </a>

            <a href="#events" class="">
                <i class="ph ph-bold ph-calendar-heart"></i>
                <span>Events</span>
            </a>
        </nav>

        <div class="stretcher"></div>

        <div class="app_account">
            <div>
                <strong class="font--small text--subdued">
                    <i class="ph-bold ph-user-circle"></i>
                    kleiber.huegel@gmail.com
                </strong>
                <a href="#logout" class="btn btn--tiny">Logout</a>
            </div>

            <div>
                <strong class="font--small text--subdued">
                    <i class="ph-bold ph-storefront"></i>
                    demo-store.myshopify.com
                </strong>
            </div>
        </div>
    </section>

</aside>