museui
/
index.html

<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>MuseUI</title>

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/icons.css" rel="stylesheet" type="text/css" />
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
<script type='text/javascript' src='js/actions.js'></script>
<!--[if lte IE 6]>
<script src="js/ie6png.js" type="text/javascript"></script>
    <script type="text/javascript">
        DD_belatedPNG.fix('img, .icon,.isw-archive,.isw-chat,.isw-graph,.isw-grid,.isw-list,.isw-text_document,.isw-zoom,.text');
    </script>
<![endif]-->

</head>
<body>
<!----------头部--------------->
<div class="header"> <a class="logo" href="index.html"><img src="img/logo.png" alt="" /></a> </div>
<!----------左侧菜单--------------->
<div class="middle">
<div class="menu">
  <div class="breadLine"> </div>
  <ul class="navigation">
    <li class="active"> <a href="index.html"> <span class="isw isw-grid"></span><span class="text">面板</span> </a> </li>
    <li class="openable"> <a href="#"> <span class="isw isw-list"></span><span class="text">UI 元素</span> </a>
      <ul>
        <li> <a href="#" > <span class="icon icon-th"></span><span class="text">UI 元素</span> </a> </li>
        <li> <a href="widgets.html"> <span class="icon icon-th-large"></span><span class="text">组件</span> </a> </li>
        <li> <a href="buttons.html"> <span class="icon icon-chevron-right"></span><span class="text">按钮</span> </a> </li>
        <li> <a href="icons.html"> <span class="icon icon-fire"></span><span class="text">图标</span> </a> </li>
      </ul>
    </li>
    <li> <a href="test.html"> <span class="isw isw-archive"></span><span class="text">表单</span> </a> </li>
    <li class="openable"> <a href="#"> <span class="isw isw-chat"></span><span class="text">消息</span> </a>
      <ul>
        <li> <a href="messages.html"> <span class="icon icon-comment"></span><span class="text">消息组件</span></a> </li>
      </ul>
    </li>
    <li> <a href="statistic.html"> <span class="isw isw-graph"></span><span class="text">统计</span> </a> </li>
    <li> <a href="tables.html"> <span class="isw isw-text_document"></span><span class="text">表格</span> </a> </li>
    <li class="openable"> <a href="#"> <span class="isw isw-zoom"></span><span class="text">其他</span> </a>
      <ul>
        <li> <a href="gallery.html"> <span class="icon icon-picture"></span><span class="text">Gallery</span> </a> </li>
        <li> <a href="typography.html"> <span class="icon icon-pencil"></span><span class="text">Typography</span> </a> </li>
        <li> <a href="users.html"> <span class="icon icon-user"></span><span class="text">Users</span> </a> </li>
      </ul>
    </li>
  </ul>
  <div class="dr"><span></span></div>
</div>
<!----------右侧内容区域--------------->
<div class="content">
  <div class="breadLine"> ···</div>
</div>
</div>
</body>
</html>