1 | <!DOCTYPE html>
|
---|
2 | <html lang="en">
|
---|
3 | <head>
|
---|
4 | <meta charset="utf-8" />
|
---|
5 | <title>Space</title>
|
---|
6 |
|
---|
7 | <meta name="description" content="overview & stats" />
|
---|
8 | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
---|
9 |
|
---|
10 | <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
|
---|
11 | <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
|
---|
12 | <link rel="stylesheet" href="assets/css/dropzone.css" />
|
---|
13 | <link rel="stylesheet" href="assets/css/ace-fonts.css" />
|
---|
14 |
|
---|
15 | <link rel="stylesheet" href="assets/css/ace.min.css" />
|
---|
16 | <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
|
---|
17 | <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
|
---|
18 |
|
---|
19 | <script src="assets/js/ace-extra.min.js"></script>
|
---|
20 | <style type="text/css" media="screen">
|
---|
21 | .sidebar:before {background-color: transparent;}
|
---|
22 | </style>
|
---|
23 | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
---|
24 |
|
---|
25 | <!--[if lt IE 9]>
|
---|
26 | <script src="assets/js/html5shiv.js"></script>
|
---|
27 | <script src="assets/js/respond.min.js"></script>
|
---|
28 | <![endif]-->
|
---|
29 | </head>
|
---|
30 |
|
---|
31 | <body>
|
---|
32 | <div class="navbar navbar-default" id="navbar">
|
---|
33 | <script type="text/javascript">
|
---|
34 | try{ace.settings.check('navbar' , 'fixed')}catch(e){}
|
---|
35 | </script>
|
---|
36 |
|
---|
37 | <div class="navbar-container" id="navbar-container">
|
---|
38 | <div class="navbar-header pull-left">
|
---|
39 | <a href="#" class="navbar-brand">
|
---|
40 | <small>
|
---|
41 | <i class="icon-leaf"></i>
|
---|
42 | Violet
|
---|
43 | </small>
|
---|
44 | </a><!-- /.brand -->
|
---|
45 | </div><!-- /.navbar-header -->
|
---|
46 |
|
---|
47 | <div class="navbar-header pull-right" role="navigation">
|
---|
48 | <ul class="nav ace-nav">
|
---|
49 | <li>
|
---|
50 | <a data-toggle="dropdown" class="dropdown-toggle" href="#">
|
---|
51 | <i class="icon-bell-alt icon-animated-bell"></i>
|
---|
52 | <span class="badge badge-important">8</span>
|
---|
53 | </a>
|
---|
54 |
|
---|
55 | <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
|
---|
56 | <li class="dropdown-header">
|
---|
57 | <i class="icon-warning-sign"></i>
|
---|
58 | 8 ThÃŽng báo má»i
|
---|
59 | </li>
|
---|
60 |
|
---|
61 | <li>
|
---|
62 | <a href="#">
|
---|
63 | <div class="clearfix">
|
---|
64 | <span class="pull-left">
|
---|
65 | <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
|
---|
66 | New Comments
|
---|
67 | </span>
|
---|
68 | <span class="pull-right badge badge-info">+12</span>
|
---|
69 | </div>
|
---|
70 | </a>
|
---|
71 | </li>
|
---|
72 |
|
---|
73 | <li>
|
---|
74 | <a href="#">
|
---|
75 | <i class="btn btn-xs btn-primary icon-user"></i>
|
---|
76 | Bob just signed up as an editor ...
|
---|
77 | </a>
|
---|
78 | </li>
|
---|
79 |
|
---|
80 | <li>
|
---|
81 | <a href="#">
|
---|
82 | <div class="clearfix">
|
---|
83 | <span class="pull-left">
|
---|
84 | <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
|
---|
85 | New Orders
|
---|
86 | </span>
|
---|
87 | <span class="pull-right badge badge-success">+8</span>
|
---|
88 | </div>
|
---|
89 | </a>
|
---|
90 | </li>
|
---|
91 |
|
---|
92 | <li>
|
---|
93 | <a href="#">
|
---|
94 | <div class="clearfix">
|
---|
95 | <span class="pull-left">
|
---|
96 | <i class="btn btn-xs no-hover btn-info icon-twitter"></i>
|
---|
97 | Followers
|
---|
98 | </span>
|
---|
99 | <span class="pull-right badge badge-info">+11</span>
|
---|
100 | </div>
|
---|
101 | </a>
|
---|
102 | </li>
|
---|
103 |
|
---|
104 | <li>
|
---|
105 | <a href="#">
|
---|
106 | Xem tất cả
|
---|
107 | <i class="icon-arrow-right"></i>
|
---|
108 | </a>
|
---|
109 | </li>
|
---|
110 | </ul>
|
---|
111 | </li>
|
---|
112 |
|
---|
113 | <li>
|
---|
114 | <a data-toggle="dropdown" class="dropdown-toggle" href="#">
|
---|
115 | <i class="icon-envelope icon-animated-vertical"></i>
|
---|
116 | <span class="badge badge-success">5</span>
|
---|
117 | </a>
|
---|
118 |
|
---|
119 | <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
|
---|
120 | <li class="dropdown-header">
|
---|
121 | <i class="icon-envelope-alt"></i>
|
---|
122 | 5 Tin nhắn
|
---|
123 | </li>
|
---|
124 |
|
---|
125 | <li>
|
---|
126 | <a href="#">
|
---|
127 | <img src="assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
|
---|
128 | <span class="msg-body">
|
---|
129 | <span class="msg-title">
|
---|
130 | <span class="blue">Alex:</span>
|
---|
131 | Ciao sociis natoque penatibus et auctor ...
|
---|
132 | </span>
|
---|
133 |
|
---|
134 | <span class="msg-time">
|
---|
135 | <i class="icon-time"></i>
|
---|
136 | <span>a moment ago</span>
|
---|
137 | </span>
|
---|
138 | </span>
|
---|
139 | </a>
|
---|
140 | </li>
|
---|
141 |
|
---|
142 | <li>
|
---|
143 | <a href="#">
|
---|
144 | <img src="assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
|
---|
145 | <span class="msg-body">
|
---|
146 | <span class="msg-title">
|
---|
147 | <span class="blue">Susan:</span>
|
---|
148 | Vestibulum id ligula porta felis euismod ...
|
---|
149 | </span>
|
---|
150 |
|
---|
151 | <span class="msg-time">
|
---|
152 | <i class="icon-time"></i>
|
---|
153 | <span>20 minutes ago</span>
|
---|
154 | </span>
|
---|
155 | </span>
|
---|
156 | </a>
|
---|
157 | </li>
|
---|
158 |
|
---|
159 | <li>
|
---|
160 | <a href="#">
|
---|
161 | <img src="assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
|
---|
162 | <span class="msg-body">
|
---|
163 | <span class="msg-title">
|
---|
164 | <span class="blue">Bob:</span>
|
---|
165 | Nullam quis risus eget urna mollis ornare ...
|
---|
166 | </span>
|
---|
167 |
|
---|
168 | <span class="msg-time">
|
---|
169 | <i class="icon-time"></i>
|
---|
170 | <span>3:15 pm</span>
|
---|
171 | </span>
|
---|
172 | </span>
|
---|
173 | </a>
|
---|
174 | </li>
|
---|
175 |
|
---|
176 | <li>
|
---|
177 | <a href="inbox.html">
|
---|
178 | Xem tất cả
|
---|
179 | <i class="icon-arrow-right"></i>
|
---|
180 | </a>
|
---|
181 | </li>
|
---|
182 | </ul>
|
---|
183 | </li>
|
---|
184 |
|
---|
185 | <li>
|
---|
186 | <a data-toggle="dropdown" href="#" class="dropdown-toggle">
|
---|
187 | <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Admin's Photo" />
|
---|
188 | <span class="user-info">
|
---|
189 | <small>Xin chà o,</small>
|
---|
190 | Admin
|
---|
191 | </span>
|
---|
192 |
|
---|
193 | <i class="icon-caret-down"></i>
|
---|
194 | </a>
|
---|
195 |
|
---|
196 | <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
|
---|
197 | <li>
|
---|
198 | <a href="user_profile.html">
|
---|
199 | <i class="icon-user"></i>
|
---|
200 | ThÎng tin cá nhân
|
---|
201 | </a>
|
---|
202 | </li>
|
---|
203 |
|
---|
204 | <li class="divider"></li>
|
---|
205 |
|
---|
206 | <li>
|
---|
207 | <a href="home.html">
|
---|
208 | <i class="icon-off"></i>
|
---|
209 | Thoát
|
---|
210 | </a>
|
---|
211 | </li>
|
---|
212 | </ul>
|
---|
213 | </li>
|
---|
214 | </ul><!-- /.ace-nav -->
|
---|
215 | </div><!-- /.navbar-header -->
|
---|
216 | </div><!-- /.container -->
|
---|
217 | </div> |
---|