outaozhen преди 8 години
ревизия
0da08a760f
променени са 49 файла, в които са добавени 14307 реда и са изтрити 0 реда
  1. 135 0
      admin-articlelist-add.html
  2. 136 0
      admin-articlelist-edit.html
  3. 204 0
      admin-articlelist.html
  4. 124 0
      admin-cartoonlist-add.html
  5. 124 0
      admin-cartoonlist-edit.html
  6. 204 0
      admin-cartoonlist.html
  7. 197 0
      admin-cartoonlist1.html
  8. 115 0
      admin-columnlist-add.html
  9. 115 0
      admin-columnlist-edit.html
  10. 204 0
      admin-columnlist.html
  11. 121 0
      admin-downlist-add.html
  12. 127 0
      admin-downlist-edit.html
  13. 178 0
      admin-downlist.html
  14. 58 0
      admin-login.html
  15. 186 0
      admin-producelist-add.html
  16. 158 0
      admin-producelist-edit.html
  17. 225 0
      admin-producelist.html
  18. 195 0
      admin-trainlist-add.html
  19. 227 0
      admin-trainlist-edit.html
  20. 204 0
      admin-trainlist.html
  21. 596 0
      css/bootstrap-theme.css
  22. 14 0
      css/bootstrap-theme.min.css
  23. 6802 0
      css/bootstrap.css
  24. 14 0
      css/bootstrap.min.css
  25. BIN
      css/fonts/iconMenu.eot
  26. 16 0
      css/fonts/iconMenu.svg
  27. BIN
      css/fonts/iconMenu.ttf
  28. BIN
      css/fonts/iconMenu.woff
  29. 7 0
      css/iconMenu/Read Me.txt
  30. 152 0
      css/iconMenu/demo-files/demo.css
  31. 30 0
      css/iconMenu/demo-files/demo.js
  32. 135 0
      css/iconMenu/demo.html
  33. BIN
      css/iconMenu/fonts/iconMenu.eot
  34. 16 0
      css/iconMenu/fonts/iconMenu.svg
  35. BIN
      css/iconMenu/fonts/iconMenu.ttf
  36. BIN
      css/iconMenu/fonts/iconMenu.woff
  37. 223 0
      css/iconMenu/selection.json
  38. 45 0
      css/iconMenu/style.css
  39. 308 0
      css/style.css
  40. BIN
      fonts/glyphicons-halflings-regular.eot
  41. 288 0
      fonts/glyphicons-halflings-regular.svg
  42. BIN
      fonts/glyphicons-halflings-regular.ttf
  43. BIN
      fonts/glyphicons-halflings-regular.woff
  44. BIN
      fonts/glyphicons-halflings-regular.woff2
  45. BIN
      images/01.jpg
  46. 2366 0
      js/bootstrap.js
  47. 12 0
      js/bootstrap.min.js
  48. 41 0
      js/global.js
  49. 5 0
      js/jquery-1.9.1.min.js

+ 135 - 0
admin-articlelist-add.html

@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-articlelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>文章添加</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 普通新闻
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">所属栏目</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+                <option>桌面软件</option>
+                <option>网络应用</option>
+                <option>公司新闻</option>
+                <option>行业新闻</option>
+                <option>纵横风采</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">媒体报道标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">新闻概要</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">缩略图</label>
+          <div class="col-sm-5">
+            <input type="file" id=""><span>612 x 280</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="5"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 136 - 0
admin-articlelist-edit.html

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-articlelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>文章编辑</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 普通新闻
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">所属栏目</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+                <option>桌面软件</option>
+                <option>网络应用</option>
+                <option selected>公司新闻</option>
+                <option>行业新闻</option>
+                <option>纵横风采</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">媒体报道标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="纵横携手广东交通实业投资有限公司成功举办公路工程造价标准化管理培训">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">新闻概要</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3">培训特邀广东省交通工程造价管理站郭科长、施工图设计工程量总表编制负责人曾老师、珠海纵横创新软件有限公司刘飞老师、何燿老师,针对相关知识进行了为期两天的教学课程培训。</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">缩略图</label>
+          <div class="col-sm-5">
+            <input type="file" id=""><span>612 x 280</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="5">2016年3月3日至4日,由广东交通实业投资有限公司携手珠海纵横创新软件有限公司开展了“公路工程造价标准化管理培训”。
+本次培训旨在加强广东交通实业投资有限公司内部建设项目全过程造价管理,进一步规范三级清单及清单预算的编审工作,熟练掌握管理和技术要求,提高专业技术人员的技能素质,学习广东省交通运输厅《关于印发广东省执行交通运输部(公路工程标准施工招标文件范本2009年版)补充规定的通知》</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 204 - 0
admin-articlelist.html

@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>文章中心</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a href="admin-articlelist-add.html" class="btn btn-primary">添加文章</a>
+        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+      </div>
+      <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th><input type="checkbox"></th>
+            <th>标题</th>
+            <th>类别</th>
+            <th>时间</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>纵横携手广东交通实业投资有限公司成功举办公路工程造价标准化管理培训</td>
+          <td>新闻</td>
+          <td>2016-03-08</td>
+          <td>
+            <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>纵横携手双牌县国道贰零柒五里牌段一级公路建设有限公司成功举办纵横软件应用培训</td>
+          <td>新闻</td>
+          <td>2016-03-08</td>
+          <td>
+            <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>热烈祝贺江西理工大学 “纵横公路造价全过程专业讲座”圆满成功</td>
+          <td>新闻</td>
+          <td>2016-03-08</td>
+          <td>
+            <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>纵横内蒙办3月份软件应用免费培训班顺利开展</td>
+          <td>新闻</td>
+          <td>2016-03-07</td>
+          <td>
+            <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>纵横携手庐江公路分局成功举办纵横软件实战培训</td>
+          <td>新闻</td>
+          <td>2016-03-07</td>
+          <td>
+            <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>热烈祝贺“纵横公司与东莞理工学院校企教学合作签约仪式”圆满成功</td>
+          <td>新闻</td>
+          <td>2016-03-04</td>
+          <td>
+            <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 删除 -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">确认删除</h4>
+      </div>
+      <div class="modal-body">
+        <p>确定要删除该信息吗?</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 124 - 0
admin-cartoonlist-add.html

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-cartoonlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>动画添加</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">属性</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 通用
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 专属
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">播放代码</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">图片地址</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载地址</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+            <span>http://d1.smartcost.com.cn/video/文件名</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 124 - 0
admin-cartoonlist-edit.html

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-cartoonlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>动画编辑</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">属性</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 通用
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 专属
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="纵横公路造价软件建设期贷款利息计算">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">播放代码</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">图片地址</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="/global/upload/img/20150807/14389379951012.png">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载地址</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="http://pan.baidu.com/s/1kTnbKWJ">
+            <span>http://d1.smartcost.com.cn/video/文件名</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 204 - 0
admin-cartoonlist.html

@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">div用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>固化清单</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a href="admin-cartoonlist-add.html" class="btn btn-primary">添加动画</a>
+        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+      </div>
+      <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th><input type="checkbox"></th>
+            <th>ID</th>
+            <th>标题</th>
+            <th>属性</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>24</td>
+          <td>纵横公路造价软件建设期贷款利息计算</td>
+          <td>专属</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>23</td>
+          <td>纵横估概预算版-第三部分费用(步骤8)</td>
+          <td>专属</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>22</td>
+          <td>纵横公路造价软件新建补充定额</td>
+          <td>专属</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>21</td>
+          <td>纵横结算决算计量支付软件-变更令教程</td>
+          <td>专属</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>20</td>
+          <td>纵横估概预算版-第二部分费用(步骤7)</td>
+          <td>专属</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>19</td>
+          <td>纵横结算决算计量支付软件动画教程</td>
+          <td>专属</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 删除 -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">确认删除</h4>
+      </div>
+      <div class="modal-body">
+        <p>确定要删除该信息吗?</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 197 - 0
admin-cartoonlist1.html

@@ -0,0 +1,197 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">div用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>通用动画</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a href="admin-cartoonlist-add.html" class="btn btn-primary">添加动画</a>
+        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+      </div>
+      <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th><input type="checkbox"></th>
+            <th>ID</th>
+            <th>标题</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>24</td>
+          <td>纵横公路造价软件建设期贷款利息计算</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>23</td>
+          <td>纵横估概预算版-第三部分费用(步骤8)</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>22</td>
+          <td>纵横公路造价软件新建补充定额</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>21</td>
+          <td>纵横结算决算计量支付软件-变更令教程</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>20</td>
+          <td>纵横估概预算版-第二部分费用(步骤7)</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>19</td>
+          <td>纵横结算决算计量支付软件动画教程</td>
+          <td>
+            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 删除 -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">确认删除</h4>
+      </div>
+      <div class="modal-body">
+        <p>确定要删除该信息吗?</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 115 - 0
admin-columnlist-add.html

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-columnlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>栏目添加</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">栏目属性</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 系统
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 链接
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 介绍
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">排序</label>
+          <div class="col-sm-2">
+            <input type="" class="form-control" id="" placeholder="">
+            <span>(数字越大越前面)</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 115 - 0
admin-columnlist-edit.html

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-columnlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>栏目编辑</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">栏目属性</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 系统
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 链接
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 介绍
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">排序</label>
+          <div class="col-sm-2">
+            <input type="" class="form-control" id="" value="7">
+            <span>(数字越大越前面)</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="纵横风采">
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 204 - 0
admin-columnlist.html

@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>栏目设置</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a href="admin-columnlist-add.html" class="btn btn-primary">添加栏目</a>
+        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+      </div>
+      <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th><input type="checkbox"></th>
+            <th>ID</th>
+            <th>名称</th>
+            <th>类型</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>7</td>
+          <td>纵横风采</td>
+          <td>系统</td>
+          <td>
+            <a href="admin-columnlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>5</td>
+          <td>行业新闻</td>
+          <td>系统</td>
+          <td>
+            <a href="admin-columnlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>4</td>
+          <td>公司新闻</td>
+          <td>系统</td>
+          <td>
+            <a href="admin-columnlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>3</td>
+          <td>培训</td>
+          <td>系统</td>
+          <td>
+            <a href="admin-columnlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>2</td>
+          <td>网络应用</td>
+          <td>系统</td>
+          <td>
+            <a href="admin-columnlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>1</td>
+          <td>桌面软件</td>
+          <td>系统</td>
+          <td>
+            <a href="admin-columnlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 删除 -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">确认删除</h4>
+      </div>
+      <div class="modal-body">
+        <p>确定要删除该信息吗?</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 121 - 0
admin-downlist-add.html

@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-downlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>下载添加</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">全称</label>
+          <div class="col-sm-2">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">锁号</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">大小</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载地址</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="6">http://d1.smartcost.com.cn/soft/
+{b}
+http://d2.smartcost.com.cn/soft/</textarea>
+            <span>:多下载地址 例如:url {b} url</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 127 - 0
admin-downlist-edit.html

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-downlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>下载编辑</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">序号</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="1">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="固化清单版">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">全称</label>
+          <div class="col-sm-2">
+            <input type="" class="form-control" id="" value="纵横公路固化清单软件">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">锁号</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="GHQD-****">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">大小</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="50.7">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载地址</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="6">http://pan.baidu.com/s/1hqjhtWC
+{b}
+http://d2.smartcost.com.cn/soft/SmartCost_ghqd_V9.X.zip</textarea>
+            <span>:多下载地址 例如:url {b} url</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 178 - 0
admin-downlist.html

@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>固化清单</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a href="admin-downlist-add.html" class="btn btn-primary">添加下载</a>
+        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+      </div>
+      <!-- <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div> -->
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th><input type="checkbox"></th>
+            <th>序号</th>
+            <th>简称</th>
+            <th>全称</th>
+            <th>下载地址</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>1</td>
+          <td>专业版</td>
+          <td>纵横公路固化清单专业版</td>
+          <td></td>
+          <td>
+            <a href="admin-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>2</td>
+          <td>网络版</td>
+          <td>纵横公路固化清单网络版</td>
+          <td></td>
+          <td>
+            <a href="admin-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>3</td>
+          <td>中山定制版(投标单位使用)</td>
+          <td>纵横公路固化清单中山定制版</td>
+          <td></td>
+          <td>
+            <a href="admin-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 删除 -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">确认删除</h4>
+      </div>
+      <div class="modal-body">
+        <p>确定要删除该信息吗?</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 58 - 0
admin-login.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>网络版后台</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+</head>
+
+<body style="background:#F2F2F2;">
+<div class="loginWrapper">
+	<div class="loginContent">
+		<div class="loginTitleMain">
+			<h3 class="loginTitle logoTitleGw">官网后台</h3>
+			<div class="loginOther">
+				<div class="dropdown">
+					<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+						其他网站后台 <span class="caret"></span>
+					</a>
+					<ul class="dropdown-menu">
+						<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>
+				</div>
+			</div>
+		</div>
+		<div class="loginForm">
+			<form>
+			    <div class="form-group">
+				    <label class="sr-only" for="userName">用户名</label>
+				    <div class="input-group">
+				        <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
+				        <input type="text" class="form-control" id="userName" placeholder="用户名">
+				    </div>
+			    </div>
+			    <div class="form-group">
+				    <label class="sr-only" for="userPassword">密码</label>
+				    <div class="input-group">
+				        <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
+				        <input type="text" class="form-control" id="userPassword" placeholder="密码">
+				    </div>
+			    </div>
+			  <button type="submit" class="btn btn-primary btnLogin">登录</button>
+			</form>
+		</div>
+		<!-- <div class="loginBottom"><a href="#">忘记密码!</a></div> -->
+	</div>
+</div>
+</body>
+</html>

+ 186 - 0
admin-producelist-add.html

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>产品添加</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 产品
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 驱动
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 链接
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">全称</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">所属栏目</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+                <option>桌面软件</option>
+                <option>网络应用</option>
+                <option>培训</option>
+                <option>公司新闻</option>
+                <option>行业新闻</option>
+                <option>纵横风采</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <!-- <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载信息</label>
+          <div class="col-sm-3">
+            <select class="form-control">
+              <option>请选择</option>
+              <option>纵横公路造价标准版</option>
+              <option>纵横公路造价专业版</option>
+              <option>纵横公路造价招投标版</option>
+              <option>纵横公路造价估概预算版</option>
+              <option>纵横公路材料调差专业版</option>
+              <option>纵横公路造价多用户专业版</option>
+              <option>纵横公路造价山西版</option>
+              <option>纵横公路造价免费网络版</option>
+              <option>纵横公路造价学习版</option>
+              <option>广东公路造价编审系统专业版</option>
+              <option>广东公路造价编审系统简装版</option>
+            </select>
+          </div>
+        </div> -->
+        <!-- <div class="form-group">
+          <label for="" class="col-sm-1 control-label">添加动画</label>
+          <div class="col-sm-3">
+            <select class="form-control">
+              <option>请选择</option>
+              <option>纵横公路造价招投标版完整实例教程</option>
+              <option>纵横材料调差教程</option>
+              <option>纵横固化清单简易教程</option>
+              <option>纵横估概预算版-导出导入建设项目</option>
+              <option>纵横估概预算版-另存复制项目文件</option>
+              <option>纵横估概预算版-新建项目文件(步骤1)</option>
+              <option>纵横估概预算版-项目属性设置(步骤2)</option>
+              <option>纵横估概预算版-费率参数设置(步骤3)</option>
+              <option>纵横估概预算版-建立项目表(步骤4)</option>
+              <option>纵横估概预算版-套用定额(步骤5)</option>
+              <option>纵横估概预算版-定额调整(步骤6)</option>
+            </select>
+          </div>
+        </div> -->
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">产品logo</label>
+          <div class="col-sm-5">
+            <input type="file" id="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">介绍内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="5"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">版本信息</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="5"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 158 - 0
admin-producelist-edit.html

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>产品编辑</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 产品
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 驱动
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 链接
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">序号</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="1">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="固化清单">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">全称</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="纵横公路固化清单软件">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">所属栏目</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+                <option selected>桌面软件</option>
+                <option>网络应用</option>
+                <option>培训</option>
+                <option>公司新闻</option>
+                <option>行业新闻</option>
+                <option>纵横风采</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">产品logo</label>
+          <div class="col-sm-5">
+            <input type="file" id="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">介绍内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="5">产品介绍:
+纵横公路固化清单软件(以下简称纵横固化清单软件),可实现在清单编制完成后直接生成固化清单,避免excel清单固化导入导出可能引起的数据错误;保证标底与发布清单始终一致;可避免评标现场重复审核检查文件;有效防止开标现场数据违规操作。</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">版本信息</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="5">​版本号:
+9.0.7
+更新时间:
+2015-09-24</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 225 - 0
admin-producelist.html

@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>产品中心</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a href="admin-producelist-add.html" class="btn btn-primary">添加产品</a>
+        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+      </div>
+      <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th><input type="checkbox"></th>
+            <th>序号</th>
+            <th>简称</th>
+            <th>全称</th>
+            <th>时间</th>
+            <th>版本</th>
+            <th>动画</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>1</td>
+          <td>固化清单</td>
+          <td>纵横公路固化清单软件</td>
+          <td>2015-09-24</td>
+          <td><a href="admin-downlist.html">版本列表</a></td>
+          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td>
+            <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>2</td>
+          <td>计量支付</td>
+          <td>纵横公路工程结算决算计量支付一体化软件</td>
+          <td>2015-02-02</td>
+          <td><a href="admin-downlist.html">版本列表</a></td>
+          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td>
+            <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>3</td>
+          <td>结算决算</td>
+          <td>纵横公路工程结算决算计量支付一体化软件</td>
+          <td>2015-02-02</td>
+          <td><a href="admin-downlist.html">版本列表</a></td>
+          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td>
+            <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>4</td>
+          <td>0号台账编制</td>
+          <td>纵横公路工程0号台账清单编制软件</td>
+          <td>2013-11-08</td>
+          <td><a href="admin-downlist.html">版本列表</a></td>
+          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td>
+            <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>5</td>
+          <td>材料调差</td>
+          <td>纵横公路材料调差软件</td>
+          <td>2013-07-12</td>
+          <td><a href="admin-downlist.html">版本列表</a></td>
+          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td>
+            <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>6</td>
+          <td>公路算量</td>
+          <td>纵横公路工程算量软件</td>
+          <td>2013-05-13</td>
+          <td><a href="admin-downlist.html">版本列表</a></td>
+          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td>
+            <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 删除 -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">确认删除</h4>
+      </div>
+      <div class="modal-body">
+        <p>确定要删除该信息吗?</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 195 - 0
admin-trainlist-add.html

@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-trainlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>培训班添加</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 免费培训
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 收费培训
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">地区</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>浙江</option>
+                <option>四川</option>
+                <option>安徽</option>
+                <option>江西</option>
+                <option>山东</option>
+                <option>广东</option>
+                <option>甘肃</option>
+                <option>广西</option>
+                <option>重庆</option>
+                <option>内蒙古</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训主题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">报名时段</label>
+          <div class="col-sm-5">
+            <div class="row">
+              <div class="col-xs-2">
+                <input type="email" class="form-control" id="" placeholder="时间">
+              </div>
+              <div class="col-xs-1">
+                <label class="control-label">&nbsp;&nbsp;到</label>
+              </div>
+              <div class="col-xs-2">
+                <input type="email" class="form-control" id="" placeholder="时间">
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">报名内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="5"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训对象</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训方式</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">时间地点</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训费用</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">报名方式</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载文档</label>
+          <div class="col-sm-5">
+            <input type="file" id="">
+            <a href="#">取消文件上传</a>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">备注</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 227 - 0
admin-trainlist-edit.html

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-trainlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>培训班编辑</h3>
+    </div> 
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 免费培训
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 收费培训
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">地区</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>浙江</option>
+                <option>四川</option>
+                <option>安徽</option>
+                <option>江西</option>
+                <option>山东</option>
+                <option>广东</option>
+                <option>甘肃</option>
+                <option selected>广西</option>
+                <option>重庆</option>
+                <option>内蒙古</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训主题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="2016年广西公路工程造价培训">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">报名时段</label>
+          <div class="col-sm-5">
+            <div class="row">
+              <div class="col-xs-2">
+                <input type="email" class="form-control" id="" value="2016-06-23">
+              </div>
+              <div class="col-xs-1">
+                <label class="control-label">&nbsp;&nbsp;到</label>
+              </div>
+              <div class="col-xs-2">
+                <input type="email" class="form-control" id="" value="2016-06-24">
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">报名内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="5">2016年广西公路工程造价培训班
+关于举办2016年第一期公路工程造价培训的通知
+尊敬的新老用户,你们好!</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训对象</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3">公路工程建设管理、施工、设计、监理、咨询等单位从事公路工程管理、招投标、计量工作的相关负责人及工程技术人员。</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3">1、涵洞工程专业知识讲解;2、桥梁工程专业知识讲解;</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训方式</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3">培训班特邀公路工程造价方面资深专家主讲,采用计算机投影演示,实际操作相结合。请参培人员务必自带笔记本电脑。</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">时间地点</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3">报到时间:2016年6月22日15:00—18:00培训时间:2016年6月23日-6月24日</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">培训费用</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3">980元/人</td><td>培训费:含授课费、场地费、教材费、学习用品 赠送最新版《公路工程基本建设项目概算预算编制办法》一本</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">报名方式</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3">请于2016年6月22日前填妥报名表(见附表),发送电子邮件、传真或电话与会务组确认。</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载文档</label>
+          <div class="col-sm-5">
+            <input type="file" id="">
+            <a href="#">取消文件上传</a>&nbsp;&nbsp;
+            <a href="#">删除文件</a>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">备注</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3">1.参会学员请自带笔记本电脑,食宿自理。2.请学员自带教材:《公路工程标准施工招标文件》(2009版)、《公路工程预算定额》(上、下册)、《公路工程应用定额释义》(赵晞伟版)</textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-6">
+            <div class="alert alert-info" role="alert">媒体报道(培训班结束后添加)</div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">媒体报道主题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">新闻概要</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">缩略图</label>
+          <div class="col-sm-5">
+            <input type="file" id=""><span>612 x 280</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="5"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 204 - 0
admin-trainlist.html

@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoGw">
+          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+          <div class="logoList">
+            <ul>
+              <li><a href="#">文库</a></li>
+              <li><a href="#">问答</a></li>
+              <li><a href="#">价格信息</a></li>
+              <li><a href="#">通行帐号</a></li>
+            </ul>
+          </div>
+        </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="#">询价付费用户</a></li>
+            <li><a href="#">报价用户列表</a></li>
+          </ul>
+        </div>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-articlelist.html">文章</a></li>
+            <li><a href="admin-trainlist.html">培训班</a></li>
+            <li><a href="admin-producelist.html">产品</a></li>
+            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-columnlist.html">栏目设置</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>培训班中心</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a href="admin-trainlist-add.html" class="btn btn-primary">添加文章</a>
+        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+      </div>
+      <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th><input type="checkbox"></th>
+            <th>标题</th>
+            <th>类别</th>
+            <th>时间</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>2016年广西公路工程造价培训</td>
+          <td>培训</td>
+          <td>2016-03-04</td>
+          <td>
+            <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>2016年江西公路工程造价实战培训</td>
+          <td>培训</td>
+          <td>2016-03-01</td>
+          <td>
+            <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>2016年甘肃公路工程造价培训</td>
+          <td>培训</td>
+          <td>2016-01-18</td>
+          <td>
+            <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>2016年安徽公路工程造价培训</td>
+          <td>培训</td>
+          <td>2016-02-17</td>
+          <td>
+            <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>2016年浙江公路工程造价培训</td>
+          <td>培训</td>
+          <td>2016-01-14</td>
+          <td>
+            <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td><input type="checkbox"></td>
+          <td>2016年重庆公路工程造价培训</td>
+          <td>培训</td>
+          <td>2015-12-16</td>
+          <td>
+            <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 删除 -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">确认删除</h4>
+      </div>
+      <div class="modal-body">
+        <p>确定要删除该信息吗?</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 596 - 0
css/bootstrap-theme.css

@@ -0,0 +1,596 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*!
+ * Generated using the Bootstrap Customizer (http://v3.bootcss.com/customize/?id=83f1d03153c26fe8fb49)
+ * Config saved to config.json and https://gist.github.com/83f1d03153c26fe8fb49
+ */
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+.btn-default,
+.btn-primary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.btn-default:active,
+.btn-primary:active,
+.btn-success:active,
+.btn-info:active,
+.btn-warning:active,
+.btn-danger:active,
+.btn-default.active,
+.btn-primary.active,
+.btn-success.active,
+.btn-info.active,
+.btn-warning.active,
+.btn-danger.active {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-default.disabled,
+.btn-primary.disabled,
+.btn-success.disabled,
+.btn-info.disabled,
+.btn-warning.disabled,
+.btn-danger.disabled,
+.btn-default[disabled],
+.btn-primary[disabled],
+.btn-success[disabled],
+.btn-info[disabled],
+.btn-warning[disabled],
+.btn-danger[disabled],
+fieldset[disabled] .btn-default,
+fieldset[disabled] .btn-primary,
+fieldset[disabled] .btn-success,
+fieldset[disabled] .btn-info,
+fieldset[disabled] .btn-warning,
+fieldset[disabled] .btn-danger {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.btn-default .badge,
+.btn-primary .badge,
+.btn-success .badge,
+.btn-info .badge,
+.btn-warning .badge,
+.btn-danger .badge {
+  text-shadow: none;
+}
+.btn:active,
+.btn.active {
+  background-image: none;
+}
+.btn-default {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
+  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #dbdbdb;
+  text-shadow: 0 1px 0 #fff;
+  border-color: #ccc;
+}
+.btn-default:hover,
+.btn-default:focus {
+  background-color: #e0e0e0;
+  background-position: 0 -15px;
+}
+.btn-default:active,
+.btn-default.active {
+  background-color: #e0e0e0;
+  border-color: #dbdbdb;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+  background-color: #e0e0e0;
+  background-image: none;
+}
+.btn-primary {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #245580;
+}
+.btn-primary:hover,
+.btn-primary:focus {
+  background-color: #265a88;
+  background-position: 0 -15px;
+}
+.btn-primary:active,
+.btn-primary.active {
+  background-color: #265a88;
+  border-color: #245580;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #265a88;
+  background-image: none;
+}
+.btn-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #3e8f3e;
+}
+.btn-success:hover,
+.btn-success:focus {
+  background-color: #419641;
+  background-position: 0 -15px;
+}
+.btn-success:active,
+.btn-success.active {
+  background-color: #419641;
+  border-color: #3e8f3e;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #419641;
+  background-image: none;
+}
+.btn-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #28a4c9;
+}
+.btn-info:hover,
+.btn-info:focus {
+  background-color: #2aabd2;
+  background-position: 0 -15px;
+}
+.btn-info:active,
+.btn-info.active {
+  background-color: #2aabd2;
+  border-color: #28a4c9;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #2aabd2;
+  background-image: none;
+}
+.btn-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #e38d13;
+}
+.btn-warning:hover,
+.btn-warning:focus {
+  background-color: #eb9316;
+  background-position: 0 -15px;
+}
+.btn-warning:active,
+.btn-warning.active {
+  background-color: #eb9316;
+  border-color: #e38d13;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #eb9316;
+  background-image: none;
+}
+.btn-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #b92c28;
+}
+.btn-danger:hover,
+.btn-danger:focus {
+  background-color: #c12e2a;
+  background-position: 0 -15px;
+}
+.btn-danger:active,
+.btn-danger.active {
+  background-color: #c12e2a;
+  border-color: #b92c28;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #c12e2a;
+  background-image: none;
+}
+.thumbnail,
+.img-thumbnail {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+  background-color: #e8e8e8;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+  background-color: #2e6da4;
+}
+.navbar-default {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
+  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
+  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
+}
+.navbar-brand,
+.navbar-nav > li > a {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
+}
+.navbar-inverse {
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
+  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222222));
+  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border-radius: 4px;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
+  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
+}
+.navbar-inverse .navbar-brand,
+.navbar-inverse .navbar-nav > li > a {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  border-radius: 0;
+}
+@media (max-width: 767px) {
+  .navbar .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #fff;
+    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+  }
+}
+.alert {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.alert-success {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
+  border-color: #b2dba1;
+}
+.alert-info {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
+  border-color: #9acfea;
+}
+.alert-warning {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
+  border-color: #f5e79e;
+}
+.alert-danger {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
+  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
+  border-color: #dca7a7;
+}
+.progress {
+  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
+  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
+}
+.progress-bar {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
+}
+.progress-bar-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
+}
+.progress-bar-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
+}
+.progress-bar-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
+}
+.progress-bar-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
+}
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.list-group {
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  text-shadow: 0 -1px 0 #286090;
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
+  border-color: #2b669a;
+}
+.list-group-item.active .badge,
+.list-group-item.active:hover .badge,
+.list-group-item.active:focus .badge {
+  text-shadow: none;
+}
+.panel {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.panel-default > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+}
+.panel-primary > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+}
+.panel-success > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
+}
+.panel-info > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
+}
+.panel-warning > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
+}
+.panel-danger > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
+  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
+}
+.well {
+  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
+  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
+  border-color: #dcdcdc;
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
+}

Файловите разлики са ограничени, защото са твърде много
+ 14 - 0
css/bootstrap-theme.min.css


Файловите разлики са ограничени, защото са твърде много
+ 6802 - 0
css/bootstrap.css


Файловите разлики са ограничени, защото са твърде много
+ 14 - 0
css/bootstrap.min.css


BIN
css/fonts/iconMenu.eot


Файловите разлики са ограничени, защото са твърде много
+ 16 - 0
css/fonts/iconMenu.svg


BIN
css/fonts/iconMenu.ttf


BIN
css/fonts/iconMenu.woff


+ 7 - 0
css/iconMenu/Read Me.txt

@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

+ 152 - 0
css/iconMenu/demo-files/demo.css

@@ -0,0 +1,152 @@
+body {
+    padding: 0;
+    margin: 0;
+    font-family: sans-serif;
+    font-size: 1em;
+    line-height: 1.5;
+    color: #555;
+    background: #fff;
+}
+h1 {
+    font-size: 1.5em;
+    font-weight: normal;
+}
+small {
+    font-size: .66666667em;
+}
+a {
+    color: #e74c3c;
+    text-decoration: none;
+}
+a:hover, a:focus {
+    box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+    box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+    box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+    font-family: sans-serif;
+    font-size: 1em;
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+input {
+    color: inherit;
+    line-height: 1.5;
+    height: 1.5em;
+    padding: .25em 0;
+}
+input:focus {
+    outline: none;
+    box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+    font-size: 16px;
+    width: 15em;
+    padding-bottom: 1em;
+    margin-right: 4em;
+    margin-bottom: 1em;
+    float: left;
+    overflow: hidden;
+}
+.liga {
+    width: 80%;
+    width: calc(100% - 2.5em);
+}
+.talign-right {
+    text-align: right;
+}
+.talign-center {
+    text-align: center;
+}
+.bgc1 {
+    background: #f1f1f1;
+}
+.fgc1 {
+    color: #999;
+}
+.fgc0 {
+    color: #000;
+}
+p {
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+.mvm {
+    margin-top: .75em;
+    margin-bottom: .75em;
+}
+.mtn {
+    margin-top: 0;
+}
+.mtl, .mal {
+    margin-top: 1.5em;
+}
+.mbl, .mal {
+    margin-bottom: 1.5em;
+}
+.mal, .mhl {
+    margin-left: 1.5em;
+    margin-right: 1.5em;
+}
+.mhmm {
+    margin-left: 1em;
+    margin-right: 1em;
+}
+.mls {
+    margin-left: .25em;
+}
+.ptl {
+    padding-top: 1.5em;
+}
+.pbs, .pvs {
+    padding-bottom: .25em;
+}
+.pvs, .pts {
+    padding-top: .25em;
+}
+.unit {
+    float: left;
+}
+.unitRight {
+    float: right;
+}
+.size1of2 {
+    width: 50%;
+}
+.size1of1 {
+    width: 100%;
+}
+.clearfix:before, .clearfix:after {
+    content: " ";
+    display: table;
+}
+.clearfix:after {
+    clear: both;
+}
+.hidden-true {
+    display: none;
+}
+.textbox0 {
+    width: 3em;
+    background: #f1f1f1;
+    padding: .25em .5em;
+    line-height: 1.5;
+    height: 1.5em;
+}
+#testDrive {
+    display: block;
+    padding-top: 24px;
+    line-height: 1.5;
+}
+.fs0 {
+    font-size: 16px;
+}
+.fs1 {
+    font-size: 32px;
+}
+

+ 30 - 0
css/iconMenu/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());

+ 135 - 0
css/iconMenu/demo.html

@@ -0,0 +1,135 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> iconMenu <small class="fgc1">(Glyphs:&nbsp;6)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-paste">
+                
+                </span>
+                <span class="mls"> icon-paste</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="41" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x41;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="paste, clipboard-file" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-coin-yen">
+                
+                </span>
+                <span class="mls"> icon-coin-yen</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="42" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x42;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="coin-yen, money4" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-calendar">
+                
+                </span>
+                <span class="mls"> icon-calendar</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="43" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x43;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="calendar, date" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-user">
+                
+                </span>
+                <span class="mls"> icon-user</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="44" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x44;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="user, profile2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cog">
+                
+                </span>
+                <span class="mls"> icon-cog</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="46" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x46;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="cog, gear" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tree">
+                
+                </span>
+                <span class="mls"> icon-tree</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="45" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x45;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="tree, branches" class="liga unitRight" />
+            </div>
+        </div>
+  </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" />
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value=""/>
+        </label>
+        <div id="testDrive" class="icon-">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>

BIN
css/iconMenu/fonts/iconMenu.eot


Файловите разлики са ограничени, защото са твърде много
+ 16 - 0
css/iconMenu/fonts/iconMenu.svg


BIN
css/iconMenu/fonts/iconMenu.ttf


BIN
css/iconMenu/fonts/iconMenu.woff


Файловите разлики са ограничени, защото са твърде много
+ 223 - 0
css/iconMenu/selection.json


+ 45 - 0
css/iconMenu/style.css

@@ -0,0 +1,45 @@
+@font-face {
+    font-family: 'iconMenu';
+    src:    url('fonts/iconMenu.eot?ambimp');
+    src:    url('fonts/iconMenu.eot?ambimp#iefix') format('embedded-opentype'),
+        url('fonts/iconMenu.ttf?ambimp') format('truetype'),
+        url('fonts/iconMenu.woff?ambimp') format('woff'),
+        url('fonts/iconMenu.svg?ambimp#iconMenu') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'iconMenu' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-paste:before {
+    content: "\41";
+}
+.icon-coin-yen:before {
+    content: "\42";
+}
+.icon-calendar:before {
+    content: "\43";
+}
+.icon-user:before {
+    content: "\44";
+}
+.icon-cog:before {
+    content: "\46";
+}
+.icon-tree:before {
+    content: "\45";
+}
+

+ 308 - 0
css/style.css

@@ -0,0 +1,308 @@
+body{
+  font-family:"微软雅黑","Tahoma";
+  height:100%;
+  background: #fff;
+  overflow-x: hidden;
+}
+ul, ol, li, h1 {
+  line-height:normal;
+  list-style-image:none;
+  list-style-position:outside;
+  list-style-type:none;
+}
+dl,ul {
+  margin:0;
+  padding:0;
+}
+dd {
+  margin-left:0
+}
+a {
+  outline:none;
+  text-decoration: none;
+}
+a img {
+  border:0 none
+}
+img {
+  vertical-align:middle;
+  border:0px
+}
+table {
+  border-collapse:collapse
+}
+.fL {float:left}
+.fR {float:right}
+.clearfix:after {
+  content:".";
+  display:block;
+  height:0;
+  clear:both;
+  visibility:hidden
+}
+.clearfix {
+  display:inline-block;
+  overflow:hidden
+}
+.clearfix {
+  display:block
+}
+@font-face {
+    font-family: 'iconMenu';
+    src:    url('fonts/iconMenu.eot?ambimp');
+    src:    url('fonts/iconMenu.eot?ambimp#iefix') format('embedded-opentype'),
+        url('fonts/iconMenu.ttf?ambimp') format('truetype'),
+        url('fonts/iconMenu.woff?ambimp') format('woff'),
+        url('fonts/iconMenu.svg?ambimp#iconMenu') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'iconMenu' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+
+.loginWrapper{
+  position: absolute;
+  width: 430px;
+  height: 320px;
+  top: 50%;
+  left: 50%;
+  background:#fff;
+  box-shadow: 0 8px 8px -6px #aaa;
+  -moz-box-shadow:0 8px 8px -6px #aaa;
+  -webkit-box-shadow:0 8px 8px -6px #aaa;
+  border: 1px solid #eee;
+  border-radius: 5px;
+  margin-left:-225px;
+  margin-top: -160px; 
+}
+.loginContent{
+  padding: 20px 40px;
+}
+.loginTitle{
+  text-align: left;
+  padding-left:10px;
+  border-left: 4px solid #aaa;
+}
+.logoTitleOl{
+  border-left:4px solid #EB5513;
+}
+.logoTitleGw{
+  border-left: 4px solid #ff6501;
+}
+.loginForm{
+  margin: 30px 0 20px 0;
+}
+.btnLogin{
+  width:100%;
+}
+.loginTitleMain{
+  position:relative;
+}
+.loginOther{
+  position:absolute;
+  top:5px;
+  right:0;
+}
+
+/* -------------index start-------------- */
+.wrapper{
+  overflow-x:hidden;
+}
+.leftWrapper{
+  position:fixed;
+  overflow-y:auto;
+  height:100%;
+  left:0;
+  width:56px;
+  background:#222;
+  color: #fff;
+}
+.logo{
+  width:100%;
+  background:#000;
+  text-align: center; 
+  cursor:pointer;
+  overflow:hidden;
+  text-overflow:ellipsis;
+}
+.logoWd{
+  background:#8D826D;
+}
+.logoGe{
+  background:#647B97;
+}
+.logoGw{
+  background:#ff6501;
+}
+.logo h2{
+  margin:0;
+  height:38px;
+  padding:10px 0;
+  font-size: 18px;  
+}
+.logoInfo{
+  display:none;
+}
+.logo h2 a{
+  color:#fff;
+}
+.logoList{
+  width:100%;
+  position:absolute;
+  z-index: 99;
+  background:#f1f1f1;
+  padding:5px 0;
+  display:none;
+}
+.logoList ul li{
+  font-size: 12px;
+  padding:5px 0;
+}
+.logoList ul li a{
+  color:#333;
+}
+.subMenu{
+  border-bottom:1px solid #222;
+}
+.subMenuTitle a:hover{
+  color:#fff;
+  text-decoration: none;
+}
+.subMenuTitle a.active{
+  color:#fff;
+  border-left: 2px solid #FF6501;
+}
+.subMenuTitle a:focus{
+  text-decoration: none;
+}
+.subMenuTitle{
+  position:relative;
+  margin:0;
+  background:#2E2D2B;
+  font-size: 14px;
+  line-height: 25px;
+}
+.subMenuTitle a{
+  padding:15px 0;
+  color:#ccc;
+  border-left: solid 2px transparent;
+  display:block;
+  cursor: pointer;
+}
+.subMenuText{
+  position:absolute;
+  width:125px;
+  top:15px;
+  left:56px;
+  display:none;
+}
+.caret-triangle{
+  margin-top:12px;
+}
+.userMain{
+  position:absolute;
+  bottom:10px;
+}
+.userImg{
+  margin:0 12px;
+  width:32px;
+  height:32px;
+  border-radius: 18px; 
+}
+.userName{
+  display:none;
+  font-size: 14px;
+  top:8px;
+}
+.userName a{
+  color:#ccc;
+}
+.userName a:hover{
+  color:#fff;
+  text-decoration: none;
+}
+.exit{
+  margin:0 0 0 15px;
+}
+.iconImg{
+  font-size: 20px;
+  padding:0 17px;
+}
+.bg{
+  background:#2E2D2B;
+  color:#fff !important;
+}
+.subMenuContent ul{
+  padding:10px 0 10px 25px;
+  text-align: left;
+}
+.subMenuContent ul li a{
+  display:block;
+  padding:5px 0;
+  color:#ccc;
+}
+.mainWrapper{
+  margin:0 0 0 71px;
+  background:#fff;
+}
+.pageTop{
+  margin-top: 20px;
+}
+.shopContent{
+  margin:20px 0;
+}
+.sort{
+  float:left;
+  vertical-align: middle;
+}
+.sort .form-control{
+  width:110px;
+}
+.btnGroup{
+  float:left;
+  margin:0 20px 0 0;
+}
+.search{
+  float:left;
+  width:465px;
+  margin:0 20px 0 0;
+}
+.tableContent{
+  margin:20px 0 0 0;
+}
+.tableContent .table{
+  margin:0;
+}
+.tabMain,.tabShopContent{
+  margin:25px 0 0 0;
+}
+.textCon{
+  margin:0 10px 0 0;
+}
+.tabMain .table tr td,.tableContent .table tr td{
+  vertical-align: middle;
+}
+.formInfo{
+  min-height: 27px;
+  padding-top: 7px;
+}
+.provinceSelect,.citySelect{
+  width:100px;
+}
+input[type="file"] {
+    display: inline;
+}

BIN
fonts/glyphicons-halflings-regular.eot


Файловите разлики са ограничени, защото са твърде много
+ 288 - 0
fonts/glyphicons-halflings-regular.svg


BIN
fonts/glyphicons-halflings-regular.ttf


BIN
fonts/glyphicons-halflings-regular.woff


BIN
fonts/glyphicons-halflings-regular.woff2


BIN
images/01.jpg


Файловите разлики са ограничени, защото са твърде много
+ 2366 - 0
js/bootstrap.js


Файловите разлики са ограничени, защото са твърде много
+ 12 - 0
js/bootstrap.min.js


+ 41 - 0
js/global.js

@@ -0,0 +1,41 @@
+// JavaScript Document
+$('#myModal').on('shown.bs.modal', function () {
+  $('#myInput').focus()
+});
+$('#myTabs a').click(function (e) {
+  e.preventDefault()
+  $(this).tab('show')
+});
+
+$(document).ready(function(){
+  $(".subMenuContent").hide();
+  $(".subMenuTitle a").click(function(){
+    $(".subMenuTitle a").removeClass("bg");
+    $(this).addClass("bg");
+    $(this).parent().next().removeClass("menu-list");
+    $(".menu-list").slideUp();
+    $(this).parent().next().slideToggle();
+    $(this).parent().next().addClass("menu-list");
+    });
+  $(".leftWrapper").hover(function(){  
+    timer = setTimeout(function(){
+    $(".leftWrapper").stop().animate({width:"200px"},500);
+    $(".mainWrapper").stop().animate({marginLeft:"215px",marginRight:"-200px"},500);
+    $(".subMenuText").fadeIn(500);
+    $(".logoInfo").show(500);
+     },300);
+  },function(){
+    clearTimeout(timer);
+    $(".leftWrapper").stop().animate({width:"56px"},500);
+    $(".mainWrapper").stop().animate({marginLeft:"71px",marginRight:"15px",paddingRight:"0"},500);
+    $(".subMenuText").fadeOut("fast");
+    $(".logoInfo").hide();
+    $(".subMenuContent").slideUp();
+  });
+  $(".logo").hover(function(){
+    $(".logoList").show();
+  },function(){
+    $(".logoList").hide();
+  })
+});
+

Файловите разлики са ограничени, защото са твърде много
+ 5 - 0
js/jquery-1.9.1.min.js