forked from bcho-archive/vinko-backend
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (68 loc) · 2.99 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>vinko</title>
<link rel="stylesheet" href="styles/vendor/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="styles/vendor/pure-min.css" />
<link rel="stylesheet" href="styles/style.css" />
</head>
<body>
<section class="container">
<header id="head" class="pure-g grid">
<section id="logo" class="pure-u-1-6">
<a href="">
<h1>站点名称</h1>
</a>
</section>
<section id="sub-nav" class="pure-u-7-12"></section>
<nav class="pure-u-1-4" id="head-nav">
<a class="item" href="user.html"><i class="fa fa-user"></i>管理猿</a>
<a class="item" href=""><i class="fa fa-sign-out"></i>注销</a>
</nav>
</header>
<!--Alert消息模块-->
<div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
Hi, vinko!
</div>
<section id="dashboard" class="pure-g grid">
<section id="main" class="pure-u-3-4">
<!-- 模块名字 -->
<header id="module-name">
<h1>欢迎, 管理猿</h1>
</header>
<!-- 模块内容 -->
<article id="module-content">
<ul class="badges">
<li><a class="badge" href="#">产品</a></li>
<li><a class="badge" href="#">文章</a></li>
<li><a class="badge" href="#">站点信息</a></li>
<li><a class="badge" href="#">用户</a></li>
<li><a class="badge" href="#">图片管理</a></li>
<li><a class="badge" href="#">留言管理</a></li>
</ul>
</article>
</section>
<!-- 边栏 -->
<nav id="side-nav" class="pure-u-1-4">
<!-- 站点信息 -->
<section id="site-infos">
<h3>站点名称</h3>
</section>
<ul class="items">
<li class="item current"><a href="site.html"><i class="fa fa-building-o"></i>站点管理</a></li>
<li class="item"><a href="#"><i class="fa fa-gift"></i>产品管理</a></li>
<li class="item"><a href="#"><i class="fa fa-file-text-o"></i>文章管理</a></li>
<li class="item"><a href="#"><i class="fa fa-table"></i>添加分类</a></li>
</ul>
</nav>
</section>
<footer id="copyleft" class="grid-clean">
<p>© 2013 <a href="#">站点名称</a> • Made by <a href="#">VTM</a> with ♥ </p>
</footer>
</section>
</body>
<script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
<script src="scripts/vinko.js"></script>
</html>