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 - Layout with Glyphicon</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
<link href="../../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
34
<!-- END GLOBAL MANDATORY STYLES -->
35
<!-- BEGIN THEME STYLES -->
36
<link href="../../assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
37
<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
38
<link href="../../assets/admin/layout2/css/layout.css" rel="stylesheet" type="text/css"/>
39
<link id="style_color" href="../../assets/admin/layout2/css/themes/grey.css" rel="stylesheet" type="text/css"/>
40
<link href="../../assets/admin/layout2/css/custom.css" rel="stylesheet" type="text/css"/>
41
<!-- END THEME STYLES -->
42
<link rel="shortcut icon" href="favicon.ico"/>
43
</head>
44
<!-- BEGIN BODY -->
45
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
46
<!-- 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 -->
47
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
48
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
49
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
50
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
51
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
52
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
53
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
54
<body class="page-boxed page-header-fixed page-container-bg-solid page-sidebar-closed-hide-logo page-sidebar-closed-hide-logo page-glyphicons">
55
<!-- BEGIN HEADER -->
56
<div class="page-header navbar navbar-fixed-top">
57
        <!-- BEGIN HEADER INNER -->
58
        <div class="page-header-inner container">
59
                <!-- BEGIN LOGO -->
60
                <div class="page-logo">
61
                        <a href="index.html">
62
                        <img src="../../assets/admin/layout2/img/logo-default.png" alt="logo" class="logo-default"/>
63
                        </a>
64
                        <div class="menu-toggler sidebar-toggler">
65
                                <!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
66
                        </div>
67
                </div>
68
                <!-- END LOGO -->
69
                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
70
                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
71
                </a>
72
                <!-- END RESPONSIVE MENU TOGGLER -->
73
                <!-- BEGIN PAGE ACTIONS -->
74
                <!-- DOC: Remove "hide" class to enable the page header actions -->
75
                <div class="page-actions">
76
                        <div class="btn-group">
77
                                <button type="button" class="btn btn-circle red-pink dropdown-toggle" data-toggle="dropdown">
78
                                <i class="glyphicon glyphicon-plus"></i>&nbsp;<span class="hidden-sm hidden-xs">New&nbsp;</span>&nbsp;<i class="fa fa-angle-down"></i>
79
                                </button>
80
                                <ul class="dropdown-menu" role="menu">
81
                                        <li>
82
                                                <a href="#">
83
                                                <i class="glyphicon glyphicon-user"></i> New User </a>
84
                                        </li>
85
                                        <li>
86
                                                <a href="#">
87
                                                <i class="glyphicon glyphicon-list-alt"></i> New Event <span class="badge badge-success">4</span>
88
                                                </a>
89
                                        </li>
90
                                        <li>
91
                                                <a href="#">
92
                                                <i class="glyphicon glyphicon-headphones"></i> New order </a>
93
                                        </li>
94
                                        <li class="divider">
95
                                        </li>
96
                                        <li>
97
                                                <a href="#">
98
                                                <i class="glyphicon glyphicon-tint"></i> Pending Orders <span class="badge badge-danger">4</span>
99
                                                </a>
100
                                        </li>
101
                                        <li>
102
                                                <a href="#">
103
                                                <i class="glyphicon glyphicon-gift"></i> Pending Users <span class="badge badge-warning">12</span>
104
                                                </a>
105
                                        </li>
106
                                </ul>
107
                        </div>
108
                        <div class="btn-group hide">
109
                                <button type="button" class="btn btn-circle green-haze dropdown-toggle" data-toggle="dropdown">
110
                                <i class="icon-bell"></i>&nbsp;<span class="hidden-sm hidden-xs">Post&nbsp;</span>&nbsp;<i class="fa fa-angle-down"></i>
111
                                </button>
112
                                <ul class="dropdown-menu" role="menu">
113
                                        <li>
114
                                                <a href="#">
115
                                                <i class="icon-docs"></i> New Post </a>
116
                                        </li>
117
                                        <li>
118
                                                <a href="#">
119
                                                <i class="icon-tag"></i> New Comment </a>
120
                                        </li>
121
                                        <li>
122
                                                <a href="#">
123
                                                <i class="icon-share"></i> Share </a>
124
                                        </li>
125
                                        <li class="divider">
126
                                        </li>
127
                                        <li>
128
                                                <a href="#">
129
                                                <i class="icon-flag"></i> Comments <span class="badge badge-success">4</span>
130
                                                </a>
131
                                        </li>
132
                                        <li>
133
                                                <a href="#">
134
                                                <i class="icon-users"></i> Feedbacks <span class="badge badge-danger">2</span>
135
                                                </a>
136
                                        </li>
137
                                </ul>
138
                        </div>
139
                </div>
140
                <!-- END PAGE ACTIONS -->
141
                <!-- BEGIN PAGE TOP -->
142
                <div class="page-top">
143
                        <!-- BEGIN HEADER SEARCH BOX -->
144
                        <!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
145
                        <form class="search-form search-form-expanded" action="extra_search.html" method="GET">
146
                                <div class="input-group">
147
                                        <input type="text" class="form-control" placeholder="Search..." name="query">
148
                                        <span class="input-group-btn">
149
                                        <a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
150
                                        </span>
151
                                </div>
152
                        </form>
153
                        <!-- END HEADER SEARCH BOX -->
154
                        <!-- BEGIN TOP NAVIGATION MENU -->
155
                        <div class="top-menu">
156
                                <ul class="nav navbar-nav pull-right">
157
                                        <!-- BEGIN NOTIFICATION DROPDOWN -->
158
                                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
159
                                        <li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
160
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
161
                                                <i class="icon-bell"></i>
162
                                                <span class="badge badge-default">
163
                                                7 </span>
164
                                                </a>
165
                                                <ul class="dropdown-menu">
166
                                                        <li class="external">
167
                                                                <h3><span class="bold">12 pending</span> notifications</h3>
168
                                                                <a href="extra_profile.html">view all</a>
169
                                                        </li>
170
                                                        <li>
171
                                                                <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
172
                                                                        <li>
173
                                                                                <a href="javascript:;">
174
                                                                                <span class="time">just now</span>
175
                                                                                <span class="details">
176
                                                                                <span class="label label-sm label-icon label-success">
177
                                                                                <i class="fa fa-plus"></i>
178
                                                                                </span>
179
                                                                                New user registered. </span>
180
                                                                                </a>
181
                                                                        </li>
182
                                                                        <li>
183
                                                                                <a href="javascript:;">
184
                                                                                <span class="time">3 mins</span>
185
                                                                                <span class="details">
186
                                                                                <span class="label label-sm label-icon label-danger">
187
                                                                                <i class="fa fa-bolt"></i>
188
                                                                                </span>
189
                                                                                Server #12 overloaded. </span>
190
                                                                                </a>
191
                                                                        </li>
192
                                                                        <li>
193
                                                                                <a href="javascript:;">
194
                                                                                <span class="time">10 mins</span>
195
                                                                                <span class="details">
196
                                                                                <span class="label label-sm label-icon label-warning">
197
                                                                                <i class="fa fa-bell-o"></i>
198
                                                                                </span>
199
                                                                                Server #2 not responding. </span>
200
                                                                                </a>
201
                                                                        </li>
202
                                                                        <li>
203
                                                                                <a href="javascript:;">
204
                                                                                <span class="time">14 hrs</span>
205
                                                                                <span class="details">
206
                                                                                <span class="label label-sm label-icon label-info">
207
                                                                                <i class="fa fa-bullhorn"></i>
208
                                                                                </span>
209
                                                                                Application error. </span>
210
                                                                                </a>
211
                                                                        </li>
212
                                                                        <li>
213
                                                                                <a href="javascript:;">
214
                                                                                <span class="time">2 days</span>
215
                                                                                <span class="details">
216
                                                                                <span class="label label-sm label-icon label-danger">
217
                                                                                <i class="fa fa-bolt"></i>
218
                                                                                </span>
219
                                                                                Database overloaded 68%. </span>
220
                                                                                </a>
221
                                                                        </li>
222
                                                                        <li>
223
                                                                                <a href="javascript:;">
224
                                                                                <span class="time">3 days</span>
225
                                                                                <span class="details">
226
                                                                                <span class="label label-sm label-icon label-danger">
227
                                                                                <i class="fa fa-bolt"></i>
228
                                                                                </span>
229
                                                                                A user IP blocked. </span>
230
                                                                                </a>
231
                                                                        </li>
232
                                                                        <li>
233
                                                                                <a href="javascript:;">
234
                                                                                <span class="time">4 days</span>
235
                                                                                <span class="details">
236
                                                                                <span class="label label-sm label-icon label-warning">
237
                                                                                <i class="fa fa-bell-o"></i>
238
                                                                                </span>
239
                                                                                Storage Server #4 not responding dfdfdfd. </span>
240
                                                                                </a>
241
                                                                        </li>
242
                                                                        <li>
243
                                                                                <a href="javascript:;">
244
                                                                                <span class="time">5 days</span>
245
                                                                                <span class="details">
246
                                                                                <span class="label label-sm label-icon label-info">
247
                                                                                <i class="fa fa-bullhorn"></i>
248
                                                                                </span>
249
                                                                                System Error. </span>
250
                                                                                </a>
251
                                                                        </li>
252
                                                                        <li>
253
                                                                                <a href="javascript:;">
254
                                                                                <span class="time">9 days</span>
255
                                                                                <span class="details">
256
                                                                                <span class="label label-sm label-icon label-danger">
257
                                                                                <i class="fa fa-bolt"></i>
258
                                                                                </span>
259
                                                                                Storage server failed. </span>
260
                                                                                </a>
261
                                                                        </li>
262
                                                                </ul>
263
                                                        </li>
264
                                                </ul>
265
                                        </li>
266
                                        <!-- END NOTIFICATION DROPDOWN -->
267
                                        <!-- BEGIN INBOX DROPDOWN -->
268
                                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
269
                                        <li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
270
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
271
                                                <i class="icon-envelope-open"></i>
272
                                                <span class="badge badge-default">
273
                                                4 </span>
274
                                                </a>
275
                                                <ul class="dropdown-menu">
276
                                                        <li class="external">
277
                                                                <h3>You have <span class="bold">7 New</span> Messages</h3>
278
                                                                <a href="page_inbox.html">view all</a>
279
                                                        </li>
280
                                                        <li>
281
                                                                <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
282
                                                                        <li>
283
                                                                                <a href="inbox.html?a=view">
284
                                                                                <span class="photo">
285
                                                                                <img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
286
                                                                                </span>
287
                                                                                <span class="subject">
288
                                                                                <span class="from">
289
                                                                                Lisa Wong </span>
290
                                                                                <span class="time">Just Now </span>
291
                                                                                </span>
292
                                                                                <span class="message">
293
                                                                                Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
294
                                                                                </a>
295
                                                                        </li>
296
                                                                        <li>
297
                                                                                <a href="inbox.html?a=view">
298
                                                                                <span class="photo">
299
                                                                                <img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
300
                                                                                </span>
301
                                                                                <span class="subject">
302
                                                                                <span class="from">
303
                                                                                Richard Doe </span>
304
                                                                                <span class="time">16 mins </span>
305
                                                                                </span>
306
                                                                                <span class="message">
307
                                                                                Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
308
                                                                                </a>
309
                                                                        </li>
310
                                                                        <li>
311
                                                                                <a href="inbox.html?a=view">
312
                                                                                <span class="photo">
313
                                                                                <img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
314
                                                                                </span>
315
                                                                                <span class="subject">
316
                                                                                <span class="from">
317
                                                                                Bob Nilson </span>
318
                                                                                <span class="time">2 hrs </span>
319
                                                                                </span>
320
                                                                                <span class="message">
321
                                                                                Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
322
                                                                                </a>
323
                                                                        </li>
324
                                                                        <li>
325
                                                                                <a href="inbox.html?a=view">
326
                                                                                <span class="photo">
327
                                                                                <img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
328
                                                                                </span>
329
                                                                                <span class="subject">
330
                                                                                <span class="from">
331
                                                                                Lisa Wong </span>
332
                                                                                <span class="time">40 mins </span>
333
                                                                                </span>
334
                                                                                <span class="message">
335
                                                                                Vivamus sed auctor 40% nibh congue nibh... </span>
336
                                                                                </a>
337
                                                                        </li>
338
                                                                        <li>
339
                                                                                <a href="inbox.html?a=view">
340
                                                                                <span class="photo">
341
                                                                                <img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
342
                                                                                </span>
343
                                                                                <span class="subject">
344
                                                                                <span class="from">
345
                                                                                Richard Doe </span>
346
                                                                                <span class="time">46 mins </span>
347
                                                                                </span>
348
                                                                                <span class="message">
349
                                                                                Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
350
                                                                                </a>
351
                                                                        </li>
352
                                                                </ul>
353
                                                        </li>
354
                                                </ul>
355
                                        </li>
356
                                        <!-- END INBOX DROPDOWN -->
357
                                        <!-- BEGIN TODO DROPDOWN -->
358
                                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
359
                                        <li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
360
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
361
                                                <i class="icon-calendar"></i>
362
                                                <span class="badge badge-default">
363
                                                3 </span>
364
                                                </a>
365
                                                <ul class="dropdown-menu extended tasks">
366
                                                        <li class="external">
367
                                                                <h3>You have <span class="bold">12 pending</span> tasks</h3>
368
                                                                <a href="page_todo.html">view all</a>
369
                                                        </li>
370
                                                        <li>
371
                                                                <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
372
                                                                        <li>
373
                                                                                <a href="javascript:;">
374
                                                                                <span class="task">
375
                                                                                <span class="desc">New release v1.2 </span>
376
                                                                                <span class="percent">30%</span>
377
                                                                                </span>
378
                                                                                <span class="progress">
379
                                                                                <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>
380
                                                                                </span>
381
                                                                                </a>
382
                                                                        </li>
383
                                                                        <li>
384
                                                                                <a href="javascript:;">
385
                                                                                <span class="task">
386
                                                                                <span class="desc">Application deployment</span>
387
                                                                                <span class="percent">65%</span>
388
                                                                                </span>
389
                                                                                <span class="progress">
390
                                                                                <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>
391
                                                                                </span>
392
                                                                                </a>
393
                                                                        </li>
394
                                                                        <li>
395
                                                                                <a href="javascript:;">
396
                                                                                <span class="task">
397
                                                                                <span class="desc">Mobile app release</span>
398
                                                                                <span class="percent">98%</span>
399
                                                                                </span>
400
                                                                                <span class="progress">
401
                                                                                <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>
402
                                                                                </span>
403
                                                                                </a>
404
                                                                        </li>
405
                                                                        <li>
406
                                                                                <a href="javascript:;">
407
                                                                                <span class="task">
408
                                                                                <span class="desc">Database migration</span>
409
                                                                                <span class="percent">10%</span>
410
                                                                                </span>
411
                                                                                <span class="progress">
412
                                                                                <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>
413
                                                                                </span>
414
                                                                                </a>
415
                                                                        </li>
416
                                                                        <li>
417
                                                                                <a href="javascript:;">
418
                                                                                <span class="task">
419
                                                                                <span class="desc">Web server upgrade</span>
420
                                                                                <span class="percent">58%</span>
421
                                                                                </span>
422
                                                                                <span class="progress">
423
                                                                                <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>
424
                                                                                </span>
425
                                                                                </a>
426
                                                                        </li>
427
                                                                        <li>
428
                                                                                <a href="javascript:;">
429
                                                                                <span class="task">
430
                                                                                <span class="desc">Mobile development</span>
431
                                                                                <span class="percent">85%</span>
432
                                                                                </span>
433
                                                                                <span class="progress">
434
                                                                                <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>
435
                                                                                </span>
436
                                                                                </a>
437
                                                                        </li>
438
                                                                        <li>
439
                                                                                <a href="javascript:;">
440
                                                                                <span class="task">
441
                                                                                <span class="desc">New UI release</span>
442
                                                                                <span class="percent">38%</span>
443
                                                                                </span>
444
                                                                                <span class="progress progress-striped">
445
                                                                                <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>
446
                                                                                </span>
447
                                                                                </a>
448
                                                                        </li>
449
                                                                </ul>
450
                                                        </li>
451
                                                </ul>
452
                                        </li>
453
                                        <!-- END TODO DROPDOWN -->
454
                                        <!-- BEGIN USER LOGIN DROPDOWN -->
455
                                        <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
456
                                        <li class="dropdown dropdown-user">
457
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
458
                                                <img alt="" class="img-circle" src="../../assets/admin/layout2/img/avatar3_small.jpg"/>
459
                                                <span class="username username-hide-on-mobile">
460
                                                Nick </span>
461
                                                <i class="fa fa-angle-down"></i>
462
                                                </a>
463
                                                <ul class="dropdown-menu dropdown-menu-default">
464
                                                        <li>
465
                                                                <a href="extra_profile.html">
466
                                                                <i class="icon-user"></i> My Profile </a>
467
                                                        </li>
468
                                                        <li>
469
                                                                <a href="page_calendar.html">
470
                                                                <i class="icon-calendar"></i> My Calendar </a>
471
                                                        </li>
472
                                                        <li>
473
                                                                <a href="inbox.html">
474
                                                                <i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
475
                                                                3 </span>
476
                                                                </a>
477
                                                        </li>
478
                                                        <li>
479
                                                                <a href="page_todo.html">
480
                                                                <i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
481
                                                                7 </span>
482
                                                                </a>
483
                                                        </li>
484
                                                        <li class="divider">
485
                                                        </li>
486
                                                        <li>
487
                                                                <a href="extra_lock.html">
488
                                                                <i class="icon-lock"></i> Lock Screen </a>
489
                                                        </li>
490
                                                        <li>
491
                                                                <a href="login.html">
492
                                                                <i class="icon-key"></i> Log Out </a>
493
                                                        </li>
494
                                                </ul>
495
                                        </li>
496
                                        <!-- END USER LOGIN DROPDOWN -->
497
                                </ul>
498
                        </div>
499
                        <!-- END TOP NAVIGATION MENU -->
500
                </div>
501
                <!-- END PAGE TOP -->
502
        </div>
503
        <!-- END HEADER INNER -->
504
</div>
505
<!-- END HEADER -->
506
<div class="clearfix">
507
</div>
508
<div class="container">
509
        <!-- BEGIN CONTAINER -->
510
        <div class="page-container">
511
                <!-- BEGIN SIDEBAR -->
512
                <div class="page-sidebar navbar-collapse collapse">
513
                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
514
                        <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
515
                        <!-- BEGIN SIDEBAR MENU1 -->
516
                        <ul class="page-sidebar-menu page-sidebar-menu-hover-submenu " data-auto-scroll="true" data-slide-speed="200">
517
                                <li class="start ">
518
                                        <a href="index.html">
519
                                        <i class="glyphicon glyphicon-home"></i>
520
                                        <span class="title">Dashboard</span>
521
                                        </a>
522
                                </li>
523
                                <li>
524
                                        <a href="javascript:;">
525
                                        <i class="glyphicon glyphicon-shopping-cart"></i>
526
                                        <span class="title">eCommerce</span>
527
                                        <span class="arrow "></span>
528
                                        </a>
529
                                        <ul class="sub-menu">
530
                                                <li>
531
                                                        <a href="ecommerce_index.html">
532
                                                        <i class="glyphicon glyphicon-ok"></i>
533
                                                        Dashboard</a>
534
                                                </li>
535
                                                <li>
536
                                                        <a href="ecommerce_orders.html">
537
                                                        <i class="glyphicon glyphicon-cog"></i>
538
                                                        Orders</a>
539
                                                </li>
540
                                                <li>
541
                                                        <a href="ecommerce_orders_view.html">
542
                                                        <i class="glyphicon glyphicon-repeat"></i>
543
                                                        Order View</a>
544
                                                </li>
545
                                                <li>
546
                                                        <a href="ecommerce_products.html">
547
                                                        <i class="glyphicon glyphicon-volume-up"></i>
548
                                                        Products</a>
549
                                                </li>
550
                                                <li>
551
                                                        <a href="ecommerce_products_edit.html">
552
                                                        <i class="glyphicon glyphicon-tint"></i>
553
                                                        Product Edit</a>
554
                                                </li>
555
                                        </ul>
556
                                </li>
557
                                <li class="active open">
558
                                        <a href="javascript:;">
559
                                        <i class="glyphicon glyphicon-gift"></i>
560
                                        <span class="title">Page Layouts</span>
561
                                        <span class="selected"></span>
562
                                        <span class="arrow open"></span>
563
                                        </a>
564
                                        <ul class="sub-menu">
565
                                                <li>
566
                                                        <a href="layout_fontawesome_icons.html">
567
                                                        <span class="badge badge-roundless badge-danger">new</span>Layout with Fontawesome Icons</a>
568
                                                </li>
569
                                                <li class="active">
570
                                                        <a href="layout_glyphicons.html">
571
                                                        Layout with Glyphicon</a>
572
                                                </li>
573
                                                <li>
574
                                                        <a href="layout_full_height_content.html">
575
                                                        <span class="badge badge-roundless badge-warning">new</span>Full Height Content</a>
576
                                                </li>
577
                                                <li>
578
                                                        <a href="layout_sidebar_reversed.html">
579
                                                        <span class="badge badge-roundless badge-warning">new</span>Right Sidebar Page</a>
580
                                                </li>
581
                                                <li>
582
                                                        <a href="layout_sidebar_fixed.html">
583
                                                        Sidebar Fixed Page</a>
584
                                                </li>
585
                                                <li>
586
                                                        <a href="layout_sidebar_closed.html">
587
                                                        Sidebar Closed Page</a>
588
                                                </li>
589
                                                <li>
590
                                                        <a href="layout_ajax.html">
591
                                                        Content Loading via Ajax</a>
592
                                                </li>
593
                                                <li>
594
                                                        <a href="layout_disabled_menu.html">
595
                                                        Disabled Menu Links</a>
596
                                                </li>
597
                                                <li>
598
                                                        <a href="layout_blank_page.html">
599
                                                        Blank Page</a>
600
                                                </li>
601
                                                <li>
602
                                                        <a href="layout_fluid_page.html">
603
                                                        Fluid Page</a>
604
                                                </li>
605
                                                <li>
606
                                                        <a href="layout_language_bar.html">
607
                                                        Language Switch Bar</a>
608
                                                </li>
609
                                        </ul>
610
                                </li>
611
                                <li>
612
                                        <a href="javascript:;">
613
                                        <i class="glyphicon glyphicon-time"></i>
614
                                        <span class="title">UI Features</span>
615
                                        <span class="arrow "></span>
616
                                        </a>
617
                                        <ul class="sub-menu">
618
                                                <li>
619
                                                        <a href="ui_general.html">
620
                                                        General Components</a>
621
                                                </li>
622
                                                <li>
623
                                                        <a href="ui_buttons.html">
624
                                                        Buttons</a>
625
                                                </li>
626
                                                <li>
627
                                                        <a href="ui_icons.html">
628
                                                        <span class="badge badge-roundless badge-danger">new</span>Font Icons</a>
629
                                                </li>
630
                                                <li>
631
                                                        <a href="ui_colors.html">
632
                                                        Flat UI Colors</a>
633
                                                </li>
634
                                                <li>
635
                                                        <a href="ui_typography.html">
636
                                                        Typography</a>
637
                                                </li>
638
                                                <li>
639
                                                        <a href="ui_tabs_accordions_navs.html">
640
                                                        Tabs, Accordions &amp; Navs</a>
641
                                                </li>
642
                                                <li>
643
                                                        <a href="ui_tree.html">
644
                                                        <span class="badge badge-roundless badge-danger">new</span>Tree View</a>
645
                                                </li>
646
                                                <li>
647
                                                        <a href="ui_page_progress_style_1.html">
648
                                                        <span class="badge badge-roundless badge-warning">new</span>Page Progress Bar</a>
649
                                                </li>
650
                                                <li>
651
                                                        <a href="ui_blockui.html">
652
                                                        Block UI</a>
653
                                                </li>
654
                                                <li>
655
                                                        <a href="ui_notific8.html">
656
                                                        Notific8 Notifications</a>
657
                                                </li>
658
                                                <li>
659
                                                        <a href="ui_toastr.html">
660
                                                        Toastr Notifications</a>
661
                                                </li>
662
                                                <li>
663
                                                        <a href="ui_alert_dialog_api.html">
664
                                                        <span class="badge badge-roundless badge-danger">new</span>Alerts &amp; Dialogs API</a>
665
                                                </li>
666
                                                <li>
667
                                                        <a href="ui_session_timeout.html">
668
                                                        Session Timeout</a>
669
                                                </li>
670
                                                <li>
671
                                                        <a href="ui_idle_timeout.html">
672
                                                        User Idle Timeout</a>
673
                                                </li>
674
                                                <li>
675
                                                        <a href="ui_modals.html">
676
                                                        Modals</a>
677
                                                </li>
678
                                                <li>
679
                                                        <a href="ui_extended_modals.html">
680
                                                        Extended Modals</a>
681
                                                </li>
682
                                                <li>
683
                                                        <a href="ui_tiles.html">
684
                                                        Tiles</a>
685
                                                </li>
686
                                                <li>
687
                                                        <a href="ui_datepaginator.html">
688
                                                        <span class="badge badge-roundless badge-success">new</span>Date Paginator</a>
689
                                                </li>
690
                                                <li>
691
                                                        <a href="ui_nestable.html">
692
                                                        Nestable List</a>
693
                                                </li>
694
                                        </ul>
695
                                </li>
696
                                <li>
697
                                        <a href="javascript:;">
698
                                        <i class="glyphicon glyphicon-th-list"></i>
699
                                        <span class="title">UI Components</span>
700
                                        <span class="arrow "></span>
701
                                        </a>
702
                                        <ul class="sub-menu">
703
                                                <li>
704
                                                        <a href="components_pickers.html">
705
                                                        Date & Time Pickers</a>
706
                                                </li>
707
                                                <li>
708
                                                        <a href="components_dropdowns.html">
709
                                                        Custom Dropdowns</a>
710
                                                </li>
711
                                                <li>
712
                                                        <a href="components_form_tools.html">
713
                                                        Form Tools</a>
714
                                                </li>
715
                                                <li>
716
                                                        <a href="components_editors.html">
717
                                                        Markdown &amp; WYSIWYG Editors</a>
718
                                                </li>
719
                                                <li>
720
                                                        <a href="components_ion_sliders.html">
721
                                                        Ion Range Sliders</a>
722
                                                </li>
723
                                                <li>
724
                                                        <a href="components_noui_sliders.html">
725
                                                        NoUI Range Sliders</a>
726
                                                </li>
727
                                                <li>
728
                                                        <a href="components_jqueryui_sliders.html">
729
                                                        jQuery UI Sliders</a>
730
                                                </li>
731
                                                <li>
732
                                                        <a href="components_knob_dials.html">
733
                                                        Knob Circle Dials</a>
734
                                                </li>
735
                                        </ul>
736
                                </li>
737
                                <li>
738
                                        <a href="javascript:;">
739
                                        <i class="glyphicon glyphicon-glass "></i>
740
                                        <span class="title">Form Stuff</span>
741
                                        <span class="arrow "></span>
742
                                        </a>
743
                                        <ul class="sub-menu">
744
                                                <li>
745
                                                        <a href="form_controls.html">
746
                                                        Form Controls</a>
747
                                                </li>
748
                                                <li>
749
                                                        <a href="form_layouts.html">
750
                                                        Form Layouts</a>
751
                                                </li>
752
                                                <li>
753
                                                        <a href="form_editable.html">
754
                                                        <span class="badge badge-roundless badge-warning">new</span>Form X-editable</a>
755
                                                </li>
756
                                                <li>
757
                                                        <a href="form_wizard.html">
758
                                                        Form Wizard</a>
759
                                                </li>
760
                                                <li>
761
                                                        <a href="form_validation.html">
762
                                                        Form Validation</a>
763
                                                </li>
764
                                                <li>
765
                                                        <a href="form_image_crop.html">
766
                                                        <span class="badge badge-roundless badge-danger">new</span>Image Cropping</a>
767
                                                </li>
768
                                                <li>
769
                                                        <a href="form_fileupload.html">
770
                                                        Multiple File Upload</a>
771
                                                </li>
772
                                                <li>
773
                                                        <a href="form_dropzone.html">
774
                                                        Dropzone File Upload</a>
775
                                                </li>
776
                                        </ul>
777
                                </li>
778
                                <li>
779
                                        <a href="javascript:;">
780
                                        <i class="glyphicon glyphicon-book"></i>
781
                                        <span class="title">Data Tables</span>
782
                                        <span class="arrow "></span>
783
                                        </a>
784
                                        <ul class="sub-menu">
785
                                                <li>
786
                                                        <a href="table_basic.html">
787
                                                        Basic Datatables</a>
788
                                                </li>
789
                                                <li>
790
                                                        <a href="table_responsive.html">
791
                                                        Responsive Datatables</a>
792
                                                </li>
793
                                                <li>
794
                                                        <a href="table_managed.html">
795
                                                        Managed Datatables</a>
796
                                                </li>
797
                                                <li>
798
                                                        <a href="table_editable.html">
799
                                                        Editable Datatables</a>
800
                                                </li>
801
                                                <li>
802
                                                        <a href="table_advanced.html">
803
                                                        Advanced Datatables</a>
804
                                                </li>
805
                                                <li>
806
                                                        <a href="table_ajax.html">
807
                                                        Ajax Datatables</a>
808
                                                </li>
809
                                        </ul>
810
                                </li>
811
                                <li>
812
                                        <a href="javascript:;">
813
                                        <i class="glyphicon glyphicon-folder-close"></i>
814
                                        <span class="title">Portlets</span>
815
                                        <span class="arrow "></span>
816
                                        </a>
817
                                        <ul class="sub-menu">
818
                                                <li>
819
                                                        <a href="portlet_general.html">
820
                                                        General Portlets</a>
821
                                                </li>
822
                                                <li>
823
                                                        <a href="portlet_general2.html">
824
                                                        <span class="badge badge-roundless badge-danger">new</span>New Portlets #1</a>
825
                                                </li>
826
                                                <li>
827
                                                        <a href="portlet_general3.html">
828
                                                        <span class="badge badge-roundless badge-danger">new</span>New Portlets #2</a>
829
                                                </li>
830
                                                <li>
831
                                                        <a href="portlet_ajax.html">
832
                                                        Ajax Portlets</a>
833
                                                </li>
834
                                                <li>
835
                                                        <a href="portlet_draggable.html">
836
                                                        Draggable Portlets</a>
837
                                                </li>
838
                                        </ul>
839
                                </li>
840
                                <li>
841
                                        <a href="javascript:;">
842
                                        <i class="glyphicon glyphicon-briefcase"></i>
843
                                        <span class="title">Pages</span>
844
                                        <span class="arrow "></span>
845
                                        </a>
846
                                        <ul class="sub-menu">
847
                                                <li>
848
                                                        <a href="page_todo.html">
849
                                                        <i class="glyphicon glyphicon-share-alt"></i>
850
                                                        <span class="badge badge-danger">4</span>Todo</a>
851
                                                </li>
852
                                                <li>
853
                                                        <a href="inbox.html">
854
                                                        <i class="glyphicon glyphicon-certificate"></i>
855
                                                        <span class="badge badge-danger">4</span>Inbox</a>
856
                                                </li>
857
                                                <li>
858
                                                        <a href="extra_profile.html">
859
                                                        <i class="glyphicon glyphicon-paperclip"></i>
860
                                                        User Profile</a>
861
                                                </li>
862
                                                <li>
863
                                                        <a href="extra_lock.html">
864
                                                        <i class="glyphicon glyphicon-filter"></i>
865
                                                        Lock Screen</a>
866
                                                </li>
867
                                                <li>
868
                                                        <a href="extra_faq.html">
869
                                                        <i class="glyphicon glyphicon-usd"></i>
870
                                                        FAQ</a>
871
                                                </li>
872
                                                <li>
873
                                                        <a href="page_portfolio.html">
874
                                                        <i class="glyphicon glyphicon-tower"></i>
875
                                                        Portfolio</a>
876
                                                </li>
877
                                                <li>
878
                                                        <a href="page_timeline_old.html">
879
                                                        <i class="glyphicon glyphicon-send"></i>
880
                                                        <span class="badge badge-info">4</span>Old Timeline</a>
881
                                                </li>
882
                                                <li>
883
                                                        <a href="page_coming_soon.html">
884
                                                        <i class="glyphicon glyphicon-tree-conifer"></i>
885
                                                        Coming Soon</a>
886
                                                </li>
887
                                                <li>
888
                                                        <a href="page_calendar.html">
889
                                                        <i class="glyphicon glyphicon-fire"></i>
890
                                                        <span class="badge badge-danger">14</span>Calendar</a>
891
                                                </li>
892
                                                <li>
893
                                                        <a href="extra_invoice.html">
894
                                                        <i class="glyphicon glyphicon-tint"></i>
895
                                                        Invoice</a>
896
                                                </li>
897
                                                <li>
898
                                                        <a href="page_blog.html">
899
                                                        <i class="glyphicon glyphicon-map-marker"></i>
900
                                                        Blog</a>
901
                                                </li>
902
                                                <li>
903
                                                        <a href="page_blog_item.html">
904
                                                        <i class="glyphicon glyphicon-print"></i>
905
                                                        Blog Post</a>
906
                                                </li>
907
                                                <li>
908
                                                        <a href="page_news.html">
909
                                                        <i class="glyphicon glyphicon-bookmark"></i>
910
                                                        <span class="badge badge-success">9</span>News</a>
911
                                                </li>
912
                                                <li>
913
                                                        <a href="page_news_item.html">
914
                                                        <i class="glyphicon glyphicon-bold"></i>
915
                                                        News View</a>
916
                                                </li>
917
                                        </ul>
918
                                </li>
919
                                <li>
920
                                        <a href="javascript:;">
921
                                        <i class="glyphicon glyphicon-th"></i>
922
                                        <span class="title">Extra</span>
923
                                        <span class="arrow "></span>
924
                                        </a>
925
                                        <ul class="sub-menu">
926
                                                <li>
927
                                                        <a href="page_about.html">
928
                                                        About Us</a>
929
                                                </li>
930
                                                <li>
931
                                                        <a href="page_contact.html">
932
                                                        Contact Us</a>
933
                                                </li>
934
                                                <li>
935
                                                        <a href="extra_search.html">
936
                                                        Search Results</a>
937
                                                </li>
938
                                                <li>
939
                                                        <a href="extra_pricing_table.html">
940
                                                        Pricing Tables</a>
941
                                                </li>
942
                                                <li>
943
                                                        <a href="extra_404_option1.html">
944
                                                        404 Page Option 1</a>
945
                                                </li>
946
                                                <li>
947
                                                        <a href="extra_404_option2.html">
948
                                                        404 Page Option 2</a>
949
                                                </li>
950
                                                <li>
951
                                                        <a href="extra_404_option3.html">
952
                                                        404 Page Option 3</a>
953
                                                </li>
954
                                                <li>
955
                                                        <a href="extra_500_option1.html">
956
                                                        500 Page Option 1</a>
957
                                                </li>
958
                                                <li>
959
                                                        <a href="extra_500_option2.html">
960
                                                        500 Page Option 2</a>
961
                                                </li>
962
                                        </ul>
963
                                </li>
964
                                <li>
965
                                        <a href="javascript:;">
966
                                        <i class="glyphicon glyphicon-star-empty"></i>
967
                                        <span class="title">Multi Level Menu</span>
968
                                        <span class="arrow "></span>
969
                                        </a>
970
                                        <ul class="sub-menu">
971
                                                <li>
972
                                                        <a href="javascript:;">
973
                                                        <i class="glyphicon glyphicon-cloud"></i> Item 1 <span class="arrow"></span>
974
                                                        </a>
975
                                                        <ul class="sub-menu">
976
                                                                <li>
977
                                                                        <a href="javascript:;">
978
                                                                        <i class="glyphicon glyphicon-camera"></i>
979
                                                                        Sample Link 1 <span class="arrow"></span>
980
                                                                        </a>
981
                                                                        <ul class="sub-menu">
982
                                                                                <li>
983
                                                                                        <a href="#"><i class="glyphicon glyphicon-list-alt"></i> Sample Link 1</a>
984
                                                                                </li>
985
                                                                                <li>
986
                                                                                        <a href="#"><i class="glyphicon glyphicon-play-circle"></i> Sample Link 1</a>
987
                                                                                </li>
988
                                                                                <li>
989
                                                                                        <a href="#"><i class="glyphicon glyphicon-bold"></i> Sample Link 1</a>
990
                                                                                </li>
991
                                                                        </ul>
992
                                                                </li>
993
                                                                <li>
994
                                                                        <a href="#"><i class="glyphicon glyphicon-adjust"></i> Sample Link 1</a>
995
                                                                </li>
996
                                                                <li>
997
                                                                        <a href="#"><i class="glyphicon glyphicon-gift"></i> Sample Link 2</a>
998
                                                                </li>
999
                                                                <li>
1000
                                                                        <a href="#"><i class="glyphicon glyphicon-comment"></i> Sample Link 3</a>
1001
                                                                </li>
1002
                                                        </ul>
1003
                                                </li>
1004
                                                <li>
1005
                                                        <a href="javascript:;">
1006
                                                        <i class="icon-globe"></i> Item 2 <span class="arrow"></span>
1007
                                                        </a>
1008
                                                        <ul class="sub-menu">
1009
                                                                <li>
1010
                                                                        <a href="#"><i class="glyphicon glyphicon-shopping-cart"></i> Sample Link 1</a>
1011
                                                                </li>
1012
                                                                <li>
1013
                                                                        <a href="#"><i class="glyphicon glyphicon-pushpin"></i> Sample Link 1</a>
1014
                                                                </li>
1015
                                                                <li>
1016
                                                                        <a href="#"><i class="glyphicon glyphicon-record"></i> Sample Link 1</a>
1017
                                                                </li>
1018
                                                        </ul>
1019
                                                </li>
1020
                                                <li>
1021
                                                        <a href="#">
1022
                                                        <i class="glyphicon glyphicon-pushpin"></i>
1023
                                                        Item 3 </a>
1024
                                                </li>
1025
                                        </ul>
1026
                                </li>
1027
                                <li>
1028
                                        <a href="javascript:;">
1029
                                        <i class="glyphicon glyphicon-headphones"></i>
1030
                                        <span class="title">Login Options</span>
1031
                                        <span class="arrow "></span>
1032
                                        </a>
1033
                                        <ul class="sub-menu">
1034
                                                <li>
1035
                                                        <a href="login.html">
1036
                                                        Login Form 1</a>
1037
                                                </li>
1038
                                                <li>
1039
                                                        <a href="login_soft.html">
1040
                                                        Login Form 2</a>
1041
                                                </li>
1042
                                        </ul>
1043
                                </li>
1044
                                <li>
1045
                                        <a href="javascript:;">
1046
                                        <i class="glyphicon glyphicon-bookmark"></i>
1047
                                        <span class="title">Email Templates</span>
1048
                                        <span class="arrow "></span>
1049
                                        </a>
1050
                                        <ul class="sub-menu">
1051
                                                <li>
1052
                                                        <a href="email_newsletter.html">
1053
                                                        Responsive Newsletter<br>
1054
                                                         Email Template</a>
1055
                                                </li>
1056
                                                <li>
1057
                                                        <a href="email_system.html">
1058
                                                        Responsive System<br>
1059
                                                         Email Template</a>
1060
                                                </li>
1061
                                        </ul>
1062
                                </li>
1063
                                <li>
1064
                                        <a href="javascript:;">
1065
                                        <i class="glyphicon glyphicon-tint"></i>
1066
                                        <span class="title">Maps</span>
1067
                                        <span class="arrow "></span>
1068
                                        </a>
1069
                                        <ul class="sub-menu">
1070
                                                <li>
1071
                                                        <a href="maps_google.html">
1072
                                                        Google Maps</a>
1073
                                                </li>
1074
                                                <li>
1075
                                                        <a href="maps_vector.html">
1076
                                                        Vector Maps</a>
1077
                                                </li>
1078
                                        </ul>
1079
                                </li>
1080
                                <li class="last ">
1081
                                        <a href="charts.html">
1082
                                        <i class="glyphicon glyphicon-picture"></i>
1083
                                        <span class="title">Visual Charts</span>
1084
                                        </a>
1085
                                </li>
1086
                        </ul>
1087
                        <!-- END SIDEBAR MENU1 -->
1088
                </div>
1089
                <!-- END SIDEBAR -->
1090
                <!-- BEGIN CONTENT -->
1091
                <div class="page-content-wrapper">
1092
                        <div class="page-content">
1093
                                <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
1094
                                <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
1095
                                        <div class="modal-dialog">
1096
                                                <div class="modal-content">
1097
                                                        <div class="modal-header">
1098
                                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
1099
                                                                <h4 class="modal-title">Modal title</h4>
1100
                                                        </div>
1101
                                                        <div class="modal-body">
1102
                                                                 Widget settings form goes here
1103
                                                        </div>
1104
                                                        <div class="modal-footer">
1105
                                                                <button type="button" class="btn blue">Save changes</button>
1106
                                                                <button type="button" class="btn default" data-dismiss="modal">Close</button>
1107
                                                        </div>
1108
                                                </div>
1109
                                                <!-- /.modal-content -->
1110
                                        </div>
1111
                                        <!-- /.modal-dialog -->
1112
                                </div>
1113
                                <!-- /.modal -->
1114
                                <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
1115
                                <!-- BEGIN STYLE CUSTOMIZER -->
1116
                                <div class="theme-panel">
1117
                                        <div class="toggler tooltips" data-container="body" data-placement="left" data-html="true" data-original-title="Click to open advance theme customizer panel">
1118
                                                <i class="icon-settings"></i>
1119
                                        </div>
1120
                                        <div class="toggler-close">
1121
                                                <i class="icon-close"></i>
1122
                                        </div>
1123
                                        <div class="theme-options">
1124
                                                <div class="theme-option theme-colors clearfix">
1125
                                                        <span>
1126
                                                        THEME COLOR </span>
1127
                                                        <ul>
1128
                                                                <li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default">
1129
                                                                </li>
1130
                                                                <li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey">
1131
                                                                </li>
1132
                                                                <li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue">
1133
                                                                </li>
1134
                                                                <li class="color-dark tooltips" data-style="dark" data-container="body" data-original-title="Dark">
1135
                                                                </li>
1136
                                                                <li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light">
1137
                                                                </li>
1138
                                                        </ul>
1139
                                                </div>
1140
                                                <div class="theme-option">
1141
                                                        <span>
1142
                                                        Theme Style </span>
1143
                                                        <select class="layout-style-option form-control input-small">
1144
                                                                <option value="square" selected="selected">Square corners</option>
1145
                                                                <option value="rounded">Rounded corners</option>
1146
                                                        </select>
1147
                                                </div>
1148
                                                <div class="theme-option">
1149
                                                        <span>
1150
                                                        Layout </span>
1151
                                                        <select class="layout-option form-control input-small">
1152
                                                                <option value="fluid" selected="selected">Fluid</option>
1153
                                                                <option value="boxed">Boxed</option>
1154
                                                        </select>
1155
                                                </div>
1156
                                                <div class="theme-option">
1157
                                                        <span>
1158
                                                        Header </span>
1159
                                                        <select class="page-header-option form-control input-small">
1160
                                                                <option value="fixed" selected="selected">Fixed</option>
1161
                                                                <option value="default">Default</option>
1162
                                                        </select>
1163
                                                </div>
1164
                                                <div class="theme-option">
1165
                                                        <span>
1166
                                                        Top Dropdown</span>
1167
                                                        <select class="page-header-top-dropdown-style-option form-control input-small">
1168
                                                                <option value="light" selected="selected">Light</option>
1169
                                                                <option value="dark">Dark</option>
1170
                                                        </select>
1171
                                                </div>
1172
                                                <div class="theme-option">
1173
                                                        <span>
1174
                                                        Sidebar Mode</span>
1175
                                                        <select class="sidebar-option form-control input-small">
1176
                                                                <option value="fixed">Fixed</option>
1177
                                                                <option value="default" selected="selected">Default</option>
1178
                                                        </select>
1179
                                                </div>
1180
                                                <div class="theme-option">
1181
                                                        <span>
1182
                                                        Sidebar Style</span>
1183
                                                        <select class="sidebar-style-option form-control input-small">
1184
                                                                <option value="default" selected="selected">Default</option>
1185
                                                                <option value="compact">Compact</option>
1186
                                                        </select>
1187
                                                </div>
1188
                                                <div class="theme-option">
1189
                                                        <span>
1190
                                                        Sidebar Menu </span>
1191
                                                        <select class="sidebar-menu-option form-control input-small">
1192
                                                                <option value="accordion" selected="selected">Accordion</option>
1193
                                                                <option value="hover">Hover</option>
1194
                                                        </select>
1195
                                                </div>
1196
                                                <div class="theme-option">
1197
                                                        <span>
1198
                                                        Sidebar Position </span>
1199
                                                        <select class="sidebar-pos-option form-control input-small">
1200
                                                                <option value="left" selected="selected">Left</option>
1201
                                                                <option value="right">Right</option>
1202
                                                        </select>
1203
                                                </div>
1204
                                                <div class="theme-option">
1205
                                                        <span>
1206
                                                        Footer </span>
1207
                                                        <select class="page-footer-option form-control input-small">
1208
                                                                <option value="fixed">Fixed</option>
1209
                                                                <option value="default" selected="selected">Default</option>
1210
                                                        </select>
1211
                                                </div>
1212
                                        </div>
1213
                                </div>
1214
                                <!-- END STYLE CUSTOMIZER -->
1215
                                <!-- BEGIN PAGE HEADER-->
1216
                                <h3 class="page-title">
1217
                                Layout with Glyphicon <small>glyphicon icon support in sidebar and header menus</small>
1218
                                </h3>
1219
                                <div class="page-bar">
1220
                                        <ul class="page-breadcrumb">
1221
                                                <li>
1222
                                                        <i class="fa fa-home"></i>
1223
                                                        <a href="index.html">Home</a>
1224
                                                        <i class="fa fa-angle-right"></i>
1225
                                                </li>
1226
                                                <li>
1227
                                                        <a href="#">Page Layouts</a>
1228
                                                        <i class="fa fa-angle-right"></i>
1229
                                                </li>
1230
                                                <li>
1231
                                                        <a href="#">Layout with Glyphicon</a>
1232
                                                </li>
1233
                                        </ul>
1234
                                        <div class="page-toolbar">
1235
                                                <div class="btn-group pull-right">
1236
                                                        <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">
1237
                                                        Actions <i class="fa fa-angle-down"></i>
1238
                                                        </button>
1239
                                                        <ul class="dropdown-menu pull-right" role="menu">
1240
                                                                <li>
1241
                                                                        <a href="#">Action</a>
1242
                                                                </li>
1243
                                                                <li>
1244
                                                                        <a href="#">Another action</a>
1245
                                                                </li>
1246
                                                                <li>
1247
                                                                        <a href="#">Something else here</a>
1248
                                                                </li>
1249
                                                                <li class="divider">
1250
                                                                </li>
1251
                                                                <li>
1252
                                                                        <a href="#">Separated link</a>
1253
                                                                </li>
1254
                                                        </ul>
1255
                                                </div>
1256
                                        </div>
1257
                                </div>
1258
                                <!-- END PAGE HEADER-->
1259
                                <!-- BEGIN PAGE CONTENT-->
1260
                                <div class="portlet light">
1261
                                        <div class="portlet-body">
1262
                                                <div class="row">
1263
                                                        <div class="col-md-12">
1264
                                                                <p>
1265
                                                                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
1266
                                                                </p>
1267
                                                                <p>
1268
                                                                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
1269
                                                                </p>
1270
                                                                <p>
1271
                                                                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
1272
                                                                </p>
1273
                                                        </div>
1274
                                                </div>
1275
                                        </div>
1276
                                </div>
1277
                                <div class="row">
1278
                                        <div class="col-md-6">
1279
                                                <!-- BEGIN SAMPLE TABLE PORTLET-->
1280
                                                <div class="portlet box blue-hoki">
1281
                                                        <div class="portlet-title">
1282
                                                                <div class="caption">
1283
                                                                        <i class="glyphicon glyphicon-cog"></i>Simple Table
1284
                                                                </div>
1285
                                                                <div class="tools">
1286
                                                                        <a href="javascript:;" class="collapse">
1287
                                                                        </a>
1288
                                                                        <a href="#portlet-config" data-toggle="modal" class="config">
1289
                                                                        </a>
1290
                                                                        <a href="javascript:;" class="reload">
1291
                                                                        </a>
1292
                                                                        <a href="javascript:;" class="remove">
1293
                                                                        </a>
1294
                                                                </div>
1295
                                                        </div>
1296
                                                        <div class="portlet-body">
1297
                                                                <table class="table table-hover">
1298
                                                                <thead>
1299
                                                                <tr>
1300
                                                                        <th>
1301
                                                                                 #
1302
                                                                        </th>
1303
                                                                        <th>
1304
                                                                                 First Name
1305
                                                                        </th>
1306
                                                                        <th>
1307
                                                                                 Last Name
1308
                                                                        </th>
1309
                                                                        <th class="hidden-480">
1310
                                                                                 Username
1311
                                                                        </th>
1312
                                                                        <th>
1313
                                                                                 Status
1314
                                                                        </th>
1315
                                                                </tr>
1316
                                                                </thead>
1317
                                                                <tbody>
1318
                                                                <tr>
1319
                                                                        <td>
1320
                                                                                 1
1321
                                                                        </td>
1322
                                                                        <td>
1323
                                                                                 Mark
1324
                                                                        </td>
1325
                                                                        <td>
1326
                                                                                 Otto
1327
                                                                        </td>
1328
                                                                        <td class="hidden-480">
1329
                                                                                 makr124
1330
                                                                        </td>
1331
                                                                        <td>
1332
                                                                                <span class="label label-success">
1333
                                                                                Approved </span>
1334
                                                                        </td>
1335
                                                                </tr>
1336
                                                                <tr>
1337
                                                                        <td>
1338
                                                                                 2
1339
                                                                        </td>
1340
                                                                        <td>
1341
                                                                                 Jacob
1342
                                                                        </td>
1343
                                                                        <td>
1344
                                                                                 Nilson
1345
                                                                        </td>
1346
                                                                        <td class="hidden-480">
1347
                                                                                 jac123
1348
                                                                        </td>
1349
                                                                        <td>
1350
                                                                                <span class="label label-info">
1351
                                                                                Pending </span>
1352
                                                                        </td>
1353
                                                                </tr>
1354
                                                                <tr>
1355
                                                                        <td>
1356
                                                                                 3
1357
                                                                        </td>
1358
                                                                        <td>
1359
                                                                                 Larry
1360
                                                                        </td>
1361
                                                                        <td>
1362
                                                                                 Cooper
1363
                                                                        </td>
1364
                                                                        <td class="hidden-480">
1365
                                                                                 lar
1366
                                                                        </td>
1367
                                                                        <td>
1368
                                                                                <span class="label label-warning">
1369
                                                                                Suspended </span>
1370
                                                                        </td>
1371
                                                                </tr>
1372
                                                                <tr>
1373
                                                                        <td>
1374
                                                                                 3
1375
                                                                        </td>
1376
                                                                        <td>
1377
                                                                                 Sandy
1378
                                                                        </td>
1379
                                                                        <td>
1380
                                                                                 Lim
1381
                                                                        </td>
1382
                                                                        <td class="hidden-480">
1383
                                                                                 sanlim
1384
                                                                        </td>
1385
                                                                        <td>
1386
                                                                                <span class="label label-danger">
1387
                                                                                Blocked </span>
1388
                                                                        </td>
1389
                                                                </tr>
1390
                                                                </tbody>
1391
                                                                </table>
1392
                                                        </div>
1393
                                                </div>
1394
                                                <!-- END SAMPLE TABLE PORTLET-->
1395
                                        </div>
1396
                                        <div class="col-md-6">
1397
                                                <!-- BEGIN BORDERED TABLE PORTLET-->
1398
                                                <div class="portlet box yellow-crusta">
1399
                                                        <div class="portlet-title">
1400
                                                                <div class="caption">
1401
                                                                        <i class="glyphicon glyphicon-star-empty"></i>Bordered Table
1402
                                                                </div>
1403
                                                                <div class="tools">
1404
                                                                        <a href="javascript:;" class="collapse">
1405
                                                                        </a>
1406
                                                                        <a href="#portlet-config" data-toggle="modal" class="config">
1407
                                                                        </a>
1408
                                                                        <a href="javascript:;" class="reload">
1409
                                                                        </a>
1410
                                                                        <a href="javascript:;" class="remove">
1411
                                                                        </a>
1412
                                                                </div>
1413
                                                        </div>
1414
                                                        <div class="portlet-body">
1415
                                                                <table class="table table-bordered table-hover">
1416
                                                                <thead>
1417
                                                                <tr>
1418
                                                                        <th>
1419
                                                                                 #
1420
                                                                        </th>
1421
                                                                        <th>
1422
                                                                                 First Name
1423
                                                                        </th>
1424
                                                                        <th>
1425
                                                                                 Last Name
1426
                                                                        </th>
1427
                                                                        <th class="hidden-480">
1428
                                                                                 Username
1429
                                                                        </th>
1430
                                                                        <th>
1431
                                                                                 Status
1432
                                                                        </th>
1433
                                                                </tr>
1434
                                                                </thead>
1435
                                                                <tbody>
1436
                                                                <tr>
1437
                                                                        <td>
1438
                                                                                 1
1439
                                                                        </td>
1440
                                                                        <td>
1441
                                                                                 Mark
1442
                                                                        </td>
1443
                                                                        <td>
1444
                                                                                 Otto
1445
                                                                        </td>
1446
                                                                        <td class="hidden-480">
1447
                                                                                 makr124
1448
                                                                        </td>
1449
                                                                        <td>
1450
                                                                                <span class="label label-success">
1451
                                                                                Approved </span>
1452
                                                                        </td>
1453
                                                                </tr>
1454
                                                                <tr>
1455
                                                                        <td>
1456
                                                                                 2
1457
                                                                        </td>
1458
                                                                        <td>
1459
                                                                                 Jacob
1460
                                                                        </td>
1461
                                                                        <td>
1462
                                                                                 Nilson
1463
                                                                        </td>
1464
                                                                        <td class="hidden-480">
1465
                                                                                 jac123
1466
                                                                        </td>
1467
                                                                        <td>
1468
                                                                                <span class="label label-info">
1469
                                                                                Pending </span>
1470
                                                                        </td>
1471
                                                                </tr>
1472
                                                                <tr>
1473
                                                                        <td>
1474
                                                                                 3
1475
                                                                        </td>
1476
                                                                        <td>
1477
                                                                                 Larry
1478
                                                                        </td>
1479
                                                                        <td>
1480
                                                                                 Cooper
1481
                                                                        </td>
1482
                                                                        <td class="hidden-480">
1483
                                                                                 lar
1484
                                                                        </td>
1485
                                                                        <td>
1486
                                                                                <span class="label label-warning">
1487
                                                                                Suspended </span>
1488
                                                                        </td>
1489
                                                                </tr>
1490
                                                                <tr>
1491
                                                                        <td>
1492
                                                                                 3
1493
                                                                        </td>
1494
                                                                        <td>
1495
                                                                                 Sandy
1496
                                                                        </td>
1497
                                                                        <td>
1498
                                                                                 Lim
1499
                                                                        </td>
1500
                                                                        <td class="hidden-480">
1501
                                                                                 sanlim
1502
                                                                        </td>
1503
                                                                        <td>
1504
                                                                                <span class="label label-danger">
1505
                                                                                Blocked </span>
1506
                                                                        </td>
1507
                                                                </tr>
1508
                                                                </tbody>
1509
                                                                </table>
1510
                                                        </div>
1511
                                                </div>
1512
                                                <!-- END BORDERED TABLE PORTLET-->
1513
                                        </div>
1514
                                </div>
1515
                                <!-- END PAGE CONTENT-->
1516
                        </div>
1517
                </div>
1518
                <!-- END CONTENT -->
1519
                <!-- BEGIN QUICK SIDEBAR -->
1520
                <!--Cooming Soon...-->
1521
                <!-- END QUICK SIDEBAR -->
1522
        </div>
1523
        <!-- END CONTAINER -->
1524
        <!-- BEGIN FOOTER -->
1525
        <div class="page-footer">
1526
                <div class="page-footer-inner">
1527
                         2014 &copy; Metronic by keenthemes.
1528
                </div>
1529
                <div class="scroll-to-top">
1530
                        <i class="icon-arrow-up"></i>
1531
                </div>
1532
        </div>
1533
        <!-- END FOOTER -->
1534
</div>
1535
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
1536
<!-- BEGIN CORE PLUGINS -->
1537
<!--[if lt IE 9]>
1538
<script src="../../assets/global/plugins/respond.min.js"></script>
1539
<script src="../../assets/global/plugins/excanvas.min.js"></script> 
1540
<![endif]-->
1541
<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
1542
<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
1543
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
1544
<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
1545
<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
1546
<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
1547
<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
1548
<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
1549
<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
1550
<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
1551
<script src="../../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
1552
<!-- END CORE PLUGINS -->
1553
<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
1554
<script src="../../assets/admin/layout2/scripts/layout.js" type="text/javascript"></script>
1555
<script src="../../assets/admin/layout2/scripts/demo.js" type="text/javascript"></script>
1556
<script>
1557
    jQuery(document).ready(function() {    
1558
       Metronic.init(); // init metronic core components
1559
Layout.init(); // init current layout
1560
Demo.init(); // init demo features
1561
    });
1562
  </script>
1563
<!-- END JAVASCRIPTS -->
1564
</body>
1565
<!-- END BODY -->
1566
</html>