<button class="menu-toggler">
    <span>-</span>
    <span>-</span>
    <span>-</span>
</button>

<div class="menu-wrapper">
    <div class="menu-container">

        <!-- Item used for navigating back -->
        <a href="#" class="menu-back" data-default="Sluiten">
            <i class="icon-arrow-long-left"></i> <span>Sluiten</span>
        </a>
        
        <ul data-level="1">
            <li>
                <a href="/"><i class="icon-dashboard"></i> <span>Dashboard</span></a>
            </li>
            <li class="active">
                <a href="#"><i class="icon-pencil"></i> <span>Content</span></a>
                <div class="menu-sub">
                    <ul data-level="2">
                        <li class="active">
                            <a href="/">Pagina's</a>
                        </li>
                        <li>
                            <a href="/">Blog</a>
                            <div class="menu-sub">
                                <ul data-level="3">
                                    <li>
                                        <a href="/">Posts</a>
                                    </li>
                                    <li>
                                        <a href="/">Categorieën</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="/">Bestanden</a>
                        </li>
                        <li>
                            <a href="/">Menu</a>
                        </li>
                        <li>
                            <a href="/">Producten</a>
                            <div class="menu-sub">
                                <ul data-level="3">
                                    <li>
                                        <a href="/">Producten</a>
                                    </li>
                                    <li>
                                        <a href="/">Categorieën</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="/"><i class="icon-stats"></i> <span>Statistieken</span></a>
                <div class="menu-sub">
                    <ul data-level="2">
                        <li>
                            <a href="/">Bezoekers</a>
                        </li>
                        <li>
                            <a href="/">Conversies</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="/"><i class="icon-gear"></i> <span>Instellingen</span></a>
            </li>
        </ul>
        <ul data-level="1">
            <li>
                <a href="/"><i class="icon-envelope"></i> <span>Berichten</span><span class="badge">2</span></a>
            </li>
            <li>
                <a href="/"><i class="icon-help"></i> <span>Help</span></a>
            </li>
        </ul>
    </div>
</div>