]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | <!DOCTYPE html> |
2 | <!-- | |
3 | This is a starter template page. Use this page to start your new project from | |
4 | scratch. This page gets rid of all links and provides the needed markup only. | |
5 | --> | |
6 | <html> | |
7 | <head> | |
8 | <meta charset="utf-8"> | |
9 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
10 | <title>AdminLTE 2 | Starter</title> | |
11 | <!-- Tell the browser to be responsive to screen width --> | |
12 | <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> | |
13 | <!-- Bootstrap 3.3.6 --> | |
14 | <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> | |
15 | <!-- Font Awesome --> | |
16 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css"> | |
17 | <!-- Ionicons --> | |
18 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> | |
19 | <!-- Theme style --> | |
20 | <link rel="stylesheet" href="dist/css/AdminLTE.min.css"> | |
21 | <!-- AdminLTE Skins. We have chosen the skin-blue for this starter | |
22 | page. However, you can choose any other skin. Make sure you | |
23 | apply the skin class to the body tag so the changes take effect. | |
24 | --> | |
25 | <link rel="stylesheet" href="dist/css/skins/skin-blue.min.css"> | |
26 | ||
27 | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | |
28 | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |
29 | <!--[if lt IE 9]> | |
30 | <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> | |
31 | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
32 | <![endif]--> | |
33 | </head> | |
34 | <!-- | |
35 | BODY TAG OPTIONS: | |
36 | ================= | |
37 | Apply one or more of the following classes to get the | |
38 | desired effect | |
39 | |---------------------------------------------------------| | |
40 | | SKINS | skin-blue | | |
41 | | | skin-black | | |
42 | | | skin-purple | | |
43 | | | skin-yellow | | |
44 | | | skin-red | | |
45 | | | skin-green | | |
46 | |---------------------------------------------------------| | |
47 | |LAYOUT OPTIONS | fixed | | |
48 | | | layout-boxed | | |
49 | | | layout-top-nav | | |
50 | | | sidebar-collapse | | |
51 | | | sidebar-mini | | |
52 | |---------------------------------------------------------| | |
53 | --> | |
54 | <body class="hold-transition skin-blue sidebar-mini"> | |
55 | <div class="wrapper"> | |
56 | ||
57 | <!-- Main Header --> | |
58 | <header class="main-header"> | |
59 | ||
60 | <!-- Logo --> | |
61 | <a href="index2.html" class="logo"> | |
62 | <!-- mini logo for sidebar mini 50x50 pixels --> | |
63 | <span class="logo-mini"><b>A</b>LT</span> | |
64 | <!-- logo for regular state and mobile devices --> | |
65 | <span class="logo-lg"><b>Admin</b>LTE</span> | |
66 | </a> | |
67 | ||
68 | <!-- Header Navbar --> | |
69 | <nav class="navbar navbar-static-top" role="navigation"> | |
70 | <!-- Sidebar toggle button--> | |
71 | <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> | |
72 | <span class="sr-only">Toggle navigation</span> | |
73 | </a> | |
74 | <!-- Navbar Right Menu --> | |
75 | <div class="navbar-custom-menu"> | |
76 | <ul class="nav navbar-nav"> | |
77 | <!-- Messages: style can be found in dropdown.less--> | |
78 | <li class="dropdown messages-menu"> | |
79 | <!-- Menu toggle button --> | |
80 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | |
81 | <i class="fa fa-envelope-o"></i> | |
82 | <span class="label label-success">4</span> | |
83 | </a> | |
84 | <ul class="dropdown-menu"> | |
85 | <li class="header">You have 4 messages</li> | |
86 | <li> | |
87 | <!-- inner menu: contains the messages --> | |
88 | <ul class="menu"> | |
89 | <li><!-- start message --> | |
90 | <a href="#"> | |
91 | <div class="pull-left"> | |
92 | <!-- User Image --> | |
93 | <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> | |
94 | </div> | |
95 | <!-- Message title and timestamp --> | |
96 | <h4> | |
97 | Support Team | |
98 | <small><i class="fa fa-clock-o"></i> 5 mins</small> | |
99 | </h4> | |
100 | <!-- The message --> | |
101 | <p>Why not buy a new awesome theme?</p> | |
102 | </a> | |
103 | </li> | |
104 | <!-- end message --> | |
105 | </ul> | |
106 | <!-- /.menu --> | |
107 | </li> | |
108 | <li class="footer"><a href="#">See All Messages</a></li> | |
109 | </ul> | |
110 | </li> | |
111 | <!-- /.messages-menu --> | |
112 | ||
113 | <!-- Notifications Menu --> | |
114 | <li class="dropdown notifications-menu"> | |
115 | <!-- Menu toggle button --> | |
116 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | |
117 | <i class="fa fa-bell-o"></i> | |
118 | <span class="label label-warning">10</span> | |
119 | </a> | |
120 | <ul class="dropdown-menu"> | |
121 | <li class="header">You have 10 notifications</li> | |
122 | <li> | |
123 | <!-- Inner Menu: contains the notifications --> | |
124 | <ul class="menu"> | |
125 | <li><!-- start notification --> | |
126 | <a href="#"> | |
127 | <i class="fa fa-users text-aqua"></i> 5 new members joined today | |
128 | </a> | |
129 | </li> | |
130 | <!-- end notification --> | |
131 | </ul> | |
132 | </li> | |
133 | <li class="footer"><a href="#">View all</a></li> | |
134 | </ul> | |
135 | </li> | |
136 | <!-- Tasks Menu --> | |
137 | <li class="dropdown tasks-menu"> | |
138 | <!-- Menu Toggle Button --> | |
139 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | |
140 | <i class="fa fa-flag-o"></i> | |
141 | <span class="label label-danger">9</span> | |
142 | </a> | |
143 | <ul class="dropdown-menu"> | |
144 | <li class="header">You have 9 tasks</li> | |
145 | <li> | |
146 | <!-- Inner menu: contains the tasks --> | |
147 | <ul class="menu"> | |
148 | <li><!-- Task item --> | |
149 | <a href="#"> | |
150 | <!-- Task title and progress text --> | |
151 | <h3> | |
152 | Design some buttons | |
153 | <small class="pull-right">20%</small> | |
154 | </h3> | |
155 | <!-- The progress bar --> | |
156 | <div class="progress xs"> | |
157 | <!-- Change the css width attribute to simulate progress --> | |
158 | <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> | |
159 | <span class="sr-only">20% Complete</span> | |
160 | </div> | |
161 | </div> | |
162 | </a> | |
163 | </li> | |
164 | <!-- end task item --> | |
165 | </ul> | |
166 | </li> | |
167 | <li class="footer"> | |
168 | <a href="#">View all tasks</a> | |
169 | </li> | |
170 | </ul> | |
171 | </li> | |
172 | <!-- User Account Menu --> | |
173 | <li class="dropdown user user-menu"> | |
174 | <!-- Menu Toggle Button --> | |
175 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | |
176 | <!-- The user image in the navbar--> | |
177 | <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"> | |
178 | <!-- hidden-xs hides the username on small devices so only the image appears. --> | |
179 | <span class="hidden-xs">Alexander Pierce</span> | |
180 | </a> | |
181 | <ul class="dropdown-menu"> | |
182 | <!-- The user image in the menu --> | |
183 | <li class="user-header"> | |
184 | <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> | |
185 | ||
186 | <p> | |
187 | Alexander Pierce - Web Developer | |
188 | <small>Member since Nov. 2012</small> | |
189 | </p> | |
190 | </li> | |
191 | <!-- Menu Body --> | |
192 | <li class="user-body"> | |
193 | <div class="row"> | |
194 | <div class="col-xs-4 text-center"> | |
195 | <a href="#">Followers</a> | |
196 | </div> | |
197 | <div class="col-xs-4 text-center"> | |
198 | <a href="#">Sales</a> | |
199 | </div> | |
200 | <div class="col-xs-4 text-center"> | |
201 | <a href="#">Friends</a> | |
202 | </div> | |
203 | </div> | |
204 | <!-- /.row --> | |
205 | </li> | |
206 | <!-- Menu Footer--> | |
207 | <li class="user-footer"> | |
208 | <div class="pull-left"> | |
209 | <a href="#" class="btn btn-default btn-flat">Profile</a> | |
210 | </div> | |
211 | <div class="pull-right"> | |
212 | <a href="#" class="btn btn-default btn-flat">Sign out</a> | |
213 | </div> | |
214 | </li> | |
215 | </ul> | |
216 | </li> | |
217 | <!-- Control Sidebar Toggle Button --> | |
218 | <li> | |
219 | <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a> | |
220 | </li> | |
221 | </ul> | |
222 | </div> | |
223 | </nav> | |
224 | </header> | |
225 | <!-- Left side column. contains the logo and sidebar --> | |
226 | <aside class="main-sidebar"> | |
227 | ||
228 | <!-- sidebar: style can be found in sidebar.less --> | |
229 | <section class="sidebar"> | |
230 | ||
231 | <!-- Sidebar user panel (optional) --> | |
232 | <div class="user-panel"> | |
233 | <div class="pull-left image"> | |
234 | <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> | |
235 | </div> | |
236 | <div class="pull-left info"> | |
237 | <p>Alexander Pierce</p> | |
238 | <!-- Status --> | |
239 | <a href="#"><i class="fa fa-circle text-success"></i> Online</a> | |
240 | </div> | |
241 | </div> | |
242 | ||
243 | <!-- search form (Optional) --> | |
244 | <form action="#" method="get" class="sidebar-form"> | |
245 | <div class="input-group"> | |
246 | <input type="text" name="q" class="form-control" placeholder="Search..."> | |
247 | <span class="input-group-btn"> | |
248 | <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i> | |
249 | </button> | |
250 | </span> | |
251 | </div> | |
252 | </form> | |
253 | <!-- /.search form --> | |
254 | ||
255 | <!-- Sidebar Menu --> | |
256 | <ul class="sidebar-menu"> | |
257 | <li class="header">HEADER</li> | |
258 | <!-- Optionally, you can add icons to the links --> | |
259 | <li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li> | |
260 | <li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li> | |
261 | <li class="treeview"> | |
262 | <a href="#"><i class="fa fa-link"></i> <span>Multilevel</span> | |
263 | <span class="pull-right-container"> | |
264 | <i class="fa fa-angle-left pull-right"></i> | |
265 | </span> | |
266 | </a> | |
267 | <ul class="treeview-menu"> | |
268 | <li><a href="#">Link in level 2</a></li> | |
269 | <li><a href="#">Link in level 2</a></li> | |
270 | </ul> | |
271 | </li> | |
272 | </ul> | |
273 | <!-- /.sidebar-menu --> | |
274 | </section> | |
275 | <!-- /.sidebar --> | |
276 | </aside> | |
277 | ||
278 | <!-- Content Wrapper. Contains page content --> | |
279 | <div class="content-wrapper"> | |
280 | <!-- Content Header (Page header) --> | |
281 | <section class="content-header"> | |
282 | <h1> | |
283 | Page Header | |
284 | <small>Optional description</small> | |
285 | </h1> | |
286 | <ol class="breadcrumb"> | |
287 | <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li> | |
288 | <li class="active">Here</li> | |
289 | </ol> | |
290 | </section> | |
291 | ||
292 | <!-- Main content --> | |
293 | <section class="content"> | |
294 | ||
295 | <!-- Your Page Content Here --> | |
296 | ||
297 | </section> | |
298 | <!-- /.content --> | |
299 | </div> | |
300 | <!-- /.content-wrapper --> | |
301 | ||
302 | <!-- Main Footer --> | |
303 | <footer class="main-footer"> | |
304 | <!-- To the right --> | |
305 | <div class="pull-right hidden-xs"> | |
306 | Anything you want | |
307 | </div> | |
308 | <!-- Default to the left --> | |
309 | <strong>Copyright © 2016 <a href="#">Company</a>.</strong> All rights reserved. | |
310 | </footer> | |
311 | ||
312 | <!-- Control Sidebar --> | |
313 | <aside class="control-sidebar control-sidebar-dark"> | |
314 | <!-- Create the tabs --> | |
315 | <ul class="nav nav-tabs nav-justified control-sidebar-tabs"> | |
316 | <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> | |
317 | <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> | |
318 | </ul> | |
319 | <!-- Tab panes --> | |
320 | <div class="tab-content"> | |
321 | <!-- Home tab content --> | |
322 | <div class="tab-pane active" id="control-sidebar-home-tab"> | |
323 | <h3 class="control-sidebar-heading">Recent Activity</h3> | |
324 | <ul class="control-sidebar-menu"> | |
325 | <li> | |
326 | <a href="javascript::;"> | |
327 | <i class="menu-icon fa fa-birthday-cake bg-red"></i> | |
328 | ||
329 | <div class="menu-info"> | |
330 | <h4 class="control-sidebar-subheading">Langdon's Birthday</h4> | |
331 | ||
332 | <p>Will be 23 on April 24th</p> | |
333 | </div> | |
334 | </a> | |
335 | </li> | |
336 | </ul> | |
337 | <!-- /.control-sidebar-menu --> | |
338 | ||
339 | <h3 class="control-sidebar-heading">Tasks Progress</h3> | |
340 | <ul class="control-sidebar-menu"> | |
341 | <li> | |
342 | <a href="javascript::;"> | |
343 | <h4 class="control-sidebar-subheading"> | |
344 | Custom Template Design | |
345 | <span class="pull-right-container"> | |
346 | <span class="label label-danger pull-right">70%</span> | |
347 | </span> | |
348 | </h4> | |
349 | ||
350 | <div class="progress progress-xxs"> | |
351 | <div class="progress-bar progress-bar-danger" style="width: 70%"></div> | |
352 | </div> | |
353 | </a> | |
354 | </li> | |
355 | </ul> | |
356 | <!-- /.control-sidebar-menu --> | |
357 | ||
358 | </div> | |
359 | <!-- /.tab-pane --> | |
360 | <!-- Stats tab content --> | |
361 | <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div> | |
362 | <!-- /.tab-pane --> | |
363 | <!-- Settings tab content --> | |
364 | <div class="tab-pane" id="control-sidebar-settings-tab"> | |
365 | <form method="post"> | |
366 | <h3 class="control-sidebar-heading">General Settings</h3> | |
367 | ||
368 | <div class="form-group"> | |
369 | <label class="control-sidebar-subheading"> | |
370 | Report panel usage | |
371 | <input type="checkbox" class="pull-right" checked> | |
372 | </label> | |
373 | ||
374 | <p> | |
375 | Some information about this general settings option | |
376 | </p> | |
377 | </div> | |
378 | <!-- /.form-group --> | |
379 | </form> | |
380 | </div> | |
381 | <!-- /.tab-pane --> | |
382 | </div> | |
383 | </aside> | |
384 | <!-- /.control-sidebar --> | |
385 | <!-- Add the sidebar's background. This div must be placed | |
386 | immediately after the control sidebar --> | |
387 | <div class="control-sidebar-bg"></div> | |
388 | </div> | |
389 | <!-- ./wrapper --> | |
390 | ||
391 | <!-- REQUIRED JS SCRIPTS --> | |
392 | ||
393 | <!-- jQuery 2.2.3 --> | |
394 | <script src="plugins/jQuery/jquery-2.2.3.min.js"></script> | |
395 | <!-- Bootstrap 3.3.6 --> | |
396 | <script src="bootstrap/js/bootstrap.min.js"></script> | |
397 | <!-- AdminLTE App --> | |
398 | <script src="dist/js/app.min.js"></script> | |
399 | ||
400 | <!-- Optionally, you can add Slimscroll and FastClick plugins. | |
401 | Both of these plugins are recommended to enhance the | |
402 | user experience. Slimscroll is required when using the | |
403 | fixed layout. --> | |
404 | </body> | |
405 | </html> |