<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>jQuery CSS3网站后台常用左侧垂直手风琴菜单代码</title>
<link rel='stylesheet prefetch' href='https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'>
<link rel='stylesheet' href='css/style.css'>
</head>
<body>
<aside class="sidebar">
<div id="leftside-navigation" class="nano">
<ul class="nano-content">
<li>
<a href="index.html"><i class="fa fa-dashboard"></i><span>Dashboard</span></a>
</li>
<li class="sub-menu">
<a href="javascript:void(0);"><i class="fa fa-cogs"></i><span>UI Elements</span><i class="arrow fa fa-angle-right pull-right"></i></a>
<ul>
<li><a href="ui-alerts-notifications.html">Alerts & Notifications</a>
</li>
<li><a href="ui-panels.html">Panels</a>
</li>
<li><a href="ui-buttons.html">Buttons</a>
</li>
<li><a href="ui-slider-progress.html">Sliders & Progress</a>
</li>
<li><a href="ui-modals-popups.html">Modals & Popups</a>
</li>
<li><a href="ui-icons.html">Icons</a>
</li>
<li><a href="ui-grid.html">Grid</a>
</li>
<li><a href="ui-tabs-accordions.html">Tabs & Accordions</a>
</li>
<li><a href="ui-nestable-list.html">Nestable Lists</a>
</li>
</ul>
</li>
<li class="sub-menu">
<a href="javascript:void(0);"><i class="fa fa-table"></i><span>Tables</span><i class="arrow fa fa-angle-right pull-right"></i></a>
<ul>
<li><a href="tables-basic.html">Basic Tables</a>
</li>
<li><a href="tables-data.html">Data Tables</a>
</li>
</ul>
</li>
<li class="sub-menu">
<a href="javascript:void(0);"><i class="fa fa fa-tasks"></i><span>Forms</span><i class="arrow fa fa-angle-right pull-right"></i></a>
<ul>
<li><a href="forms-components.html">Components</a>
</li>
<li><a href="forms-validation.html">Validation</a>
</li>
<li><a href="forms-mask.html">Mask</a>
</li>
<li><a href="forms-wizard.html">Wizard</a>
</li>
<li><a href="forms-multiple-file.html">Multiple File Upload</a>
</li>
<li><a href="forms-wysiwyg.html">WYSIWYG Editor</a>
</li>
</ul>
</li>
<li class="sub-menu active">
<a href="javascript:void(0);"><i class="fa fa-envelope"></i><span>Mail</span><i class="arrow fa fa-angle-right pull-right"></i></a>
<ul>
<li class="active"><a href="mail-inbox.html">Inbox</a>
</li>
<li><a href="mail-compose.html">Compose Mail</a>
</li>
</ul>
</li>
<li class="sub-menu">
<a href="javascript:void(0);"><i class="fa fa-bar-chart-o"></i><span>Charts</span><i class="arrow fa fa-angle-right pull-right"></i></a>
<ul>
<li><a href="charts-chartjs.html">Chartjs</a>
</li>
<li><a href="charts-morris.html">Morris</a>
</li>
<li><a href="charts-c3.html">C3 Charts</a></li>
</ul>
</li>
<li class="sub-menu">
<a href="javascript:void(0);"><i class="fa fa-map-marker"></i><span>Maps</span><i class="arrow fa fa-angle-right pull-right"></i></a>
<ul>
<li><a href="map-google.html">Google Map</a>
</li>
<li><a href="map-vector.html">Vector Map</a>
</li>
</ul>
</li>
<li class="sub-menu">
<a href="typography.html"><i class="fa fa-text-height"></i><span>Typography</span></a>
</li>
<li class="sub-menu">
<a href="javascript:void(0);"><i class="fa fa-file"></i><span>Pages</span><i class="arrow fa fa-angle-right pull-right"></i></a>
<ul>
<li><a href="pages-blank.html">Blank Page</a>
</li>
<li><a href="pages-login.html">Login</a>
</li>
<li><a href="pages-sign-up.html">Sign Up</a>
</li>
<li><a href="pages-calendar.html">Calendar</a>
</li>
<li><a href="pages-timeline.html">Timeline</a>
</li>
<li><a href="pages-404.html">404</a>
</li>
<li><a href="pages-500.html">500</a>
</li>
</ul>
</li>
</ul>
</div>
</aside>
<script src='js/jquery.min.js'></script>
<script src='js/jquery-ui.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
