<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Iconos -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
<!--[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>无标题文档</title>
</head>
<body>
<!-- Contenedor -->
<ul id="accordion" class="accordion">
<li>
<div class="link"><i class="fa fa-paint-brush"></i>首页<i class="fa fa-chevron-down"></i></div>
<ul class="submenu">
<li><a href="#">首页1</a></li>
<li><a href="#">首页2</a></li>
<li><a href="#">首页3</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-code"></i>个人管理<i class="fa fa-chevron-down"></i></div>
<ul class="submenu">
<li><a href="#">个人管理</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-mobile"></i>信息管理<i class="fa fa-chevron-down"></i></div>
<ul class="submenu"><li><a href="#">信息管理</a></li></ul>
</li>
<li>
<div class="link"><i class="fa fa-mobile"></i>课程管理<i class="fa fa-chevron-down"></i></div>
<ul class="submenu"><li><a href="#">课程管理</a></li></ul>
</li>
<li><div class="link"><i class="fa fa-globe"></i>系统管理<i class="fa fa-chevron-down"></i></div>
<ul class="submenu">
<li><a href="#">用户管理</a></li>
<li><a href="#">用户组管理</a></li>
<li><a href="#">模块管理</a></li>
<li><a href="#">日志管理</a></li>
<li><a href="#">设备状态</a></li>
<li><a href="#">存储管理</a></li>
</ul>
</li>
</ul>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>