Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1
<!DOCTYPE html>
2
<!-- 
3
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.2
4
Version: 3.6.2
5
Author: KeenThemes
6
Website: http://www.keenthemes.com/
7
Contact: support@keenthemes.com
8
Follow: www.twitter.com/keenthemes
9
Like: www.facebook.com/keenthemes
10
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
11
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
12
-->
13
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
14
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
15
<!--[if !IE]><!-->
16
<html lang="en">
17
<!--<![endif]-->
18
<!-- BEGIN HEAD -->
19
<head>
20
<meta charset="utf-8"/>
21
<title>Metronic | Page Layouts - Disabled Menu Links</title>
22
<meta http-equiv="X-UA-Compatible" content="IE=edge">
23
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
24
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
25
<meta content="" name="description"/>
26
<meta content="" name="author"/>
27
<!-- BEGIN GLOBAL MANDATORY STYLES -->
28
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
29
<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
30
<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
31
<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
32
<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
33
<!-- END GLOBAL MANDATORY STYLES -->
34
<!-- BEGIN THEME STYLES -->
35
<link href="../../assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
36
<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
37
<link href="../../assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
38
<link id="style_color" href="../../assets/admin/layout/css/themes/darkblue.css" rel="stylesheet" type="text/css"/>
39
<link href="../../assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
40
<!-- END THEME STYLES -->
41
<link rel="shortcut icon" href="favicon.ico"/>
42
</head>
43
<!-- BEGIN BODY -->
44
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
45
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
46
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
47
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
48
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
49
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
50
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
51
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
52
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
53
<body class="page-header-fixed page-quick-sidebar-over-content page-sidebar-closed-hide-logo">
54
<!-- BEGIN HEADER -->
55
<div class="page-header navbar navbar-fixed-top">
56
        <!-- BEGIN HEADER INNER -->
57
        <div class="page-header-inner">
58
                <!-- BEGIN LOGO -->
59
                <div class="page-logo">
60
                        <a href="index.html">
61
                        <img src="../../assets/admin/layout/img/logo.png" alt="logo" class="logo-default"/>
62
                        </a>
63
                        <div class="menu-toggler sidebar-toggler">
64
                        </div>
65
                </div>
66
                <!-- END LOGO -->
67
                <!-- BEGIN HORIZANTAL MENU -->
68
                <!-- DOC: Remove "hor-menu-light" class to have a horizontal menu with theme background instead of white background -->
69
                <!-- DOC: This is desktop version of the horizontal menu. The mobile version is defined(duplicated) in the responsive menu below along with sidebar menu. So the horizontal menu has 2 seperate versions -->
70
                <div class="hor-menu hor-menu-light hidden-sm hidden-xs">
71
                        <!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the horizontal opening on mouse hover -->
72
                        <ul class="nav navbar-nav">
73
                                <li class="classic-menu-dropdown active">
74
                                        <a href="index.html">
75
                                        Dashboard <span class="selected">
76
                                        </span>
77
                                        </a>
78
                                </li>
79
                                <li class="mega-menu-dropdown disabled-link">
80
                                        <a href="#" href="" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">
81
                                        <span class="disable-target">
82
                                        Mega <i class="fa fa-angle-down"></i>
83
                                        </span>
84
                                        </a>
85
                                        <ul class="dropdown-menu">
86
                                                <li>
87
                                                        <!-- Content container to add padding -->
88
                                                        <div class="mega-menu-content">
89
                                                                <div class="row">
90
                                                                        <div class="col-md-4">
91
                                                                                <ul class="mega-menu-submenu">
92
                                                                                        <li>
93
                                                                                                <h3>Layouts</h3>
94
                                                                                        </li>
95
                                                                                        <li>
96
                                                                                                <a href="#" class="disabled-link">
97
                                                                                                <span class="disable-target">
98
                                                                                                Promo Page </span>
99
                                                                                                </a>
100
                                                                                        </li>
101
                                                                                        <li>
102
                                                                                                <a href="#">
103
                                                                                                Email Templates </a>
104
                                                                                        </li>
105
                                                                                        <li>
106
                                                                                                <a href="#">
107
                                                                                                Sidebar Cloaded Page </a>
108
                                                                                        </li>
109
                                                                                        <li>
110
                                                                                                <a href="#" class="disabled-link">
111
                                                                                                <span class="disable-target">
112
                                                                                                Blank Page </span>
113
                                                                                                </a>
114
                                                                                        </li>
115
                                                                                        <li>
116
                                                                                                <a href="#">
117
                                                                                                Boxed Page </a>
118
                                                                                        </li>
119
                                                                                </ul>
120
                                                                        </div>
121
                                                                        <div class="col-md-4">
122
                                                                                <ul class="mega-menu-submenu">
123
                                                                                        <li>
124
                                                                                                <h3>UI Features</h3>
125
                                                                                        </li>
126
                                                                                        <li>
127
                                                                                                <a href="#">
128
                                                                                                General Components </a>
129
                                                                                        </li>
130
                                                                                        <li>
131
                                                                                                <a href="#" class="disabled-link">
132
                                                                                                <span class="disable-target">
133
                                                                                                Buttons & Icons </span>
134
                                                                                                </a>
135
                                                                                        </li>
136
                                                                                        <li>
137
                                                                                                <a href="#">
138
                                                                                                Extended Modals </a>
139
                                                                                        </li>
140
                                                                                        <li>
141
                                                                                                <a href="#" class="disabled-link">
142
                                                                                                <span class="disable-target">
143
                                                                                                Datepaginator </span>
144
                                                                                                </a>
145
                                                                                        </li>
146
                                                                                        <li>
147
                                                                                                <a href="#">
148
                                                                                                Tree View </a>
149
                                                                                        </li>
150
                                                                                </ul>
151
                                                                        </div>
152
                                                                        <div class="col-md-4">
153
                                                                                <ul class="mega-menu-submenu">
154
                                                                                        <li>
155
                                                                                                <h3>Form Stuff</h3>
156
                                                                                        </li>
157
                                                                                        <li>
158
                                                                                                <a href="#">
159
                                                                                                Form Controls </a>
160
                                                                                        </li>
161
                                                                                        <li>
162
                                                                                                <a href="#" class="disabled-link">
163
                                                                                                <span class="disable-target">
164
                                                                                                Form Components </span>
165
                                                                                                </a>
166
                                                                                        </li>
167
                                                                                        <li>
168
                                                                                                <a href="#">
169
                                                                                                Form Validation </a>
170
                                                                                        </li>
171
                                                                                        <li>
172
                                                                                                <a href="#" class="disabled-link">
173
                                                                                                <span class="disable-target">
174
                                                                                                Multiple File Upload </span>
175
                                                                                                </a>
176
                                                                                        </li>
177
                                                                                        <li>
178
                                                                                                <a href="#">
179
                                                                                                Dropzone File Upload </a>
180
                                                                                        </li>
181
                                                                                </ul>
182
                                                                        </div>
183
                                                                </div>
184
                                                        </div>
185
                                                </li>
186
                                        </ul>
187
                                </li>
188
                                <li class="mega-menu-dropdown mega-menu-full">
189
                                        <a data-hover="dropdown" data-close-others="true" href="javascript:;" class="dropdown-toggle">
190
                                        Full Mega <i class="fa fa-angle-down"></i>
191
                                        </a>
192
                                        <ul class="dropdown-menu">
193
                                                <li>
194
                                                        <!-- Content container to add padding -->
195
                                                        <div class="mega-menu-content ">
196
                                                                <div class="row">
197
                                                                        <div class="col-md-8">
198
                                                                                <div class="row">
199
                                                                                        <div class="col-md-4">
200
                                                                                                <ul class="mega-menu-submenu">
201
                                                                                                        <li>
202
                                                                                                                <h3>Layouts</h3>
203
                                                                                                        </li>
204
                                                                                                        <li>
205
                                                                                                                <a href="#">
206
                                                                                                                <i class="fa fa-angle-right"></i> Promo Page </a>
207
                                                                                                        </li>
208
                                                                                                        <li>
209
                                                                                                                <a href="#">
210
                                                                                                                <i class="fa fa-angle-right"></i> Email Templates </a>
211
                                                                                                        </li>
212
                                                                                                        <li>
213
                                                                                                                <a href="#">
214
                                                                                                                <i class="fa fa-angle-right"></i> Sidebar Cloaded Page </a>
215
                                                                                                        </li>
216
                                                                                                        <li>
217
                                                                                                                <a href="#">
218
                                                                                                                <i class="fa fa-angle-right"></i> Blank Page </a>
219
                                                                                                        </li>
220
                                                                                                        <li>
221
                                                                                                                <a href="#">
222
                                                                                                                <i class="fa fa-angle-right"></i> Boxed Page </a>
223
                                                                                                        </li>
224
                                                                                                </ul>
225
                                                                                        </div>
226
                                                                                        <div class="col-md-4">
227
                                                                                                <ul class="mega-menu-submenu">
228
                                                                                                        <li>
229
                                                                                                                <h3>UI Features</h3>
230
                                                                                                        </li>
231
                                                                                                        <li>
232
                                                                                                                <a href="#">
233
                                                                                                                <i class="fa fa-angle-right"></i> General Components </a>
234
                                                                                                        </li>
235
                                                                                                        <li>
236
                                                                                                                <a href="#">
237
                                                                                                                <i class="fa fa-angle-right"></i> Buttons & Icons </a>
238
                                                                                                        </li>
239
                                                                                                        <li>
240
                                                                                                                <a href="#">
241
                                                                                                                <i class="fa fa-angle-right"></i> Extended Modals </a>
242
                                                                                                        </li>
243
                                                                                                        <li>
244
                                                                                                                <a href="#">
245
                                                                                                                <i class="fa fa-angle-right"></i> Datepaginator </a>
246
                                                                                                        </li>
247
                                                                                                        <li>
248
                                                                                                                <a href="#">
249
                                                                                                                <i class="fa fa-angle-right"></i> Tree View </a>
250
                                                                                                        </li>
251
                                                                                                </ul>
252
                                                                                        </div>
253
                                                                                        <div class="col-md-4">
254
                                                                                                <ul class="mega-menu-submenu">
255
                                                                                                        <li>
256
                                                                                                                <h3>Form Stuff</h3>
257
                                                                                                        </li>
258
                                                                                                        <li>
259
                                                                                                                <a href="#">
260
                                                                                                                <i class="fa fa-angle-right"></i> Form Controls </a>
261
                                                                                                        </li>
262
                                                                                                        <li>
263
                                                                                                                <a href="#">
264
                                                                                                                <i class="fa fa-angle-right"></i> Form Components </a>
265
                                                                                                        </li>
266
                                                                                                        <li>
267
                                                                                                                <a href="#">
268
                                                                                                                <i class="fa fa-angle-right"></i> Form Validation </a>
269
                                                                                                        </li>
270
                                                                                                        <li>
271
                                                                                                                <a href="#">
272
                                                                                                                <i class="fa fa-angle-right"></i> Multiple File Upload </a>
273
                                                                                                        </li>
274
                                                                                                        <li>
275
                                                                                                                <a href="#">
276
                                                                                                                <i class="fa fa-angle-right"></i> Dropzone File Upload </a>
277
                                                                                                        </li>
278
                                                                                                </ul>
279
                                                                                        </div>
280
                                                                                </div>
281
                                                                        </div>
282
                                                                        <div class="col-md-4">
283
                                                                                <div id="accordion" class="panel-group">
284
                                                                                        <div class="panel panel-success">
285
                                                                                                <div class="panel-heading">
286
                                                                                                        <h4 class="panel-title">
287
                                                                                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapsed">
288
                                                                                                        Mega Menu Info #1 </a>
289
                                                                                                        </h4>
290
                                                                                                </div>
291
                                                                                                <div id="collapseOne" class="panel-collapse in">
292
                                                                                                        <div class="panel-body">
293
                                                                                                                 Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
294
                                                                                                        </div>
295
                                                                                                </div>
296
                                                                                        </div>
297
                                                                                        <div class="panel panel-danger">
298
                                                                                                <div class="panel-heading">
299
                                                                                                        <h4 class="panel-title">
300
                                                                                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
301
                                                                                                        Mega Menu Info #2 </a>
302
                                                                                                        </h4>
303
                                                                                                </div>
304
                                                                                                <div id="collapseTwo" class="panel-collapse collapse">
305
                                                                                                        <div class="panel-body">
306
                                                                                                                 Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
307
                                                                                                        </div>
308
                                                                                                </div>
309
                                                                                        </div>
310
                                                                                        <div class="panel panel-info">
311
                                                                                                <div class="panel-heading">
312
                                                                                                        <h4 class="panel-title">
313
                                                                                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
314
                                                                                                        Mega Menu Info #3 </a>
315
                                                                                                        </h4>
316
                                                                                                </div>
317
                                                                                                <div id="collapseThree" class="panel-collapse collapse">
318
                                                                                                        <div class="panel-body">
319
                                                                                                                 Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
320
                                                                                                        </div>
321
                                                                                                </div>
322
                                                                                        </div>
323
                                                                                </div>
324
                                                                        </div>
325
                                                                </div>
326
                                                        </div>
327
                                                </li>
328
                                        </ul>
329
                                </li>
330
                                <li class="classic-menu-dropdown">
331
                                        <a class="disabled-link" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" href="">
332
                                        <span class="disable-target">
333
                                        Classic <i class="fa fa-angle-down"></i>
334
                                        </span>
335
                                        </a>
336
                                        <ul class="dropdown-menu pull-left">
337
                                                <li>
338
                                                        <a href="#" class="disabled-link">
339
                                                        <span class="disable-target">
340
                                                        <i class="fa fa-bookmark-o"></i> Section 1 </span>
341
                                                        </a>
342
                                                </li>
343
                                                <li>
344
                                                        <a href="#">
345
                                                        <i class="fa fa-user"></i> Section 2 </a>
346
                                                </li>
347
                                                <li>
348
                                                        <a href="#" class="disabled-link">
349
                                                        <span class="disable-target">
350
                                                        <i class="fa fa-puzzle-piece"></i> Section 3 </span>
351
                                                        </a>
352
                                                </li>
353
                                                <li>
354
                                                        <a href="#">
355
                                                        <i class="fa fa-gift"></i> Section 4 </a>
356
                                                </li>
357
                                                <li>
358
                                                        <a href="#">
359
                                                        <i class="fa fa-table"></i> Section 5 </a>
360
                                                </li>
361
                                                <li class="dropdown-submenu">
362
                                                        <a href="javascript:;" class="disabled-link">
363
                                                        <span class="disable-target">
364
                                                        <i class="fa fa-envelope-o"></i> More options </span>
365
                                                        </a>
366
                                                        <ul class="dropdown-menu">
367
                                                                <li>
368
                                                                        <a href="#">
369
                                                                        Second level link </a>
370
                                                                </li>
371
                                                                <li class="dropdown-submenu">
372
                                                                        <a href="javascript:;">
373
                                                                        More options </a>
374
                                                                        <ul class="dropdown-menu">
375
                                                                                <li>
376
                                                                                        <a href="index.html" class="disabled-link">
377
                                                                                        <span class="disable-target">
378
                                                                                        Third level link </span>
379
                                                                                        </a>
380
                                                                                </li>
381
                                                                                <li>
382
                                                                                        <a href="index.html">
383
                                                                                        Third level link </a>
384
                                                                                </li>
385
                                                                                <li>
386
                                                                                        <a href="index.html" class="disabled-link">
387
                                                                                        <span class="disable-target">
388
                                                                                        Third level link </span>
389
                                                                                        </a>
390
                                                                                </li>
391
                                                                                <li>
392
                                                                                        <a href="index.html">
393
                                                                                        Third level link </a>
394
                                                                                </li>
395
                                                                                <li>
396
                                                                                        <a href="index.html">
397
                                                                                        Third level link </a>
398
                                                                                </li>
399
                                                                        </ul>
400
                                                                </li>
401
                                                                <li>
402
                                                                        <a href="index.html">
403
                                                                        Second level link </a>
404
                                                                </li>
405
                                                                <li>
406
                                                                        <a href="index.html" class="disabled-link">
407
                                                                        <span class="disable-target">
408
                                                                        Second level link </span>
409
                                                                        </a>
410
                                                                </li>
411
                                                                <li>
412
                                                                        <a href="index.html">
413
                                                                        Second level link </a>
414
                                                                </li>
415
                                                        </ul>
416
                                                </li>
417
                                        </ul>
418
                                </li>
419
                        </ul>
420
                </div>
421
                <!-- END HORIZANTAL MENU -->
422
                <!-- BEGIN HEADER SEARCH BOX -->
423
                <!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
424
                <form class="search-form" action="extra_search.html" method="GET">
425
                        <div class="input-group">
426
                                <input type="text" class="form-control" placeholder="Search..." name="query">
427
                                <span class="input-group-btn">
428
                                <a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
429
                                </span>
430
                        </div>
431
                </form>
432
                <!-- END HEADER SEARCH BOX -->
433
                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
434
                <div class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
435
                </div>
436
                <!-- END RESPONSIVE MENU TOGGLER -->
437
                <!-- BEGIN TOP NAVIGATION MENU -->
438
                <div class="top-menu">
439
                        <ul class="nav navbar-nav pull-right">
440
                                <!-- BEGIN NOTIFICATION DROPDOWN -->
441
                                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
442
                                <li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
443
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
444
                                        <i class="icon-bell"></i>
445
                                        <span class="badge badge-default">
446
                                        7 </span>
447
                                        </a>
448
                                        <ul class="dropdown-menu">
449
                                                <li class="external">
450
                                                        <h3><span class="bold">12 pending</span> notifications</h3>
451
                                                        <a href="extra_profile.html">view all</a>
452
                                                </li>
453
                                                <li>
454
                                                        <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
455
                                                                <li>
456
                                                                        <a href="javascript:;">
457
                                                                        <span class="time">just now</span>
458
                                                                        <span class="details">
459
                                                                        <span class="label label-sm label-icon label-success">
460
                                                                        <i class="fa fa-plus"></i>
461
                                                                        </span>
462
                                                                        New user registered. </span>
463
                                                                        </a>
464
                                                                </li>
465
                                                                <li>
466
                                                                        <a href="javascript:;">
467
                                                                        <span class="time">3 mins</span>
468
                                                                        <span class="details">
469
                                                                        <span class="label label-sm label-icon label-danger">
470
                                                                        <i class="fa fa-bolt"></i>
471
                                                                        </span>
472
                                                                        Server #12 overloaded. </span>
473
                                                                        </a>
474
                                                                </li>
475
                                                                <li>
476
                                                                        <a href="javascript:;">
477
                                                                        <span class="time">10 mins</span>
478
                                                                        <span class="details">
479
                                                                        <span class="label label-sm label-icon label-warning">
480
                                                                        <i class="fa fa-bell-o"></i>
481
                                                                        </span>
482
                                                                        Server #2 not responding. </span>
483
                                                                        </a>
484
                                                                </li>
485
                                                                <li>
486
                                                                        <a href="javascript:;">
487
                                                                        <span class="time">14 hrs</span>
488
                                                                        <span class="details">
489
                                                                        <span class="label label-sm label-icon label-info">
490
                                                                        <i class="fa fa-bullhorn"></i>
491
                                                                        </span>
492
                                                                        Application error. </span>
493
                                                                        </a>
494
                                                                </li>
495
                                                                <li>
496
                                                                        <a href="javascript:;">
497
                                                                        <span class="time">2 days</span>
498
                                                                        <span class="details">
499
                                                                        <span class="label label-sm label-icon label-danger">
500
                                                                        <i class="fa fa-bolt"></i>
501
                                                                        </span>
502
                                                                        Database overloaded 68%. </span>
503
                                                                        </a>
504
                                                                </li>
505
                                                                <li>
506
                                                                        <a href="javascript:;">
507
                                                                        <span class="time">3 days</span>
508
                                                                        <span class="details">
509
                                                                        <span class="label label-sm label-icon label-danger">
510
                                                                        <i class="fa fa-bolt"></i>
511
                                                                        </span>
512
                                                                        A user IP blocked. </span>
513
                                                                        </a>
514
                                                                </li>
515
                                                                <li>
516
                                                                        <a href="javascript:;">
517
                                                                        <span class="time">4 days</span>
518
                                                                        <span class="details">
519
                                                                        <span class="label label-sm label-icon label-warning">
520
                                                                        <i class="fa fa-bell-o"></i>
521
                                                                        </span>
522
                                                                        Storage Server #4 not responding dfdfdfd. </span>
523
                                                                        </a>
524
                                                                </li>
525
                                                                <li>
526
                                                                        <a href="javascript:;">
527
                                                                        <span class="time">5 days</span>
528
                                                                        <span class="details">
529
                                                                        <span class="label label-sm label-icon label-info">
530
                                                                        <i class="fa fa-bullhorn"></i>
531
                                                                        </span>
532
                                                                        System Error. </span>
533
                                                                        </a>
534
                                                                </li>
535
                                                                <li>
536
                                                                        <a href="javascript:;">
537
                                                                        <span class="time">9 days</span>
538
                                                                        <span class="details">
539
                                                                        <span class="label label-sm label-icon label-danger">
540
                                                                        <i class="fa fa-bolt"></i>
541
                                                                        </span>
542
                                                                        Storage server failed. </span>
543
                                                                        </a>
544
                                                                </li>
545
                                                        </ul>
546
                                                </li>
547
                                        </ul>
548
                                </li>
549
                                <!-- END NOTIFICATION DROPDOWN -->
550
                                <!-- BEGIN INBOX DROPDOWN -->
551
                                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
552
                                <li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
553
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
554
                                        <i class="icon-envelope-open"></i>
555
                                        <span class="badge badge-default">
556
                                        4 </span>
557
                                        </a>
558
                                        <ul class="dropdown-menu">
559
                                                <li class="external">
560
                                                        <h3>You have <span class="bold">7 New</span> Messages</h3>
561
                                                        <a href="page_inbox.html">view all</a>
562
                                                </li>
563
                                                <li>
564
                                                        <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
565
                                                                <li>
566
                                                                        <a href="inbox.html?a=view">
567
                                                                        <span class="photo">
568
                                                                        <img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
569
                                                                        </span>
570
                                                                        <span class="subject">
571
                                                                        <span class="from">
572
                                                                        Lisa Wong </span>
573
                                                                        <span class="time">Just Now </span>
574
                                                                        </span>
575
                                                                        <span class="message">
576
                                                                        Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
577
                                                                        </a>
578
                                                                </li>
579
                                                                <li>
580
                                                                        <a href="inbox.html?a=view">
581
                                                                        <span class="photo">
582
                                                                        <img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
583
                                                                        </span>
584
                                                                        <span class="subject">
585
                                                                        <span class="from">
586
                                                                        Richard Doe </span>
587
                                                                        <span class="time">16 mins </span>
588
                                                                        </span>
589
                                                                        <span class="message">
590
                                                                        Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
591
                                                                        </a>
592
                                                                </li>
593
                                                                <li>
594
                                                                        <a href="inbox.html?a=view">
595
                                                                        <span class="photo">
596
                                                                        <img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
597
                                                                        </span>
598
                                                                        <span class="subject">
599
                                                                        <span class="from">
600
                                                                        Bob Nilson </span>
601
                                                                        <span class="time">2 hrs </span>
602
                                                                        </span>
603
                                                                        <span class="message">
604
                                                                        Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
605
                                                                        </a>
606
                                                                </li>
607
                                                                <li>
608
                                                                        <a href="inbox.html?a=view">
609
                                                                        <span class="photo">
610
                                                                        <img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
611
                                                                        </span>
612
                                                                        <span class="subject">
613
                                                                        <span class="from">
614
                                                                        Lisa Wong </span>
615
                                                                        <span class="time">40 mins </span>
616
                                                                        </span>
617
                                                                        <span class="message">
618
                                                                        Vivamus sed auctor 40% nibh congue nibh... </span>
619
                                                                        </a>
620
                                                                </li>
621
                                                                <li>
622
                                                                        <a href="inbox.html?a=view">
623
                                                                        <span class="photo">
624
                                                                        <img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
625
                                                                        </span>
626
                                                                        <span class="subject">
627
                                                                        <span class="from">
628
                                                                        Richard Doe </span>
629
                                                                        <span class="time">46 mins </span>
630
                                                                        </span>
631
                                                                        <span class="message">
632
                                                                        Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
633
                                                                        </a>
634
                                                                </li>
635
                                                        </ul>
636
                                                </li>
637
                                        </ul>
638
                                </li>
639
                                <!-- END INBOX DROPDOWN -->
640
                                <!-- BEGIN TODO DROPDOWN -->
641
                                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
642
                                <li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
643
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
644
                                        <i class="icon-calendar"></i>
645
                                        <span class="badge badge-default">
646
                                        3 </span>
647
                                        </a>
648
                                        <ul class="dropdown-menu extended tasks">
649
                                                <li class="external">
650
                                                        <h3>You have <span class="bold">12 pending</span> tasks</h3>
651
                                                        <a href="page_todo.html">view all</a>
652
                                                </li>
653
                                                <li>
654
                                                        <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
655
                                                                <li>
656
                                                                        <a href="javascript:;">
657
                                                                        <span class="task">
658
                                                                        <span class="desc">New release v1.2 </span>
659
                                                                        <span class="percent">30%</span>
660
                                                                        </span>
661
                                                                        <span class="progress">
662
                                                                        <span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
663
                                                                        </span>
664
                                                                        </a>
665
                                                                </li>
666
                                                                <li>
667
                                                                        <a href="javascript:;">
668
                                                                        <span class="task">
669
                                                                        <span class="desc">Application deployment</span>
670
                                                                        <span class="percent">65%</span>
671
                                                                        </span>
672
                                                                        <span class="progress">
673
                                                                        <span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
674
                                                                        </span>
675
                                                                        </a>
676
                                                                </li>
677
                                                                <li>
678
                                                                        <a href="javascript:;">
679
                                                                        <span class="task">
680
                                                                        <span class="desc">Mobile app release</span>
681
                                                                        <span class="percent">98%</span>
682
                                                                        </span>
683
                                                                        <span class="progress">
684
                                                                        <span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
685
                                                                        </span>
686
                                                                        </a>
687
                                                                </li>
688
                                                                <li>
689
                                                                        <a href="javascript:;">
690
                                                                        <span class="task">
691
                                                                        <span class="desc">Database migration</span>
692
                                                                        <span class="percent">10%</span>
693
                                                                        </span>
694
                                                                        <span class="progress">
695
                                                                        <span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
696
                                                                        </span>
697
                                                                        </a>
698
                                                                </li>
699
                                                                <li>
700
                                                                        <a href="javascript:;">
701
                                                                        <span class="task">
702
                                                                        <span class="desc">Web server upgrade</span>
703
                                                                        <span class="percent">58%</span>
704
                                                                        </span>
705
                                                                        <span class="progress">
706
                                                                        <span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
707
                                                                        </span>
708
                                                                        </a>
709
                                                                </li>
710
                                                                <li>
711
                                                                        <a href="javascript:;">
712
                                                                        <span class="task">
713
                                                                        <span class="desc">Mobile development</span>
714
                                                                        <span class="percent">85%</span>
715
                                                                        </span>
716
                                                                        <span class="progress">
717
                                                                        <span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
718
                                                                        </span>
719
                                                                        </a>
720
                                                                </li>
721
                                                                <li>
722
                                                                        <a href="javascript:;">
723
                                                                        <span class="task">
724
                                                                        <span class="desc">New UI release</span>
725
                                                                        <span class="percent">38%</span>
726
                                                                        </span>
727
                                                                        <span class="progress progress-striped">
728
                                                                        <span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
729
                                                                        </span>
730
                                                                        </a>
731
                                                                </li>
732
                                                        </ul>
733
                                                </li>
734
                                        </ul>
735
                                </li>
736
                                <!-- END TODO DROPDOWN -->
737
                                <!-- BEGIN USER LOGIN DROPDOWN -->
738
                                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
739
                                <li class="dropdown dropdown-user">
740
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
741
                                        <img alt="" class="img-circle" src="../../assets/admin/layout/img/avatar3_small.jpg"/>
742
                                        <span class="username username-hide-on-mobile">
743
                                        Nick </span>
744
                                        <i class="fa fa-angle-down"></i>
745
                                        </a>
746
                                        <ul class="dropdown-menu dropdown-menu-default">
747
                                                <li>
748
                                                        <a href="extra_profile.html">
749
                                                        <i class="icon-user"></i> My Profile </a>
750
                                                </li>
751
                                                <li>
752
                                                        <a href="page_calendar.html">
753
                                                        <i class="icon-calendar"></i> My Calendar </a>
754
                                                </li>
755
                                                <li>
756
                                                        <a href="inbox.html">
757
                                                        <i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
758
                                                        3 </span>
759
                                                        </a>
760
                                                </li>
761
                                                <li>
762
                                                        <a href="page_todo.html">
763
                                                        <i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
764
                                                        7 </span>
765
                                                        </a>
766
                                                </li>
767
                                                <li class="divider">
768
                                                </li>
769
                                                <li>
770
                                                        <a href="extra_lock.html">
771
                                                        <i class="icon-lock"></i> Lock Screen </a>
772
                                                </li>
773
                                                <li>
774
                                                        <a href="login.html">
775
                                                        <i class="icon-key"></i> Log Out </a>
776
                                                </li>
777
                                        </ul>
778
                                </li>
779
                                <!-- END USER LOGIN DROPDOWN -->
780
                                <!-- BEGIN QUICK SIDEBAR TOGGLER -->
781
                                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
782
                                <li class="dropdown dropdown-quick-sidebar-toggler">
783
                                        <a href="javascript:;" class="dropdown-toggle">
784
                                        <i class="icon-logout"></i>
785
                                        </a>
786
                                </li>
787
                                <!-- END QUICK SIDEBAR TOGGLER -->
788
                        </ul>
789
                </div>
790
                <!-- END TOP NAVIGATION MENU -->
791
        </div>
792
        <!-- END HEADER INNER -->
793
</div>
794
<!-- END HEADER -->
795
<div class="clearfix">
796
</div>
797
<!-- BEGIN CONTAINER -->
798
<div class="page-container">
799
        <!-- BEGIN SIDEBAR -->
800
        <div class="page-sidebar navbar-collapse collapse">
801
                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
802
                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
803
                <!-- BEGIN SIDEBAR MENU1 -->
804
                <ul class="page-sidebar-menu hidden-sm hidden-xs" data-auto-scroll="true" data-slide-speed="200">
805
                        <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
806
                        <!-- DOC: This is mobile version of the horizontal menu. The desktop version is defined(duplicated) in the header above -->
807
                        <li class="sidebar-search-wrapper">
808
                                <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
809
                                <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
810
                                <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
811
                                <form class="sidebar-search sidebar-search-bordered" action="extra_search.html" method="POST">
812
                                        <a href="javascript:;" class="remove">
813
                                        <i class="icon-close"></i>
814
                                        </a>
815
                                        <div class="input-group">
816
                                                <input type="text" class="form-control" placeholder="Search...">
817
                                                <span class="input-group-btn">
818
                                                <a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
819
                                                </span>
820
                                        </div>
821
                                </form>
822
                                <!-- END RESPONSIVE QUICK SEARCH FORM -->
823
                        </li>
824
                        <li class="start active open">
825
                                <a href="javascript:;">
826
                                <i class="fa fa-cogs"></i>
827
                                <span class="title">
828
                                Layouts </span>
829
                                <span class="selected ">
830
                                </span>
831
                                <span class="arrow open">
832
                                </span>
833
                                </a>
834
                                <ul class="sub-menu">
835
                                        <li>
836
                                                <a href="layout_language_bar.html" class="disabled-link">
837
                                                <span class="badge badge-roundless badge-danger disable-target">
838
                                                new </span>
839
                                                <span class="disable-target">
840
                                                Language Switch Bar </span>
841
                                                </a>
842
                                        </li>
843
                                        <li class="active">
844
                                                <a href="layout_horizontal_sidebar_menu.html">
845
                                                Horizontal & Sidebar Menu </a>
846
                                        </li>
847
                                        <li>
848
                                                <a href="layout_horizontal_menu1.html" class="disabled-link">
849
                                                <span class="disable-target">
850
                                                Horizontal Menu 1 </span>
851
                                                </a>
852
                                        </li>
853
                                        <li>
854
                                                <a href="layout_horizontal_menu2.html">
855
                                                Horizontal Menu 2 </a>
856
                                        </li>
857
                                        <li>
858
                                                <a href="layout_disabled_menu.html" class="disabled-link">
859
                                                <span class="disable-target">
860
                                                Disabled Menu Links </span>
861
                                                </a>
862
                                        </li>
863
                                        <li>
864
                                                <a href="layout_promo.html">
865
                                                Promo Page </a>
866
                                        </li>
867
                                        <li>
868
                                                <a href="layout_email.html" class="disabled-link">
869
                                                <span class="disable-target">
870
                                                Email Templates </span>
871
                                                </a>
872
                                        </li>
873
                                        <li>
874
                                                <a href="layout_ajax.html">
875
                                                Content Loading via Ajax </a>
876
                                        </li>
877
                                        <li>
878
                                                <a href="layout_sidebar_closed.html">
879
                                                Sidebar Closed Page </a>
880
                                        </li>
881
                                        <li>
882
                                                <a href="layout_sidebar_fixed.html">
883
                                                Sidebar Fixed Page </a>
884
                                        </li>
885
                                        <li>
886
                                                <a href="layout_blank_page.html" class="disabled-link">
887
                                                <span class="disable-target">
888
                                                Blank Page </span>
889
                                                </a>
890
                                        </li>
891
                                        <li>
892
                                                <a href="layout_boxed_page.html">
893
                                                Boxed Page </a>
894
                                        </li>
895
                                        <li>
896
                                                <a href="layout_boxed_not_responsive.html">
897
                                                Non-Responsive Boxed Layout </a>
898
                                        </li>
899
                                </ul>
900
                        </li>
901
                        <li>
902
                                <a href="javascript:;" class="disabled-link">
903
                                <i class="fa fa-th-list disable-target"></i>
904
                                <span class="title disable-target">
905
                                Portlets </span>
906
                                <span class="arrow disable-target">
907
                                </span>
908
                                </a>
909
                                <ul class="sub-menu">
910
                                        <li>
911
                                                <a href="portlet_general.html">
912
                                                General Portlets </a>
913
                                        </li>
914
                                        <li>
915
                                                <a href="portlet_draggable.html">
916
                                                Draggable Portlets </a>
917
                                        </li>
918
                                </ul>
919
                        </li>
920
                        <li>
921
                                <a href="javascript:;">
922
                                <i class="fa fa-map-marker"></i>
923
                                <span class="title">
924
                                Maps </span>
925
                                <span class="arrow ">
926
                                </span>
927
                                </a>
928
                                <ul class="sub-menu">
929
                                        <li>
930
                                                <a href="maps_google.html">
931
                                                Google Maps </a>
932
                                        </li>
933
                                        <li>
934
                                                <a href="maps_vector.html">
935
                                                Vector Maps </a>
936
                                        </li>
937
                                </ul>
938
                        </li>
939
                        <li>
940
                                <a href="charts.html">
941
                                <i class="fa fa-bar-chart-o"></i>
942
                                <span class="title">
943
                                Visual Charts </span>
944
                                </a>
945
                        </li>
946
                        <li class="last">
947
                                <a href="login.html">
948
                                <i class="fa fa-user"></i>
949
                                <span class="title">
950
                                Login Page </span>
951
                                </a>
952
                        </li>
953
                </ul>
954
                <!-- END SIDEBAR MENU1 -->
955
                <!-- BEGIN RESPONSIVE MENU FOR HORIZONTAL & SIDEBAR MENU -->
956
                <ul class="page-sidebar-menu visible-sm visible-xs" data-slide-speed="200" data-auto-scroll="true">
957
                        <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
958
                        <!-- DOC: This is mobile version of the horizontal menu. The desktop version is defined(duplicated) in the header above -->
959
                        <li class="sidebar-search-wrapper">
960
                                <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
961
                                <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
962
                                <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
963
                                <form class="sidebar-search sidebar-search-bordered" action="extra_search.html" method="POST">
964
                                        <a href="javascript:;" class="remove">
965
                                        </a>
966
                                        <div class="input-group">
967
                                                <input type="text" class="form-control" placeholder="Search...">
968
                                                <span class="input-group-btn">
969
                                                <input class="btn submit" type="button" type="button" value=" "/>
970
                                                </span>
971
                                        </div>
972
                                </form>
973
                                <!-- END RESPONSIVE QUICK SEARCH FORM -->
974
                        </li>
975
                        <li class="active open">
976
                                <a href="index.html">
977
                                Dashboard <span class="selected">
978
                                </span>
979
                                <span class="arrow open">
980
                                </span>
981
                                </a>
982
                                <ul class="sub-menu">
983
                                        <li class="active">
984
                                                <a href="javascript:;">
985
                                                <i class="fa fa-cogs"></i>
986
                                                <span class="title">
987
                                                Layouts </span>
988
                                                <span class="arrow open">
989
                                                </span>
990
                                                </a>
991
                                                <ul class="sub-menu">
992
                                                        <li>
993
                                                                <a href="layout_language_bar.html">
994
                                                                <span class="badge badge-roundless badge-danger">
995
                                                                new </span>
996
                                                                Language Switch Bar </a>
997
                                                        </li>
998
                                                        <li class="active">
999
                                                                <a href="layout_horizontal_sidebar_menu.html">
1000
                                                                Horizontal &amp; Sidebar Menu </a>
1001
                                                        </li>
1002
                                                        <li>
1003
                                                                <a href="layout_horizontal_menu1.html">
1004
                                                                Horizontal Menu 1 </a>
1005
                                                        </li>
1006
                                                        <li>
1007
                                                                <a href="layout_horizontal_menu2.html">
1008
                                                                Horizontal Menu 2 </a>
1009
                                                        </li>
1010
                                                        <li>
1011
                                                                <a href="layout_disabled_menu.html">
1012
                                                                Disabled Menu Links </a>
1013
                                                        </li>
1014
                                                        <li>
1015
                                                                <a href="layout_sidebar_closed.html">
1016
                                                                Sidebar Closed Page </a>
1017
                                                        </li>
1018
                                                        <li>
1019
                                                                <a href="layout_sidebar_fixed.html">
1020
                                                                Sidebar Fixed Page </a>
1021
                                                        </li>
1022
                                                        <li>
1023
                                                                <a href="layout_blank_page.html">
1024
                                                                Blank Page </a>
1025
                                                        </li>
1026
                                                        <li>
1027
                                                                <a href="layout_boxed_page.html">
1028
                                                                Boxed Page </a>
1029
                                                        </li>
1030
                                                </ul>
1031
                                        </li>
1032
                                        <li>
1033
                                                <a href="javascript:;">
1034
                                                <i class="fa fa-th-list"></i>
1035
                                                <span class="title">
1036
                                                Portlets </span>
1037
                                                <span class="arrow ">
1038
                                                </span>
1039
                                                </a>
1040
                                                <ul class="sub-menu">
1041
                                                        <li>
1042
                                                                <a href="portlet_general.html">
1043
                                                                General Portlets </a>
1044
                                                        </li>
1045
                                                        <li>
1046
                                                                <a href="portlet_draggable.html">
1047
                                                                Draggable Portlets </a>
1048
                                                        </li>
1049
                                                </ul>
1050
                                        </li>
1051
                                        <li>
1052
                                                <a href="javascript:;">
1053
                                                <i class="fa fa-map-marker"></i>
1054
                                                <span class="title">
1055
                                                Maps </span>
1056
                                                <span class="arrow ">
1057
                                                </span>
1058
                                                </a>
1059
                                                <ul class="sub-menu">
1060
                                                        <li>
1061
                                                                <a href="maps_google.html">
1062
                                                                Google Maps </a>
1063
                                                        </li>
1064
                                                        <li>
1065
                                                                <a href="maps_vector.html">
1066
                                                                Vector Maps </a>
1067
                                                        </li>
1068
                                                </ul>
1069
                                        </li>
1070
                                        <li>
1071
                                                <a href="charts.html">
1072
                                                <i class="fa fa-bar-chart-o"></i>
1073
                                                <span class="title">
1074
                                                Visual Charts </span>
1075
                                                </a>
1076
                                        </li>
1077
                                        <li>
1078
                                                <a href="login.html">
1079
                                                <i class="fa fa-user"></i>
1080
                                                <span class="title">
1081
                                                Login Page </span>
1082
                                                </a>
1083
                                        </li>
1084
                                </ul>
1085
                        </li>
1086
                        <li>
1087
                                <a href="#">
1088
                                Mega <span class="arrow">
1089
                                </span>
1090
                                </a>
1091
                                <ul class="sub-menu">
1092
                                        <li>
1093
                                                <a href="#">
1094
                                                Layouts <span class="arrow">
1095
                                                </span>
1096
                                                </a>
1097
                                                <ul class="sub-menu">
1098
                                                        <li>
1099
                                                                <a href="#">
1100
                                                                Email Templates </a>
1101
                                                        </li>
1102
                                                        <li>
1103
                                                                <a href="#">
1104
                                                                Sidebar Cloaded Page </a>
1105
                                                        </li>
1106
                                                        <li>
1107
                                                                <a href="#">
1108
                                                                Blank Page </a>
1109
                                                        </li>
1110
                                                        <li>
1111
                                                                <a href="#">
1112
                                                                Boxed Page </a>
1113
                                                        </li>
1114
                                                </ul>
1115
                                        </li>
1116
                                        <li>
1117
                                                <a href="#">
1118
                                                UI Features <span class="arrow">
1119
                                                </span>
1120
                                                </a>
1121
                                                <ul class="sub-menu">
1122
                                                        <li>
1123
                                                                <a href="#">
1124
                                                                General Components </a>
1125
                                                        </li>
1126
                                                        <li>
1127
                                                                <a href="#">
1128
                                                                Buttons &amp; Icons </a>
1129
                                                        </li>
1130
                                                        <li>
1131
                                                                <a href="#">
1132
                                                                Extended Modals </a>
1133
                                                        </li>
1134
                                                        <li>
1135
                                                                <a href="#">
1136
                                                                Datepaginator </a>
1137
                                                        </li>
1138
                                                        <li>
1139
                                                                <a href="#">
1140
                                                                Tree View </a>
1141
                                                        </li>
1142
                                                </ul>
1143
                                        </li>
1144
                                        <li>
1145
                                                <a href="#">
1146
                                                Form Stuff <span class="arrow">
1147
                                                </span>
1148
                                                </a>
1149
                                                <ul class="sub-menu">
1150
                                                        <li>
1151
                                                                <a href="#">
1152
                                                                Form Controls </a>
1153
                                                        </li>
1154
                                                        <li>
1155
                                                                <a href="#">
1156
                                                                Form Components </a>
1157
                                                        </li>
1158
                                                        <li>
1159
                                                                <a href="#">
1160
                                                                Form Validation </a>
1161
                                                        </li>
1162
                                                        <li>
1163
                                                                <a href="#">
1164
                                                                Multiple File Upload </a>
1165
                                                        </li>
1166
                                                        <li>
1167
                                                                <a href="#">
1168
                                                                Dropzone File Upload </a>
1169
                                                        </li>
1170
                                                </ul>
1171
                                        </li>
1172
                                </ul>
1173
                        </li>
1174
                        <li>
1175
                                <a href="#">
1176
                                Full Mega <span class="arrow">
1177
                                </span>
1178
                                </a>
1179
                                <ul class="sub-menu">
1180
                                        <li>
1181
                                                <a href="#">
1182
                                                Layouts <span class="arrow">
1183
                                                </span>
1184
                                                </a>
1185
                                                <ul class="sub-menu">
1186
                                                        <li>
1187
                                                                <a href="#">
1188
                                                                Promo Page </a>
1189
                                                        </li>
1190
                                                        <li>
1191
                                                                <a href="#">
1192
                                                                Email Templates </a>
1193
                                                        </li>
1194
                                                        <li>
1195
                                                                <a href="#">
1196
                                                                Sidebar Cloaded Page </a>
1197
                                                        </li>
1198
                                                        <li>
1199
                                                                <a href="#">
1200
                                                                Blank Page </a>
1201
                                                        </li>
1202
                                                        <li>
1203
                                                                <a href="#">
1204
                                                                Boxed Page </a>
1205
                                                        </li>
1206
                                                </ul>
1207
                                        </li>
1208
                                        <li>
1209
                                                <a href="#">
1210
                                                UI Features <span class="arrow">
1211
                                                </span>
1212
                                                </a>
1213
                                                <ul class="sub-menu">
1214
                                                        <li>
1215
                                                                <a href="#">
1216
                                                                General Components </a>
1217
                                                        </li>
1218
                                                        <li>
1219
                                                                <a href="#">
1220
                                                                Buttons &amp; Icons </a>
1221
                                                        </li>
1222
                                                        <li>
1223
                                                                <a href="#">
1224
                                                                Extended Modals </a>
1225
                                                        </li>
1226
                                                        <li>
1227
                                                                <a href="#">
1228
                                                                Datepaginator </a>
1229
                                                        </li>
1230
                                                        <li>
1231
                                                                <a href="#">
1232
                                                                Tree View </a>
1233
                                                        </li>
1234
                                                </ul>
1235
                                        </li>
1236
                                        <li>
1237
                                                <a href="#">
1238
                                                Form Stuff <span class="arrow">
1239
                                                </span>
1240
                                                </a>
1241
                                                <ul class="sub-menu">
1242
                                                        <li>
1243
                                                                <a href="#">
1244
                                                                Form Controls </a>
1245
                                                        </li>
1246
                                                        <li>
1247
                                                                <a href="#">
1248
                                                                Form Components </a>
1249
                                                        </li>
1250
                                                        <li>
1251
                                                                <a href="#">
1252
                                                                Form Validation </a>
1253
                                                        </li>
1254
                                                        <li>
1255
                                                                <a href="#">
1256
                                                                Multiple File Upload </a>
1257
                                                        </li>
1258
                                                        <li>
1259
                                                                <a href="#">
1260
                                                                Dropzone File Upload </a>
1261
                                                        </li>
1262
                                                </ul>
1263
                                        </li>
1264
                                        <li>
1265
                                                <a href="#">
1266
                                                Accordions <span class="arrow">
1267
                                                </span>
1268
                                                </a>
1269
                                                <ul class="sub-menu">
1270
                                                        <li>
1271
                                                                <div id="accordion2" class="panel-group mega-menu-responsive-content">
1272
                                                                        <div class="panel panel-success">
1273
                                                                                <div class="panel-heading">
1274
                                                                                        <h4 class="panel-title">
1275
                                                                                        <a data-toggle="collapse" data-parent="#accordion2" href="#collapseOne2" class="collapsed">
1276
                                                                                        Mega Menu Info #1 </a>
1277
                                                                                        </h4>
1278
                                                                                </div>
1279
                                                                                <div id="collapseOne2" class="panel-collapse in">
1280
                                                                                        <div class="panel-body">
1281
                                                                                                 Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
1282
                                                                                        </div>
1283
                                                                                </div>
1284
                                                                        </div>
1285
                                                                        <div class="panel panel-danger">
1286
                                                                                <div class="panel-heading">
1287
                                                                                        <h4 class="panel-title">
1288
                                                                                        <a data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo2" class="collapsed">
1289
                                                                                        Mega Menu Info #2 </a>
1290
                                                                                        </h4>
1291
                                                                                </div>
1292
                                                                                <div id="collapseTwo2" class="panel-collapse collapse">
1293
                                                                                        <div class="panel-body">
1294
                                                                                                 Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
1295
                                                                                        </div>
1296
                                                                                </div>
1297
                                                                        </div>
1298
                                                                        <div class="panel panel-info">
1299
                                                                                <div class="panel-heading">
1300
                                                                                        <h4 class="panel-title">
1301
                                                                                        <a data-toggle="collapse" data-parent="#accordion2" href="#collapseThree2">
1302
                                                                                        Mega Menu Info #3 </a>
1303
                                                                                        </h4>
1304
                                                                                </div>
1305
                                                                                <div id="collapseThree2" class="panel-collapse collapse">
1306
                                                                                        <div class="panel-body">
1307
                                                                                                 Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
1308
                                                                                        </div>
1309
                                                                                </div>
1310
                                                                        </div>
1311
                                                                </div>
1312
                                                        </li>
1313
                                                </ul>
1314
                                        </li>
1315
                                </ul>
1316
                        </li>
1317
                        <li>
1318
                                <a>
1319
                                Classic <span class="arrow">
1320
                                </span>
1321
                                </a>
1322
                                <ul class="sub-menu">
1323
                                        <li>
1324
                                                <a href="#">
1325
                                                Section 1 </a>
1326
                                        </li>
1327
                                        <li>
1328
                                                <a href="#">
1329
                                                Section 2 </a>
1330
                                        </li>
1331
                                        <li>
1332
                                                <a href="#">
1333
                                                Section 3 </a>
1334
                                        </li>
1335
                                        <li>
1336
                                                <a href="#">
1337
                                                Section 4 </a>
1338
                                        </li>
1339
                                        <li>
1340
                                                <a href="#">
1341
                                                Section 5 </a>
1342
                                        </li>
1343
                                        <li>
1344
                                                <a href="javascript:;">
1345
                                                More options <span class="arrow">
1346
                                                </span>
1347
                                                </a>
1348
                                                <ul class="sub-menu">
1349
                                                        <li>
1350
                                                                <a href="#">
1351
                                                                Second level link </a>
1352
                                                        </li>
1353
                                                        <li class="sub-menu">
1354
                                                                <a href="javascript:;">
1355
                                                                More options <span class="arrow">
1356
                                                                </span>
1357
                                                                </a>
1358
                                                                <ul class="sub-menu">
1359
                                                                        <li>
1360
                                                                                <a href="index.html">
1361
                                                                                Third level link </a>
1362
                                                                        </li>
1363
                                                                        <li>
1364
                                                                                <a href="index.html">
1365
                                                                                Third level link </a>
1366
                                                                        </li>
1367
                                                                        <li>
1368
                                                                                <a href="index.html">
1369
                                                                                Third level link </a>
1370
                                                                        </li>
1371
                                                                        <li>
1372
                                                                                <a href="index.html">
1373
                                                                                Third level link </a>
1374
                                                                        </li>
1375
                                                                        <li>
1376
                                                                                <a href="index.html">
1377
                                                                                Third level link </a>
1378
                                                                        </li>
1379
                                                                </ul>
1380
                                                        </li>
1381
                                                        <li>
1382
                                                                <a href="index.html">
1383
                                                                Second level link </a>
1384
                                                        </li>
1385
                                                        <li>
1386
                                                                <a href="index.html">
1387
                                                                Second level link </a>
1388
                                                        </li>
1389
                                                        <li>
1390
                                                                <a href="index.html">
1391
                                                                Second level link </a>
1392
                                                        </li>
1393
                                                </ul>
1394
                                        </li>
1395
                                </ul>
1396
                        </li>
1397
                        <li>
1398
                                <a href="">
1399
                                Link </a>
1400
                        </li>
1401
                </ul>
1402
                <!-- END RESPONSIVE MENU FOR HORIZONTAL & SIDEBAR MENU -->
1403
        </div>
1404
        <!-- END SIDEBAR -->
1405
        <!-- BEGIN CONTENT -->
1406
        <div class="page-content-wrapper">
1407
                <div class="page-content">
1408
                        <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
1409
                        <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
1410
                                <div class="modal-dialog">
1411
                                        <div class="modal-content">
1412
                                                <div class="modal-header">
1413
                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
1414
                                                        <h4 class="modal-title">Modal title</h4>
1415
                                                </div>
1416
                                                <div class="modal-body">
1417
                                                         Widget settings form goes here
1418
                                                </div>
1419
                                                <div class="modal-footer">
1420
                                                        <button type="button" class="btn blue">Save changes</button>
1421
                                                        <button type="button" class="btn default" data-dismiss="modal">Close</button>
1422
                                                </div>
1423
                                        </div>
1424
                                        <!-- /.modal-content -->
1425
                                </div>
1426
                                <!-- /.modal-dialog -->
1427
                        </div>
1428
                        <!-- /.modal -->
1429
                        <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
1430
                        <!-- BEGIN STYLE CUSTOMIZER -->
1431
                        <div class="theme-panel hidden-xs hidden-sm">
1432
                                <div class="toggler">
1433
                                </div>
1434
                                <div class="toggler-close">
1435
                                </div>
1436
                                <div class="theme-options">
1437
                                        <div class="theme-option theme-colors clearfix">
1438
                                                <span>
1439
                                                THEME COLOR </span>
1440
                                                <ul>
1441
                                                        <li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default">
1442
                                                        </li>
1443
                                                        <li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue">
1444
                                                        </li>
1445
                                                        <li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue">
1446
                                                        </li>
1447
                                                        <li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey">
1448
                                                        </li>
1449
                                                        <li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light">
1450
                                                        </li>
1451
                                                        <li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2">
1452
                                                        </li>
1453
                                                </ul>
1454
                                        </div>
1455
                                        <div class="theme-option">
1456
                                                <span>
1457
                                                Layout </span>
1458
                                                <select class="layout-option form-control input-sm">
1459
                                                        <option value="fluid" selected="selected">Fluid</option>
1460
                                                        <option value="boxed">Boxed</option>
1461
                                                </select>
1462
                                        </div>
1463
                                        <div class="theme-option">
1464
                                                <span>
1465
                                                Header </span>
1466
                                                <select class="page-header-option form-control input-sm">
1467
                                                        <option value="fixed" selected="selected">Fixed</option>
1468
                                                        <option value="default">Default</option>
1469
                                                </select>
1470
                                        </div>
1471
                                        <div class="theme-option">
1472
                                                <span>
1473
                                                Top Menu Dropdown</span>
1474
                                                <select class="page-header-top-dropdown-style-option form-control input-sm">
1475
                                                        <option value="light" selected="selected">Light</option>
1476
                                                        <option value="dark">Dark</option>
1477
                                                </select>
1478
                                        </div>
1479
                                        <div class="theme-option">
1480
                                                <span>
1481
                                                Sidebar Mode</span>
1482
                                                <select class="sidebar-option form-control input-sm">
1483
                                                        <option value="fixed">Fixed</option>
1484
                                                        <option value="default" selected="selected">Default</option>
1485
                                                </select>
1486
                                        </div>
1487
                                        <div class="theme-option">
1488
                                                <span>
1489
                                                Sidebar Menu </span>
1490
                                                <select class="sidebar-menu-option form-control input-sm">
1491
                                                        <option value="accordion" selected="selected">Accordion</option>
1492
                                                        <option value="hover">Hover</option>
1493
                                                </select>
1494
                                        </div>
1495
                                        <div class="theme-option">
1496
                                                <span>
1497
                                                Sidebar Style </span>
1498
                                                <select class="sidebar-style-option form-control input-sm">
1499
                                                        <option value="default" selected="selected">Default</option>
1500
                                                        <option value="light">Light</option>
1501
                                                </select>
1502
                                        </div>
1503
                                        <div class="theme-option">
1504
                                                <span>
1505
                                                Sidebar Position </span>
1506
                                                <select class="sidebar-pos-option form-control input-sm">
1507
                                                        <option value="left" selected="selected">Left</option>
1508
                                                        <option value="right">Right</option>
1509
                                                </select>
1510
                                        </div>
1511
                                        <div class="theme-option">
1512
                                                <span>
1513
                                                Footer </span>
1514
                                                <select class="page-footer-option form-control input-sm">
1515
                                                        <option value="fixed">Fixed</option>
1516
                                                        <option value="default" selected="selected">Default</option>
1517
                                                </select>
1518
                                        </div>
1519
                                </div>
1520
                        </div>
1521
                        <!-- END STYLE CUSTOMIZER -->
1522
                        <!-- BEGIN PAGE HEADER-->
1523
                        <h3 class="page-title">
1524
                        Disabled Menu Links <small>sidebar & horizontal menu disabled links</small>
1525
                        </h3>
1526
                        <div class="page-bar">
1527
                                <ul class="page-breadcrumb">
1528
                                        <li>
1529
                                                <i class="fa fa-home"></i>
1530
                                                <a href="index.html">Home</a>
1531
                                                <i class="fa fa-angle-right"></i>
1532
                                        </li>
1533
                                        <li>
1534
                                                <a href="#">Page Layouts</a>
1535
                                                <i class="fa fa-angle-right"></i>
1536
                                        </li>
1537
                                        <li>
1538
                                                <a href="#">Disabled Menu Links</a>
1539
                                        </li>
1540
                                </ul>
1541
                                <div class="page-toolbar">
1542
                                        <div class="btn-group pull-right">
1543
                                                <button type="button" class="btn btn-fit-height grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
1544
                                                Actions <i class="fa fa-angle-down"></i>
1545
                                                </button>
1546
                                                <ul class="dropdown-menu pull-right" role="menu">
1547
                                                        <li>
1548
                                                                <a href="#">Action</a>
1549
                                                        </li>
1550
                                                        <li>
1551
                                                                <a href="#">Another action</a>
1552
                                                        </li>
1553
                                                        <li>
1554
                                                                <a href="#">Something else here</a>
1555
                                                        </li>
1556
                                                        <li class="divider">
1557
                                                        </li>
1558
                                                        <li>
1559
                                                                <a href="#">Separated link</a>
1560
                                                        </li>
1561
                                                </ul>
1562
                                        </div>
1563
                                </div>
1564
                        </div>
1565
                        <!-- END PAGE HEADER-->
1566
                        <!-- BEGIN PAGE CONTENT-->
1567
                        <div class="row">
1568
                                <div class="col-md-12">
1569
                                        <div class="note note-success">
1570
                                                <h4 class="block">Disabled Links</h4>
1571
                                                <p>
1572
                                                         Just apply <code>.disabled-link</code> class to a parent element and <code>.disable-target</code> class to child target elements. See the sidebar and horizontal menu disabled links.
1573
                                                </p>
1574
                                        </div>
1575
                                </div>
1576
                        </div>
1577
                        <!-- END PAGE CONTENT-->
1578
                </div>
1579
        </div>
1580
        <!-- END CONTENT -->
1581
        <!-- BEGIN QUICK SIDEBAR -->
1582
        <!-- END QUICK SIDEBAR -->
1583
</div>
1584
<!-- END CONTAINER -->
1585
<!-- BEGIN FOOTER -->
1586
<div class="page-footer">
1587
        <div class="page-footer-inner">
1588
                 2014 &copy; Metronic by keenthemes.
1589
        </div>
1590
        <div class="scroll-to-top">
1591
                <i class="icon-arrow-up"></i>
1592
        </div>
1593
</div>
1594
<!-- END FOOTER -->
1595
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
1596
<!-- BEGIN CORE PLUGINS -->
1597
<!--[if lt IE 9]>
1598
  <script src="../../assets/global/plugins/excanvas.min.js"></script>
1599
  <script src="../../assets/global/plugins/respond.min.js"></script>  
1600
  <![endif]-->
1601
<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
1602
<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
1603
<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
1604
<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
1605
<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
1606
<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
1607
<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
1608
<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
1609
<!-- END CORE PLUGINS -->
1610
<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
1611
<script src="../../assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
1612
<script src="../../assets/admin/layout/scripts/quick-sidebar.js" type="text/javascript"></script>
1613
<script src="../../assets/admin/layout/scripts/demo.js" type="text/javascript"></script>
1614
<script>
1615
    jQuery(document).ready(function() {    
1616
       Metronic.init(); // init metronic core components
1617
Layout.init(); // init current layout
1618
QuickSidebar.init(); // init quick sidebar
1619
Demo.init(); // init demo features
1620
    });
1621
  </script>
1622
<!-- END JAVASCRIPTS -->
1623
</body>
1624
<!-- END BODY -->
1625
</html>