Sidenav

<a href="#" data-activates="slide-out" class="button-collapse">Open sidebar</a>

<ul id="slide-out" class="side-nav fixed sn-bg-1">
    <li class="search-form">
        <form class="form-inline">
            <label for="frm-navbar-search" class="sr-only">Zoeken</label>
            <input class="form-control" id="frm-navbar-search" type="text" placeholder="Zoeken">
            <i class="mdi mdi-magnify" aria-hidden="true"></i>
        </form>
    </li>
    <!--/.Search Form-->
    <!-- Side navigation links -->
    <li>
        <ul class="collapsible collapsible-accordion">
            <li>
                <a class="collapsible-header waves-effect arrow-r">
                    <i class="mdi mdi-school" aria-hidden="true"></i>
                    Lorem
                    <i class="mdi mdi-chevron-down rotate-icon" aria-hidden="true"></i>
                </a>
                <div class="collapsible-body">
                    <ul class="collapsible-list">
                        <li><a href="#" class="waves-effect">Submit listing</a>
                        </li>
                        <li><a href="#" class="waves-effect">Registration form</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a class="waves-effect">
                    <i class="mdi mdi-car" aria-hidden="true"></i>
                    Lorem
                </a>
            </li>
            <li>
                <a class="waves-effect">
                    <i class="mdi mdi-human-female" aria-hidden="true"></i>
                    Lorem
                </a>
            </li>
            <li>
                <a class="waves-effect">
                    <i class="mdi mdi-bike" aria-hidden="true"></i>
                    Lorem
                </a>
            </li>
            <li>
                <a class="waves-effect">
                    <i class="mdi mdi-human-male" aria-hidden="true"></i>
                    Lorem
                </a>
            </li>
        </ul>
    </li>
    <!--/. Side navigation links -->
    <div class="sidenav-bg mask-strong"></div>
</ul>

There are no notes for this item.