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.2.0
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 | Old Timeline</title>
22
<meta http-equiv="X-UA-Compatible" content="IE=edge">
23
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
24
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
25
<meta content="" name="description"/>
26
<meta content="" name="author"/>
27
<!-- BEGIN GLOBAL MANDATORY STYLES -->
28
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css">
29
<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
30
<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
31
<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
32
<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
33
<!-- END GLOBAL MANDATORY STYLES -->
34
<!-- BEGIN PAGE LEVEL STYLES -->
35
<link href="../../assets/admin/pages/css/timeline-old.css" rel="stylesheet" type="text/css"/>
36
<!-- END PAGE LEVEL STYLES -->
37
<!-- BEGIN THEME STYLES -->
38
<link href="../../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css">
39
<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css">
40
<link href="../../assets/admin/layout3/css/layout.css" rel="stylesheet" type="text/css">
41
<link href="../../assets/admin/layout3/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
42
<link href="../../assets/admin/layout3/css/custom.css" rel="stylesheet" type="text/css">
43
<!-- END THEME STYLES -->
44
<link rel="shortcut icon" href="favicon.ico"/>
45
</head>
46
<!-- END HEAD -->
47
<!-- BEGIN BODY -->
48
<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed  -->
49
<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed  -->
50
<body>
51
<!-- BEGIN HEADER -->
52
<div class="page-header">
53
        <!-- BEGIN HEADER TOP -->
54
        <div class="page-header-top">
55
                <div class="container">
56
                        <!-- BEGIN LOGO -->
57
                        <div class="page-logo">
58
                                <a href="index.html"><img src="../../assets/admin/layout3/img/logo-default.png" alt="logo" class="logo-default"></a>
59
                        </div>
60
                        <!-- END LOGO -->
61
                        <!-- BEGIN RESPONSIVE MENU TOGGLER -->
62
                        <a href="javascript:;" class="menu-toggler"></a>
63
                        <!-- END RESPONSIVE MENU TOGGLER -->
64
                        <!-- BEGIN TOP NAVIGATION MENU -->
65
                        <div class="top-menu">
66
                                <ul class="nav navbar-nav pull-right">
67
                                        <!-- BEGIN NOTIFICATION DROPDOWN -->
68
                                        <li class="dropdown dropdown-extended dropdown-dark dropdown-notification" id="header_notification_bar">
69
                                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
70
                                                <i class="icon-bell"></i>
71
                                                <span class="badge badge-default">7</span>
72
                                                </a>
73
                                                <ul class="dropdown-menu">
74
                                                        <li class="external">
75
                                                                <h3>You have <strong>12 pending</strong> tasks</h3>
76
                                                                <a href="javascript:;">view all</a>
77
                                                        </li>
78
                                                        <li>
79
                                                                <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
80
                                                                        <li>
81
                                                                                <a href="javascript:;">
82
                                                                                <span class="time">just now</span>
83
                                                                                <span class="details">
84
                                                                                <span class="label label-sm label-icon label-success">
85
                                                                                <i class="fa fa-plus"></i>
86
                                                                                </span>
87
                                                                                New user registered. </span>
88
                                                                                </a>
89
                                                                        </li>
90
                                                                        <li>
91
                                                                                <a href="javascript:;">
92
                                                                                <span class="time">3 mins</span>
93
                                                                                <span class="details">
94
                                                                                <span class="label label-sm label-icon label-danger">
95
                                                                                <i class="fa fa-bolt"></i>
96
                                                                                </span>
97
                                                                                Server #12 overloaded. </span>
98
                                                                                </a>
99
                                                                        </li>
100
                                                                        <li>
101
                                                                                <a href="javascript:;">
102
                                                                                <span class="time">10 mins</span>
103
                                                                                <span class="details">
104
                                                                                <span class="label label-sm label-icon label-warning">
105
                                                                                <i class="fa fa-bell-o"></i>
106
                                                                                </span>
107
                                                                                Server #2 not responding. </span>
108
                                                                                </a>
109
                                                                        </li>
110
                                                                        <li>
111
                                                                                <a href="javascript:;">
112
                                                                                <span class="time">14 hrs</span>
113
                                                                                <span class="details">
114
                                                                                <span class="label label-sm label-icon label-info">
115
                                                                                <i class="fa fa-bullhorn"></i>
116
                                                                                </span>
117
                                                                                Application error. </span>
118
                                                                                </a>
119
                                                                        </li>
120
                                                                        <li>
121
                                                                                <a href="javascript:;">
122
                                                                                <span class="time">2 days</span>
123
                                                                                <span class="details">
124
                                                                                <span class="label label-sm label-icon label-danger">
125
                                                                                <i class="fa fa-bolt"></i>
126
                                                                                </span>
127
                                                                                Database overloaded 68%. </span>
128
                                                                                </a>
129
                                                                        </li>
130
                                                                        <li>
131
                                                                                <a href="javascript:;">
132
                                                                                <span class="time">3 days</span>
133
                                                                                <span class="details">
134
                                                                                <span class="label label-sm label-icon label-danger">
135
                                                                                <i class="fa fa-bolt"></i>
136
                                                                                </span>
137
                                                                                A user IP blocked. </span>
138
                                                                                </a>
139
                                                                        </li>
140
                                                                        <li>
141
                                                                                <a href="javascript:;">
142
                                                                                <span class="time">4 days</span>
143
                                                                                <span class="details">
144
                                                                                <span class="label label-sm label-icon label-warning">
145
                                                                                <i class="fa fa-bell-o"></i>
146
                                                                                </span>
147
                                                                                Storage Server #4 not responding dfdfdfd. </span>
148
                                                                                </a>
149
                                                                        </li>
150
                                                                        <li>
151
                                                                                <a href="javascript:;">
152
                                                                                <span class="time">5 days</span>
153
                                                                                <span class="details">
154
                                                                                <span class="label label-sm label-icon label-info">
155
                                                                                <i class="fa fa-bullhorn"></i>
156
                                                                                </span>
157
                                                                                System Error. </span>
158
                                                                                </a>
159
                                                                        </li>
160
                                                                        <li>
161
                                                                                <a href="javascript:;">
162
                                                                                <span class="time">9 days</span>
163
                                                                                <span class="details">
164
                                                                                <span class="label label-sm label-icon label-danger">
165
                                                                                <i class="fa fa-bolt"></i>
166
                                                                                </span>
167
                                                                                Storage server failed. </span>
168
                                                                                </a>
169
                                                                        </li>
170
                                                                </ul>
171
                                                        </li>
172
                                                </ul>
173
                                        </li>
174
                                        <!-- END NOTIFICATION DROPDOWN -->
175
                                        <!-- BEGIN TODO DROPDOWN -->
176
                                        <li class="dropdown dropdown-extended dropdown-dark dropdown-tasks" id="header_task_bar">
177
                                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
178
                                                <i class="icon-calendar"></i>
179
                                                <span class="badge badge-default">3</span>
180
                                                </a>
181
                                                <ul class="dropdown-menu extended tasks">
182
                                                        <li class="external">
183
                                                                <h3>You have <strong>12 pending</strong> tasks</h3>
184
                                                                <a href="javascript:;">view all</a>
185
                                                        </li>
186
                                                        <li>
187
                                                                <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
188
                                                                        <li>
189
                                                                                <a href="javascript:;">
190
                                                                                <span class="task">
191
                                                                                <span class="desc">New release v1.2 </span>
192
                                                                                <span class="percent">30%</span>
193
                                                                                </span>
194
                                                                                <span class="progress">
195
                                                                                <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>
196
                                                                                </span>
197
                                                                                </a>
198
                                                                        </li>
199
                                                                        <li>
200
                                                                                <a href="javascript:;">
201
                                                                                <span class="task">
202
                                                                                <span class="desc">Application deployment</span>
203
                                                                                <span class="percent">65%</span>
204
                                                                                </span>
205
                                                                                <span class="progress">
206
                                                                                <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>
207
                                                                                </span>
208
                                                                                </a>
209
                                                                        </li>
210
                                                                        <li>
211
                                                                                <a href="javascript:;">
212
                                                                                <span class="task">
213
                                                                                <span class="desc">Mobile app release</span>
214
                                                                                <span class="percent">98%</span>
215
                                                                                </span>
216
                                                                                <span class="progress">
217
                                                                                <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>
218
                                                                                </span>
219
                                                                                </a>
220
                                                                        </li>
221
                                                                        <li>
222
                                                                                <a href="javascript:;">
223
                                                                                <span class="task">
224
                                                                                <span class="desc">Database migration</span>
225
                                                                                <span class="percent">10%</span>
226
                                                                                </span>
227
                                                                                <span class="progress">
228
                                                                                <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>
229
                                                                                </span>
230
                                                                                </a>
231
                                                                        </li>
232
                                                                        <li>
233
                                                                                <a href="javascript:;">
234
                                                                                <span class="task">
235
                                                                                <span class="desc">Web server upgrade</span>
236
                                                                                <span class="percent">58%</span>
237
                                                                                </span>
238
                                                                                <span class="progress">
239
                                                                                <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>
240
                                                                                </span>
241
                                                                                </a>
242
                                                                        </li>
243
                                                                        <li>
244
                                                                                <a href="javascript:;">
245
                                                                                <span class="task">
246
                                                                                <span class="desc">Mobile development</span>
247
                                                                                <span class="percent">85%</span>
248
                                                                                </span>
249
                                                                                <span class="progress">
250
                                                                                <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>
251
                                                                                </span>
252
                                                                                </a>
253
                                                                        </li>
254
                                                                        <li>
255
                                                                                <a href="javascript:;">
256
                                                                                <span class="task">
257
                                                                                <span class="desc">New UI release</span>
258
                                                                                <span class="percent">38%</span>
259
                                                                                </span>
260
                                                                                <span class="progress progress-striped">
261
                                                                                <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>
262
                                                                                </span>
263
                                                                                </a>
264
                                                                        </li>
265
                                                                </ul>
266
                                                        </li>
267
                                                </ul>
268
                                        </li>
269
                                        <!-- END TODO DROPDOWN -->
270
                                        <li class="droddown dropdown-separator">
271
                                                <span class="separator"></span>
272
                                        </li>
273
                                        <!-- BEGIN INBOX DROPDOWN -->
274
                                        <li class="dropdown dropdown-extended dropdown-dark dropdown-inbox" id="header_inbox_bar">
275
                                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
276
                                                <span class="circle">3</span>
277
                                                <span class="corner"></span>
278
                                                </a>
279
                                                <ul class="dropdown-menu">
280
                                                        <li class="external">
281
                                                                <h3>You have <strong>7 New</strong> Messages</h3>
282
                                                                <a href="javascript:;">view all</a>
283
                                                        </li>
284
                                                        <li>
285
                                                                <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
286
                                                                        <li>
287
                                                                                <a href="inbox.html?a=view">
288
                                                                                <span class="photo">
289
                                                                                <img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
290
                                                                                </span>
291
                                                                                <span class="subject">
292
                                                                                <span class="from">
293
                                                                                Lisa Wong </span>
294
                                                                                <span class="time">Just Now </span>
295
                                                                                </span>
296
                                                                                <span class="message">
297
                                                                                Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
298
                                                                                </a>
299
                                                                        </li>
300
                                                                        <li>
301
                                                                                <a href="inbox.html?a=view">
302
                                                                                <span class="photo">
303
                                                                                <img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
304
                                                                                </span>
305
                                                                                <span class="subject">
306
                                                                                <span class="from">
307
                                                                                Richard Doe </span>
308
                                                                                <span class="time">16 mins </span>
309
                                                                                </span>
310
                                                                                <span class="message">
311
                                                                                Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
312
                                                                                </a>
313
                                                                        </li>
314
                                                                        <li>
315
                                                                                <a href="inbox.html?a=view">
316
                                                                                <span class="photo">
317
                                                                                <img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
318
                                                                                </span>
319
                                                                                <span class="subject">
320
                                                                                <span class="from">
321
                                                                                Bob Nilson </span>
322
                                                                                <span class="time">2 hrs </span>
323
                                                                                </span>
324
                                                                                <span class="message">
325
                                                                                Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
326
                                                                                </a>
327
                                                                        </li>
328
                                                                        <li>
329
                                                                                <a href="inbox.html?a=view">
330
                                                                                <span class="photo">
331
                                                                                <img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
332
                                                                                </span>
333
                                                                                <span class="subject">
334
                                                                                <span class="from">
335
                                                                                Lisa Wong </span>
336
                                                                                <span class="time">40 mins </span>
337
                                                                                </span>
338
                                                                                <span class="message">
339
                                                                                Vivamus sed auctor 40% nibh congue nibh... </span>
340
                                                                                </a>
341
                                                                        </li>
342
                                                                        <li>
343
                                                                                <a href="inbox.html?a=view">
344
                                                                                <span class="photo">
345
                                                                                <img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
346
                                                                                </span>
347
                                                                                <span class="subject">
348
                                                                                <span class="from">
349
                                                                                Richard Doe </span>
350
                                                                                <span class="time">46 mins </span>
351
                                                                                </span>
352
                                                                                <span class="message">
353
                                                                                Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
354
                                                                                </a>
355
                                                                        </li>
356
                                                                </ul>
357
                                                        </li>
358
                                                </ul>
359
                                        </li>
360
                                        <!-- END INBOX DROPDOWN -->
361
                                        <!-- BEGIN USER LOGIN DROPDOWN -->
362
                                        <li class="dropdown dropdown-user dropdown-dark">
363
                                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
364
                                                <img alt="" class="img-circle" src="../../assets/admin/layout3/img/avatar9.jpg">
365
                                                <span class="username username-hide-mobile">Nick</span>
366
                                                </a>
367
                                                <ul class="dropdown-menu dropdown-menu-default">
368
                                                        <li>
369
                                                                <a href="extra_profile.html">
370
                                                                <i class="icon-user"></i> My Profile </a>
371
                                                        </li>
372
                                                        <li>
373
                                                                <a href="page_calendar.html">
374
                                                                <i class="icon-calendar"></i> My Calendar </a>
375
                                                        </li>
376
                                                        <li>
377
                                                                <a href="inbox.html">
378
                                                                <i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
379
                                                                3 </span>
380
                                                                </a>
381
                                                        </li>
382
                                                        <li>
383
                                                                <a href="javascript:;">
384
                                                                <i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
385
                                                                7 </span>
386
                                                                </a>
387
                                                        </li>
388
                                                        <li class="divider">
389
                                                        </li>
390
                                                        <li>
391
                                                                <a href="extra_lock.html">
392
                                                                <i class="icon-lock"></i> Lock Screen </a>
393
                                                        </li>
394
                                                        <li>
395
                                                                <a href="login.html">
396
                                                                <i class="icon-key"></i> Log Out </a>
397
                                                        </li>
398
                                                </ul>
399
                                        </li>
400
                                        <!-- END USER LOGIN DROPDOWN -->
401
                                </ul>
402
                        </div>
403
                        <!-- END TOP NAVIGATION MENU -->
404
                </div>
405
        </div>
406
        <!-- END HEADER TOP -->
407
        <!-- BEGIN HEADER MENU -->
408
        <div class="page-header-menu">
409
                <div class="container">
410
                        <!-- BEGIN HEADER SEARCH BOX -->
411
                        <form class="search-form" action="extra_search.html" method="GET">
412
                                <div class="input-group">
413
                                        <input type="text" class="form-control" placeholder="Search" name="query">
414
                                        <span class="input-group-btn">
415
                                        <a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
416
                                        </span>
417
                                </div>
418
                        </form>
419
                        <!-- END HEADER SEARCH BOX -->
420
                        <!-- BEGIN MEGA MENU -->
421
                        <!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
422
                        <!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the dropdown opening on mouse hover -->
423
                        <div class="hor-menu ">
424
                                <ul class="nav navbar-nav">
425
                                        <li>
426
                                                <a href="index.html">Dashboard</a>
427
                                        </li>
428
                                        <li class="menu-dropdown mega-menu-dropdown ">
429
                                                <a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
430
                                                Features <i class="fa fa-angle-down"></i>
431
                                                </a>
432
                                                <ul class="dropdown-menu" style="min-width: 710px">
433
                                                        <li>
434
                                                                <div class="mega-menu-content">
435
                                                                        <div class="row">
436
                                                                                <div class="col-md-4">
437
                                                                                        <ul class="mega-menu-submenu">
438
                                                                                                <li>
439
                                                                                                        <h3>eCommerce</h3>
440
                                                                                                </li>
441
                                                                                                <li>
442
                                                                                                        <a href="ecommerce_index.html" class="iconify">
443
                                                                                                        <i class="icon-home"></i>
444
                                                                                                        eCommerce </a>
445
                                                                                                </li>
446
                                                                                                <li>
447
                                                                                                        <a href="ecommerce_orders.html" class="iconify">
448
                                                                                                        <i class="icon-basket"></i>
449
                                                                                                        Manage Orders </a>
450
                                                                                                </li>
451
                                                                                                <li>
452
                                                                                                        <a href="ecommerce_orders_view.html" class="iconify">
453
                                                                                                        <i class="icon-tag"></i>
454
                                                                                                        Order View </a>
455
                                                                                                </li>
456
                                                                                                <li>
457
                                                                                                        <a href="ecommerce_products.html" class="iconify">
458
                                                                                                        <i class="icon-handbag"></i>
459
                                                                                                        Manage Products </a>
460
                                                                                                </li>
461
                                                                                                <li>
462
                                                                                                        <a href="ecommerce_products_edit.html" class="iconify">
463
                                                                                                        <i class="icon-pencil"></i>
464
                                                                                                        Product Edit </a>
465
                                                                                                </li>
466
                                                                                        </ul>
467
                                                                                </div>
468
                                                                                <div class="col-md-4">
469
                                                                                        <ul class="mega-menu-submenu">
470
                                                                                                <li>
471
                                                                                                        <h3>Layouts</h3>
472
                                                                                                </li>
473
                                                                                                <li>
474
                                                                                                        <a href="layout_fluid.html" class="iconify">
475
                                                                                                        <i class="icon-cursor-move"></i>
476
                                                                                                        Fluid Layout </a>
477
                                                                                                </li>
478
                                                                                                <li>
479
                                                                                                        <a href="layout_mega_menu_fixed.html" class="iconify">
480
                                                                                                        <i class="icon-pin"></i>
481
                                                                                                        Fixed Mega Menu </a>
482
                                                                                                </li>
483
                                                                                                <li>
484
                                                                                                        <a href="layout_top_bar_fixed.html" class="iconify">
485
                                                                                                        <i class="icon-bar-chart"></i>
486
                                                                                                        Fixed Top Bar </a>
487
                                                                                                </li>
488
                                                                                                <li>
489
                                                                                                        <a href="layout_light_header.html" class="iconify">
490
                                                                                                        <i class="icon-paper-plane"></i>
491
                                                                                                        Light Header Dropdowns </a>
492
                                                                                                </li>
493
                                                                                                <li>
494
                                                                                                        <a href="layout_blank_page.html" class="iconify">
495
                                                                                                        <i class="icon-doc"></i>
496
                                                                                                        Blank Page Layout </a>
497
                                                                                                </li>
498
                                                                                        </ul>
499
                                                                                </div>
500
                                                                                <div class="col-md-4">
501
                                                                                        <ul class="mega-menu-submenu">
502
                                                                                                <li>
503
                                                                                                        <h3>More Layouts</h3>
504
                                                                                                </li>
505
                                                                                                <li>
506
                                                                                                        <a href="layout_click_dropdowns.html" class="iconify">
507
                                                                                                        <i class="icon-speech"></i>
508
                                                                                                        Click vs. Hover Dropdowns </a>
509
                                                                                                </li>
510
                                                                                                <li>
511
                                                                                                        <a href="layout_fontawesome_icons.html" class="iconify">
512
                                                                                                        <i class="icon-link"></i>
513
                                                                                                        Layout with Fontawesome </a>
514
                                                                                                </li>
515
                                                                                                <li>
516
                                                                                                        <a href="layout_glyphicons.html" class="iconify">
517
                                                                                                        <i class="icon-settings"></i>
518
                                                                                                        Layout with Glyphicon </a>
519
                                                                                                </li>
520
                                                                                                <li>
521
                                                                                                        <a href="layout_language_bar.html" class="iconify">
522
                                                                                                        <i class="icon-globe"></i>
523
                                                                                                        Language Switch Bar </a>
524
                                                                                                </li>
525
                                                                                                <li>
526
                                                                                                        <a href="layout_disabled_menu.html" class="iconify">
527
                                                                                                        <i class=" icon-lock"></i>
528
                                                                                                        Disabled Menu Links </a>
529
                                                                                                </li>
530
                                                                                        </ul>
531
                                                                                </div>
532
                                                                        </div>
533
                                                                </div>
534
                                                        </li>
535
                                                </ul>
536
                                        </li>
537
                                        <li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
538
                                                <a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
539
                                                UI Components <i class="fa fa-angle-down"></i>
540
                                                </a>
541
                                                <ul class="dropdown-menu">
542
                                                        <li>
543
                                                                <div class="mega-menu-content">
544
                                                                        <div class="row">
545
                                                                                <div class="col-md-3">
546
                                                                                        <ul class="mega-menu-submenu">
547
                                                                                                <li>
548
                                                                                                        <h3>UI Components</h3>
549
                                                                                                </li>
550
                                                                                                <li>
551
                                                                                                        <a href="ui_general.html">
552
                                                                                                        <i class="fa fa-angle-right"></i>
553
                                                                                                        General </a>
554
                                                                                                </li>
555
                                                                                                <li>
556
                                                                                                        <a href="ui_buttons.html">
557
                                                                                                        <i class="fa fa-angle-right"></i>
558
                                                                                                        Buttons </a>
559
                                                                                                </li>
560
                                                                                                <li>
561
                                                                                                        <a href="ui_icons.html">
562
                                                                                                        <i class="fa fa-angle-right"></i>
563
                                                                                                        Font Icons </a>
564
                                                                                                </li>
565
                                                                                                <li>
566
                                                                                                        <a href="ui_colors.html">
567
                                                                                                        <i class="fa fa-angle-right"></i>
568
                                                                                                        Flat UI Colors </a>
569
                                                                                                </li>
570
                                                                                                <li>
571
                                                                                                        <a href="ui_typography.html">
572
                                                                                                        <i class="fa fa-angle-right"></i>
573
                                                                                                        Typography </a>
574
                                                                                                </li>
575
                                                                                                <li>
576
                                                                                                        <a href="ui_tabs_accordions_navs.html">
577
                                                                                                        <i class="fa fa-angle-right"></i>
578
                                                                                                        Tabs, Accordions & Navs </a>
579
                                                                                                </li>
580
                                                                                                <li>
581
                                                                                                        <a href="ui_tree.html">
582
                                                                                                        <i class="fa fa-angle-right"></i>
583
                                                                                                        Tree View </a>
584
                                                                                                </li>
585
                                                                                                <li>
586
                                                                                                        <a href="ui_page_progress_style_1.html">
587
                                                                                                        <i class="fa fa-angle-right"></i>
588
                                                                                                        Page Progress Bar <span class="badge badge-roundless badge-warning">new</span></a>
589
                                                                                                </li>
590
                                                                                                <li>
591
                                                                                                        <a href="ui_blockui.html">
592
                                                                                                        <i class="fa fa-angle-right"></i>
593
                                                                                                        Block UI </a>
594
                                                                                                </li>
595
                                                                                                <li>
596
                                                                                                        <a href="ui_notific8.html">
597
                                                                                                        <i class="fa fa-angle-right"></i>
598
                                                                                                        Notific8 Notifications </a>
599
                                                                                                </li>
600
                                                                                        </ul>
601
                                                                                </div>
602
                                                                                <div class="col-md-3">
603
                                                                                        <ul class="mega-menu-submenu">
604
                                                                                                <li>
605
                                                                                                        <h3>More UI Components</h3>
606
                                                                                                </li>
607
                                                                                                <li>
608
                                                                                                        <a href="ui_toastr.html">
609
                                                                                                        <i class="fa fa-angle-right"></i>
610
                                                                                                        Toastr Notifications </a>
611
                                                                                                </li>
612
                                                                                                <li>
613
                                                                                                        <a href="ui_alert_dialog_api.html">
614
                                                                                                        <i class="fa fa-angle-right"></i>
615
                                                                                                        Alerts & Dialogs API <span class="badge badge-roundless badge-danger">new</span></a>
616
                                                                                                </li>
617
                                                                                                <li>
618
                                                                                                        <a href="ui_session_timeout.html">
619
                                                                                                        <i class="fa fa-angle-right"></i>
620
                                                                                                        Session Timeout </a>
621
                                                                                                </li>
622
                                                                                                <li>
623
                                                                                                        <a href="ui_idle_timeout.html">
624
                                                                                                        <i class="fa fa-angle-right"></i>
625
                                                                                                        User Idle Timeout </a>
626
                                                                                                </li>
627
                                                                                                <li>
628
                                                                                                        <a href="ui_modals.html">
629
                                                                                                        <i class="fa fa-angle-right"></i>
630
                                                                                                        Modals </a>
631
                                                                                                </li>
632
                                                                                                <li>
633
                                                                                                        <a href="ui_extended_modals.html">
634
                                                                                                        <i class="fa fa-angle-right"></i>
635
                                                                                                        Extended Modals </a>
636
                                                                                                </li>
637
                                                                                                <li>
638
                                                                                                        <a href="ui_tiles.html">
639
                                                                                                        <i class="fa fa-angle-right"></i>
640
                                                                                                        Tiles </a>
641
                                                                                                </li>
642
                                                                                                <li>
643
                                                                                                        <a href="ui_datepaginator.html">
644
                                                                                                        <i class="fa fa-angle-right"></i>
645
                                                                                                        Date Paginator </a>
646
                                                                                                </li>
647
                                                                                                <li>
648
                                                                                                        <a href="ui_nestable.html">
649
                                                                                                        <i class="fa fa-angle-right"></i>
650
                                                                                                        Nestable List </a>
651
                                                                                                </li>
652
                                                                                        </ul>
653
                                                                                </div>
654
                                                                                <div class="col-md-3">
655
                                                                                        <ul class="mega-menu-submenu">
656
                                                                                                <li>
657
                                                                                                        <h3>Form Stuff</h3>
658
                                                                                                </li>
659
                                                                                                <li>
660
                                                                                                        <a href="form_controls.html">
661
                                                                                                        <i class="fa fa-angle-right"></i>
662
                                                                                                        Form Controls </a>
663
                                                                                                </li>
664
                                                                                                <li>
665
                                                                                                        <a href="form_icheck.html">
666
                                                                                                        <i class="fa fa-angle-right"></i>
667
                                                                                                        iCheck Controls </a>
668
                                                                                                </li>
669
                                                                                                <li>
670
                                                                                                        <a href="form_layouts.html">
671
                                                                                                        <i class="fa fa-angle-right"></i>
672
                                                                                                        Form Layouts </a>
673
                                                                                                </li>
674
                                                                                                <li>
675
                                                                                                        <a href="form_editable.html">
676
                                                                                                        <i class="fa fa-angle-right"></i>
677
                                                                                                        Form X-editable <span class="badge badge-roundless badge-success">new</span></a>
678
                                                                                                </li>
679
                                                                                                <li>
680
                                                                                                        <a href="form_wizard.html">
681
                                                                                                        <i class="fa fa-angle-right"></i>
682
                                                                                                        Form Wizard </a>
683
                                                                                                </li>
684
                                                                                                <li>
685
                                                                                                        <a href="form_validation.html">
686
                                                                                                        <i class="fa fa-angle-right"></i>
687
                                                                                                        Form Validation </a>
688
                                                                                                </li>
689
                                                                                                <li>
690
                                                                                                        <a href="form_image_crop.html">
691
                                                                                                        <i class="fa fa-angle-right"></i>
692
                                                                                                        Image Cropping </a>
693
                                                                                                </li>
694
                                                                                                <li>
695
                                                                                                        <a href="form_fileupload.html">
696
                                                                                                        <i class="fa fa-angle-right"></i>
697
                                                                                                        Multiple File Upload </a>
698
                                                                                                </li>
699
                                                                                                <li>
700
                                                                                                        <a href="form_dropzone.html">
701
                                                                                                        <i class="fa fa-angle-right"></i>
702
                                                                                                        Dropzone File Upload </a>
703
                                                                                                </li>
704
                                                                                        </ul>
705
                                                                                </div>
706
                                                                                <div class="col-md-3">
707
                                                                                        <ul class="mega-menu-submenu">
708
                                                                                                <li>
709
                                                                                                        <h3>Form Components</h3>
710
                                                                                                </li>
711
                                                                                                <li>
712
                                                                                                        <a href="components_pickers.html">
713
                                                                                                        <i class="fa fa-angle-right"></i>
714
                                                                                                        Date & Time Pickers </a>
715
                                                                                                </li>
716
                                                                                                <li>
717
                                                                                                        <a href="components_context_menu.html">
718
                                                                                                        <i class="fa fa-angle-right"></i>
719
                                                                                                        Context Menu </a>
720
                                                                                                </li>
721
                                                                                                <li>
722
                                                                                                        <a href="components_dropdowns.html">
723
                                                                                                        <i class="fa fa-angle-right"></i>
724
                                                                                                        Custom Dropdowns </a>
725
                                                                                                </li>
726
                                                                                                <li>
727
                                                                                                        <a href="components_form_tools.html">
728
                                                                                                        <i class="fa fa-angle-right"></i>
729
                                                                                                        Form Tools </a>
730
                                                                                                </li>
731
                                                                                                <li>
732
                                                                                                        <a href="components_editors.html">
733
                                                                                                        <i class="fa fa-angle-right"></i>
734
                                                                                                        Markdown & WYSIWYG Editors </a>
735
                                                                                                </li>
736
                                                                                                <li>
737
                                                                                                        <a href="components_ion_sliders.html">
738
                                                                                                        <i class="fa fa-angle-right"></i>
739
                                                                                                        Ion Range Sliders </a>
740
                                                                                                </li>
741
                                                                                                <li>
742
                                                                                                        <a href="components_noui_sliders.html">
743
                                                                                                        <i class="fa fa-angle-right"></i>
744
                                                                                                        NoUI Range Sliders </a>
745
                                                                                                </li>
746
                                                                                                <li>
747
                                                                                                        <a href="components_jqueryui_sliders.html">
748
                                                                                                        <i class="fa fa-angle-right"></i>
749
                                                                                                        jQuery UI Sliders </a>
750
                                                                                                </li>
751
                                                                                                <li>
752
                                                                                                        <a href="components_knob_dials.html">
753
                                                                                                        <i class="fa fa-angle-right"></i>
754
                                                                                                        Knob Circle Dials </a>
755
                                                                                                </li>
756
                                                                                        </ul>
757
                                                                                </div>
758
                                                                        </div>
759
                                                                </div>
760
                                                        </li>
761
                                                </ul>
762
                                        </li>
763
                                        <li class="menu-dropdown classic-menu-dropdown ">
764
                                                <a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
765
                                                Extra <i class="fa fa-angle-down"></i>
766
                                                </a>
767
                                                <ul class="dropdown-menu pull-left">
768
                                                        <li class=" dropdown-submenu">
769
                                                                <a href=":;">
770
                                                                <i class="icon-briefcase"></i>
771
                                                                Data Tables </a>
772
                                                                <ul class="dropdown-menu">
773
                                                                        <li class=" ">
774
                                                                                <a href="table_basic.html">
775
                                                                                Basic Datatables </a>
776
                                                                        </li>
777
                                                                        <li class=" ">
778
                                                                                <a href="table_tree.html">
779
                                                                                Tree Datatables </a>
780
                                                                        </li>
781
                                                                        <li class=" ">
782
                                                                                <a href="table_responsive.html">
783
                                                                                Responsive Datatables </a>
784
                                                                        </li>
785
                                                                        <li class=" ">
786
                                                                                <a href="table_managed.html">
787
                                                                                Managed Datatables </a>
788
                                                                        </li>
789
                                                                        <li class=" ">
790
                                                                                <a href="table_editable.html">
791
                                                                                Editable Datatables </a>
792
                                                                        </li>
793
                                                                        <li class=" ">
794
                                                                                <a href="table_advanced.html">
795
                                                                                Advanced Datatables </a>
796
                                                                        </li>
797
                                                                        <li class=" ">
798
                                                                                <a href="table_ajax.html">
799
                                                                                Ajax Datatables </a>
800
                                                                        </li>
801
                                                                </ul>
802
                                                        </li>
803
                                                        <li class=" dropdown-submenu">
804
                                                                <a href=":;">
805
                                                                <i class="icon-wallet"></i>
806
                                                                Portlets </a>
807
                                                                <ul class="dropdown-menu">
808
                                                                        <li class=" ">
809
                                                                                <a href="portlet_general.html">
810
                                                                                General Portlets </a>
811
                                                                        </li>
812
                                                                        <li class=" ">
813
                                                                                <a href="portlet_general2.html">
814
                                                                                New Portlets #1 <span class="badge badge-roundless badge-danger">new</span>
815
                                                                                </a>
816
                                                                        </li>
817
                                                                        <li class=" ">
818
                                                                                <a href="portlet_general3.html">
819
                                                                                New Portlets #2 <span class="badge badge-roundless badge-danger">new</span>
820
                                                                                </a>
821
                                                                        </li>
822
                                                                        <li class=" ">
823
                                                                                <a href="portlet_ajax.html">
824
                                                                                Ajax Portlets </a>
825
                                                                        </li>
826
                                                                        <li class=" ">
827
                                                                                <a href="portlet_draggable.html">
828
                                                                                Draggable Portlets </a>
829
                                                                        </li>
830
                                                                </ul>
831
                                                        </li>
832
                                                        <li class=" dropdown-submenu">
833
                                                                <a href=":;">
834
                                                                <i class="icon-bar-chart"></i>
835
                                                                Charts </a>
836
                                                                <ul class="dropdown-menu">
837
                                                                        <li class=" ">
838
                                                                                <a href="charts_amcharts.html">
839
                                                                                amChart </a>
840
                                                                        </li>
841
                                                                        <li class=" ">
842
                                                                                <a href="charts_flotcharts.html">
843
                                                                                Flotchart </a>
844
                                                                        </li>
845
                                                                </ul>
846
                                                        </li>
847
                                                        <li class=" dropdown-submenu">
848
                                                                <a href=":;">
849
                                                                <i class="icon-pointer"></i>
850
                                                                Maps </a>
851
                                                                <ul class="dropdown-menu">
852
                                                                        <li class=" ">
853
                                                                                <a href="maps_google.html">
854
                                                                                Google Maps </a>
855
                                                                        </li>
856
                                                                        <li class=" ">
857
                                                                                <a href="maps_vector.html">
858
                                                                                Vector Maps </a>
859
                                                                        </li>
860
                                                                </ul>
861
                                                        </li>
862
                                                        <li class=" dropdown-submenu">
863
                                                                <a href=":;">
864
                                                                <i class="icon-puzzle"></i>
865
                                                                Multi Level </a>
866
                                                                <ul class="dropdown-menu">
867
                                                                        <li class=" ">
868
                                                                                <a href="javascript:;">
869
                                                                                <i class="icon-settings"></i>
870
                                                                                Item 1 </a>
871
                                                                        </li>
872
                                                                        <li class=" ">
873
                                                                                <a href="javascript:;">
874
                                                                                <i class="icon-user"></i>
875
                                                                                Item 2 </a>
876
                                                                        </li>
877
                                                                        <li class=" ">
878
                                                                                <a href="javascript:;">
879
                                                                                <i class="icon-globe"></i>
880
                                                                                Item 3 </a>
881
                                                                        </li>
882
                                                                        <li class=" dropdown-submenu">
883
                                                                                <a href="#">
884
                                                                                <i class="icon-folder"></i>
885
                                                                                Sub Items </a>
886
                                                                                <ul class="dropdown-menu">
887
                                                                                        <li class=" ">
888
                                                                                                <a href="javascript:;">
889
                                                                                                Item 1 </a>
890
                                                                                        </li>
891
                                                                                        <li class=" ">
892
                                                                                                <a href="javascript:;">
893
                                                                                                Item 2 </a>
894
                                                                                        </li>
895
                                                                                        <li class=" ">
896
                                                                                                <a href="javascript:;">
897
                                                                                                Item 3 </a>
898
                                                                                        </li>
899
                                                                                        <li class=" ">
900
                                                                                                <a href="javascript:;">
901
                                                                                                Item 4 </a>
902
                                                                                        </li>
903
                                                                                </ul>
904
                                                                        </li>
905
                                                                        <li class=" ">
906
                                                                                <a href="javascript:;">
907
                                                                                <i class="icon-share"></i>
908
                                                                                Item 4 </a>
909
                                                                        </li>
910
                                                                        <li class=" ">
911
                                                                                <a href="javascript:;">
912
                                                                                <i class="icon-bar-chart"></i>
913
                                                                                Item 5 </a>
914
                                                                        </li>
915
                                                                </ul>
916
                                                        </li>
917
                                                </ul>
918
                                        </li>
919
                                        <li class="menu-dropdown mega-menu-dropdown mega-menu-full active">
920
                                                <a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
921
                                                Pages <i class="fa fa-angle-down"></i>
922
                                                </a>
923
                                                <ul class="dropdown-menu">
924
                                                        <li>
925
                                                                <div class="mega-menu-content">
926
                                                                        <div class="row">
927
                                                                                <div class="col-md-3">
928
                                                                                        <ul class="mega-menu-submenu">
929
                                                                                                <li>
930
                                                                                                        <h3>User Pages</h3>
931
                                                                                                </li>
932
                                                                                                <li>
933
                                                                                                        <a href="page_timeline.html">
934
                                                                                                        <i class="fa fa-angle-right"></i>
935
                                                                                                        New Timeline <span class="badge badge-warning">2</span></a>
936
                                                                                                </li>
937
                                                                                                <li>
938
                                                                                                        <a href="extra_profile.html">
939
                                                                                                        <i class="fa fa-angle-right"></i>
940
                                                                                                        New User Profile <span class="badge badge-success badge-roundless">new</span></a>
941
                                                                                                </li>
942
                                                                                                <li>
943
                                                                                                        <a href="page_todo.html">
944
                                                                                                        <i class="fa fa-angle-right"></i>
945
                                                                                                        Todo & Tasks <span class="badge badge-danger">4</span></a>
946
                                                                                                </li>
947
                                                                                                <li>
948
                                                                                                        <a href="inbox.html">
949
                                                                                                        <i class="fa fa-angle-right"></i>
950
                                                                                                        User Inbox <span class="badge badge-success">4</span></a>
951
                                                                                                </li>
952
                                                                                                <li>
953
                                                                                                        <a href="page_calendar.html">
954
                                                                                                        <i class="fa fa-angle-right"></i>
955
                                                                                                        User Calendar <span class="badge badge-warning">14</span></a>
956
                                                                                                </li>
957
                                                                                                <li class="active">
958
                                                                                                        <a href="page_timeline_old.html">
959
                                                                                                        <i class="fa fa-angle-right"></i>
960
                                                                                                        Old Timeline <span class="badge badge-warning">2</span></a>
961
                                                                                                </li>
962
                                                                                                <li>
963
                                                                                                        <a href="extra_profile_old.html">
964
                                                                                                        <i class="fa fa-angle-right"></i>
965
                                                                                                        Old User Profile </a>
966
                                                                                                </li>
967
                                                                                        </ul>
968
                                                                                </div>
969
                                                                                <div class="col-md-3">
970
                                                                                        <ul class="mega-menu-submenu">
971
                                                                                                <li>
972
                                                                                                        <h3>General Pages</h3>
973
                                                                                                </li>
974
                                                                                                <li>
975
                                                                                                        <a href="extra_faq.html">
976
                                                                                                        <i class="fa fa-angle-right"></i>
977
                                                                                                        FAQ Page </a>
978
                                                                                                </li>
979
                                                                                                <li>
980
                                                                                                        <a href="page_portfolio.html">
981
                                                                                                        <i class="fa fa-angle-right"></i>
982
                                                                                                        Portfolio </a>
983
                                                                                                </li>
984
                                                                                                <li>
985
                                                                                                        <a href="page_timeline.html">
986
                                                                                                        <i class="fa fa-angle-right"></i>
987
                                                                                                        Timeline <span class="badge badge-info">4</span></a>
988
                                                                                                </li>
989
                                                                                                <li>
990
                                                                                                        <a href="page_coming_soon.html">
991
                                                                                                        <i class="fa fa-angle-right"></i>
992
                                                                                                        Coming Soon </a>
993
                                                                                                </li>
994
                                                                                                <li>
995
                                                                                                        <a href="extra_invoice.html">
996
                                                                                                        <i class="fa fa-angle-right"></i>
997
                                                                                                        Invoice </a>
998
                                                                                                </li>
999
                                                                                                <li>
1000
                                                                                                        <a href="page_blog.html">
1001
                                                                                                        <i class="fa fa-angle-right"></i>
1002
                                                                                                        Blog </a>
1003
                                                                                                </li>
1004
                                                                                                <li>
1005
                                                                                                        <a href="page_blog_item.html">
1006
                                                                                                        <i class="fa fa-angle-right"></i>
1007
                                                                                                        Blog Post </a>
1008
                                                                                                </li>
1009
                                                                                        </ul>
1010
                                                                                </div>
1011
                                                                                <div class="col-md-3">
1012
                                                                                        <ul class="mega-menu-submenu">
1013
                                                                                                <li>
1014
                                                                                                        <h3>Custom Pages</h3>
1015
                                                                                                </li>
1016
                                                                                                <li>
1017
                                                                                                        <a href="page_news.html">
1018
                                                                                                        <i class="fa fa-angle-right"></i>
1019
                                                                                                        News <span class="badge badge-success">9</span></a>
1020
                                                                                                </li>
1021
                                                                                                <li>
1022
                                                                                                        <a href="page_news_item.html">
1023
                                                                                                        <i class="fa fa-angle-right"></i>
1024
                                                                                                        News View </a>
1025
                                                                                                </li>
1026
                                                                                                <li>
1027
                                                                                                        <a href="page_about.html">
1028
                                                                                                        <i class="fa fa-angle-right"></i>
1029
                                                                                                        About Us </a>
1030
                                                                                                </li>
1031
                                                                                                <li>
1032
                                                                                                        <a href="page_contact.html">
1033
                                                                                                        <i class="fa fa-angle-right"></i>
1034
                                                                                                        Contact Us </a>
1035
                                                                                                </li>
1036
                                                                                                <li>
1037
                                                                                                        <a href="extra_search.html">
1038
                                                                                                        <i class="fa fa-angle-right"></i>
1039
                                                                                                        Search Results </a>
1040
                                                                                                </li>
1041
                                                                                                <li>
1042
                                                                                                        <a href="extra_pricing_table.html">
1043
                                                                                                        <i class="fa fa-angle-right"></i>
1044
                                                                                                        Pricing Tables </a>
1045
                                                                                                </li>
1046
                                                                                                <li>
1047
                                                                                                        <a href="login.html">
1048
                                                                                                        <i class="fa fa-angle-right"></i>
1049
                                                                                                        Login Form 1 </a>
1050
                                                                                                </li>
1051
                                                                                                <li>
1052
                                                                                                        <a href="login_2.html">
1053
                                                                                                        <i class="fa fa-angle-right"></i>
1054
                                                                                                        Login Form 2 </a>
1055
                                                                                                </li>
1056
                                                                                                <li>
1057
                                                                                                        <a href="login_3.html">
1058
                                                                                                        <i class="fa fa-angle-right"></i>
1059
                                                                                                        Login Form 3 </a>
1060
                                                                                                </li>
1061
                                                                                                <li>
1062
                                                                                                        <a href="login_soft.html">
1063
                                                                                                        <i class="fa fa-angle-right"></i>
1064
                                                                                                        Login Form 4 </a>
1065
                                                                                                </li>
1066
                                                                                        </ul>
1067
                                                                                </div>
1068
                                                                                <div class="col-md-3">
1069
                                                                                        <ul class="mega-menu-submenu">
1070
                                                                                                <li>
1071
                                                                                                        <h3>Miscellaneous</h3>
1072
                                                                                                </li>
1073
                                                                                                <li>
1074
                                                                                                        <a href="extra_lock.html">
1075
                                                                                                        <i class="fa fa-angle-right"></i>
1076
                                                                                                        Lock Screen 1 </a>
1077
                                                                                                </li>
1078
                                                                                                <li>
1079
                                                                                                        <a href="extra_lock2.html">
1080
                                                                                                        <i class="fa fa-angle-right"></i>
1081
                                                                                                        Lock Screen 2 </a>
1082
                                                                                                </li>
1083
                                                                                                <li>
1084
                                                                                                        <a href="extra_404_option1.html">
1085
                                                                                                        <i class="fa fa-angle-right"></i>
1086
                                                                                                        404 Page Option 1 </a>
1087
                                                                                                </li>
1088
                                                                                                <li>
1089
                                                                                                        <a href="extra_404_option2.html">
1090
                                                                                                        <i class="fa fa-angle-right"></i>
1091
                                                                                                        404 Page Option 2 </a>
1092
                                                                                                </li>
1093
                                                                                                <li>
1094
                                                                                                        <a href="extra_404_option3.html">
1095
                                                                                                        <i class="fa fa-angle-right"></i>
1096
                                                                                                        404 Page Option 3 </a>
1097
                                                                                                </li>
1098
                                                                                                <li>
1099
                                                                                                        <a href="extra_500_option1.html">
1100
                                                                                                        <i class="fa fa-angle-right"></i>
1101
                                                                                                        500 Page Option 1 </a>
1102
                                                                                                </li>
1103
                                                                                                <li>
1104
                                                                                                        <a href="extra_500_option2.html">
1105
                                                                                                        <i class="fa fa-angle-right"></i>
1106
                                                                                                        500 Page Option 2 </a>
1107
                                                                                                </li>
1108
                                                                                                <li>
1109
                                                                                                        <a href="email_newsletter.html">
1110
                                                                                                        <i class="fa fa-angle-right"></i>
1111
                                                                                                        Newsletter Email Template </a>
1112
                                                                                                </li>
1113
                                                                                                <li>
1114
                                                                                                        <a href="email_system.html">
1115
                                                                                                        <i class="fa fa-angle-right"></i>
1116
                                                                                                        System Email Template </a>
1117
                                                                                                </li>
1118
                                                                                        </ul>
1119
                                                                                </div>
1120
                                                                        </div>
1121
                                                                </div>
1122
                                                        </li>
1123
                                                </ul>
1124
                                        </li>
1125
                                        <li class="menu-dropdown">
1126
                                                <a href="angularjs" target="_blank" class="tooltips" data-container="body" data-placement="bottom" data-html="true" data-original-title="AngularJS version demo">
1127
                                                AngularJS Version </a>
1128
                                        </li>
1129
                                </ul>
1130
                        </div>
1131
                        <!-- END MEGA MENU -->
1132
                </div>
1133
        </div>
1134
        <!-- END HEADER MENU -->
1135
</div>
1136
<!-- END HEADER -->
1137
<!-- BEGIN PAGE CONTAINER -->
1138
<div class="page-container">
1139
        <!-- BEGIN PAGE HEAD -->
1140
        <div class="page-head">
1141
                <div class="container">
1142
                        <!-- BEGIN PAGE TITLE -->
1143
                        <div class="page-title">
1144
                                <h1>Old Timeline <small>multipurpose timeline sample</small></h1>
1145
                        </div>
1146
                        <!-- END PAGE TITLE -->
1147
                        <!-- BEGIN PAGE TOOLBAR -->
1148
                        <div class="page-toolbar">
1149
                                <!-- BEGIN THEME PANEL -->
1150
                                <div class="btn-group btn-theme-panel">
1151
                                        <a href="javascript:;" class="btn dropdown-toggle" data-toggle="dropdown">
1152
                                        <i class="icon-settings"></i>
1153
                                        </a>
1154
                                        <div class="dropdown-menu theme-panel pull-right dropdown-custom hold-on-click">
1155
                                                <div class="row">
1156
                                                        <div class="col-md-6 col-sm-6 col-xs-12">
1157
                                                                <h3>THEME COLORS</h3>
1158
                                                                <div class="row">
1159
                                                                        <div class="col-md-6 col-sm-6 col-xs-12">
1160
                                                                                <ul class="theme-colors">
1161
                                                                                        <li class="theme-color theme-color-default" data-theme="default">
1162
                                                                                                <span class="theme-color-view"></span>
1163
                                                                                                <span class="theme-color-name">Default</span>
1164
                                                                                        </li>
1165
                                                                                        <li class="theme-color theme-color-blue-hoki" data-theme="blue-hoki">
1166
                                                                                                <span class="theme-color-view"></span>
1167
                                                                                                <span class="theme-color-name">Blue Hoki</span>
1168
                                                                                        </li>
1169
                                                                                        <li class="theme-color theme-color-blue-steel" data-theme="blue-steel">
1170
                                                                                                <span class="theme-color-view"></span>
1171
                                                                                                <span class="theme-color-name">Blue Steel</span>
1172
                                                                                        </li>
1173
                                                                                        <li class="theme-color theme-color-yellow-orange" data-theme="yellow-orange">
1174
                                                                                                <span class="theme-color-view"></span>
1175
                                                                                                <span class="theme-color-name">Orange</span>
1176
                                                                                        </li>
1177
                                                                                        <li class="theme-color theme-color-yellow-crusta" data-theme="yellow-crusta">
1178
                                                                                                <span class="theme-color-view"></span>
1179
                                                                                                <span class="theme-color-name">Yellow Crusta</span>
1180
                                                                                        </li>
1181
                                                                                </ul>
1182
                                                                        </div>
1183
                                                                        <div class="col-md-6 col-sm-6 col-xs-12">
1184
                                                                                <ul class="theme-colors">
1185
                                                                                        <li class="theme-color theme-color-green-haze" data-theme="green-haze">
1186
                                                                                                <span class="theme-color-view"></span>
1187
                                                                                                <span class="theme-color-name">Green Haze</span>
1188
                                                                                        </li>
1189
                                                                                        <li class="theme-color theme-color-red-sunglo" data-theme="red-sunglo">
1190
                                                                                                <span class="theme-color-view"></span>
1191
                                                                                                <span class="theme-color-name">Red Sunglo</span>
1192
                                                                                        </li>
1193
                                                                                        <li class="theme-color theme-color-red-intense" data-theme="red-intense">
1194
                                                                                                <span class="theme-color-view"></span>
1195
                                                                                                <span class="theme-color-name">Red Intense</span>
1196
                                                                                        </li>
1197
                                                                                        <li class="theme-color theme-color-purple-plum" data-theme="purple-plum">
1198
                                                                                                <span class="theme-color-view"></span>
1199
                                                                                                <span class="theme-color-name">Purple Plum</span>
1200
                                                                                        </li>
1201
                                                                                        <li class="theme-color theme-color-purple-studio" data-theme="purple-studio">
1202
                                                                                                <span class="theme-color-view"></span>
1203
                                                                                                <span class="theme-color-name">Purple Studio</span>
1204
                                                                                        </li>
1205
                                                                                </ul>
1206
                                                                        </div>
1207
                                                                </div>
1208
                                                        </div>
1209
                                                        <div class="col-md-6 col-sm-6 col-xs-12 seperator">
1210
                                                                <h3>LAYOUT</h3>
1211
                                                                <ul class="theme-settings">
1212
                                                                        <li>
1213
                                                                                 Theme Style
1214
                                                                                <select class="theme-setting theme-setting-style form-control input-sm input-small input-inline tooltips" data-original-title="Change theme style" data-container="body" data-placement="left">
1215
                                                                                        <option value="boxed" selected="selected">Square corners</option>
1216
                                                                                        <option value="rounded">Rounded corners</option>
1217
                                                                                </select>
1218
                                                                        </li>
1219
                                                                        <li>
1220
                                                                                 Layout
1221
                                                                                <select class="theme-setting theme-setting-layout form-control input-sm input-small input-inline tooltips" data-original-title="Change layout type" data-container="body" data-placement="left">
1222
                                                                                        <option value="boxed" selected="selected">Boxed</option>
1223
                                                                                        <option value="fluid">Fluid</option>
1224
                                                                                </select>
1225
                                                                        </li>
1226
                                                                        <li>
1227
                                                                                 Top Menu Style
1228
                                                                                <select class="theme-setting theme-setting-top-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change top menu dropdowns style" data-container="body" data-placement="left">
1229
                                                                                        <option value="dark" selected="selected">Dark</option>
1230
                                                                                        <option value="light">Light</option>
1231
                                                                                </select>
1232
                                                                        </li>
1233
                                                                        <li>
1234
                                                                                 Top Menu Mode
1235
                                                                                <select class="theme-setting theme-setting-top-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) top menu" data-container="body" data-placement="left">
1236
                                                                                        <option value="fixed">Fixed</option>
1237
                                                                                        <option value="not-fixed" selected="selected">Not Fixed</option>
1238
                                                                                </select>
1239
                                                                        </li>
1240
                                                                        <li>
1241
                                                                                 Mega Menu Style
1242
                                                                                <select class="theme-setting theme-setting-mega-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change mega menu dropdowns style" data-container="body" data-placement="left">
1243
                                                                                        <option value="dark" selected="selected">Dark</option>
1244
                                                                                        <option value="light">Light</option>
1245
                                                                                </select>
1246
                                                                        </li>
1247
                                                                        <li>
1248
                                                                                 Mega Menu Mode
1249
                                                                                <select class="theme-setting theme-setting-mega-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) mega menu" data-container="body" data-placement="left">
1250
                                                                                        <option value="fixed" selected="selected">Fixed</option>
1251
                                                                                        <option value="not-fixed">Not Fixed</option>
1252
                                                                                </select>
1253
                                                                        </li>
1254
                                                                </ul>
1255
                                                        </div>
1256
                                                </div>
1257
                                        </div>
1258
                                </div>
1259
                                <!-- END THEME PANEL -->
1260
                        </div>
1261
                        <!-- END PAGE TOOLBAR -->
1262
                </div>
1263
        </div>
1264
        <!-- END PAGE HEAD -->
1265
        <!-- BEGIN PAGE CONTENT -->
1266
        <div class="page-content">
1267
                <div class="container">
1268
                        <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
1269
                        <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
1270
                                <div class="modal-dialog">
1271
                                        <div class="modal-content">
1272
                                                <div class="modal-header">
1273
                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
1274
                                                        <h4 class="modal-title">Modal title</h4>
1275
                                                </div>
1276
                                                <div class="modal-body">
1277
                                                         Widget settings form goes here
1278
                                                </div>
1279
                                                <div class="modal-footer">
1280
                                                        <button type="button" class="btn blue">Save changes</button>
1281
                                                        <button type="button" class="btn default" data-dismiss="modal">Close</button>
1282
                                                </div>
1283
                                        </div>
1284
                                        <!-- /.modal-content -->
1285
                                </div>
1286
                                <!-- /.modal-dialog -->
1287
                        </div>
1288
                        <!-- /.modal -->
1289
                        <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
1290
                        <!-- BEGIN PAGE BREADCRUMB -->
1291
                        <ul class="page-breadcrumb breadcrumb">
1292
                                <li>
1293
                                        <a href="#">Home</a><i class="fa fa-circle"></i>
1294
                                </li>
1295
                                <li>
1296
                                        <a href="page_timeline_old.html">Pages</a>
1297
                                        <i class="fa fa-circle"></i>
1298
                                </li>
1299
                                <li class="active">
1300
                                         Old Timeline
1301
                                </li>
1302
                        </ul>
1303
                        <!-- END PAGE BREADCRUMB -->
1304
                        <!-- BEGIN PAGE CONTENT INNER -->
1305
                        <div class="portlet light">
1306
                                <div class="portlet-body">
1307
                                        <div class="row">
1308
                                                <div class="col-md-12">
1309
                                                        <ul class="timeline">
1310
                                                                <li class="timeline-yellow">
1311
                                                                        <div class="timeline-time">
1312
                                                                                <span class="date">
1313
                                                                                4/10/13 </span>
1314
                                                                                <span class="time">
1315
                                                                                18:30 </span>
1316
                                                                        </div>
1317
                                                                        <div class="timeline-icon">
1318
                                                                                <i class="fa fa-trophy"></i>
1319
                                                                        </div>
1320
                                                                        <div class="timeline-body">
1321
                                                                                <h2>ICT 2013 20th International Conference</h2>
1322
                                                                                <div class="timeline-content">
1323
                                                                                        <img class="timeline-img pull-left" src="../../assets/admin/pages/media/blog/2.jpg" alt="">
1324
                                                                                        Ricebean black-eyed pea maize scallion green bean spinach cabbage jicama bell pepper carrot onion corn plantain garbanzo. Winter purslane courgette pumpkin quandong komatsuna fennel green bean cucumber watercress. Parsley amaranth tigernut silver beet maize fennel spinach. Ricebean black-eyed pea maize scallion green bean spinach cabbage jicama bell pepper carrot onion corn plantain garbanzo.
1325
                                                                                </div>
1326
                                                                                <div class="timeline-footer">
1327
                                                                                        <a href="javascript:;" class="nav-link pull-right">
1328
                                                                                        Read more <i class="m-icon-swapright m-icon-white"></i>
1329
                                                                                        </a>
1330
                                                                                </div>
1331
                                                                        </div>
1332
                                                                </li>
1333
                                                                <li class="timeline-blue">
1334
                                                                        <div class="timeline-time">
1335
                                                                                <span class="date">
1336
                                                                                4/11/13 </span>
1337
                                                                                <span class="time">
1338
                                                                                12:04 </span>
1339
                                                                        </div>
1340
                                                                        <div class="timeline-icon">
1341
                                                                                <i class="fa fa-video-camera"></i>
1342
                                                                        </div>
1343
                                                                        <div class="timeline-body">
1344
                                                                                <h2>Management Meeting</h2>
1345
                                                                                <div class="timeline-content">
1346
                                                                                        <img class="timeline-img pull-right" src="../../assets/admin/pages/media/blog/1.jpg" alt="">
1347
                                                                                        Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi..
1348
                                                                                </div>
1349
                                                                                <div class="timeline-footer">
1350
                                                                                        <a href="javascript:;" class="nav-link">
1351
                                                                                        Read more <i class="m-icon-swapright m-icon-white"></i>
1352
                                                                                        </a>
1353
                                                                                </div>
1354
                                                                        </div>
1355
                                                                </li>
1356
                                                                <li class="timeline-green">
1357
                                                                        <div class="timeline-time">
1358
                                                                                <span class="date">
1359
                                                                                4/13/13 </span>
1360
                                                                                <span class="time">
1361
                                                                                05:36 </span>
1362
                                                                        </div>
1363
                                                                        <div class="timeline-icon">
1364
                                                                                <i class="fa fa-comments"></i>
1365
                                                                        </div>
1366
                                                                        <div class="timeline-body">
1367
                                                                                <h2>New Project Launch</h2>
1368
                                                                                <div class="timeline-content">
1369
                                                                                        <img class="timeline-img pull-left" src="../../assets/admin/pages/media/blog/3.jpg" alt="">
1370
                                                                                        Winter purslane courgette pumpkin quandong komatsuna fennel green bean cucumber watercress. Pea sprouts wattle seed rutabaga okra yarrow cress avocado grape radish bush tomato ricebean. Pea sprouts wattle seed rutabaga okra yarrow cress avocado grape radish bush tomato ricebean.
1371
                                                                                </div>
1372
                                                                                <div class="timeline-footer">
1373
                                                                                        <a href="javascript:;" class="nav-link">
1374
                                                                                        Read more <i class="m-icon-swapright m-icon-white"></i>
1375
                                                                                        </a>
1376
                                                                                </div>
1377
                                                                        </div>
1378
                                                                </li>
1379
                                                                <li class="timeline-purple">
1380
                                                                        <div class="timeline-time">
1381
                                                                                <span class="date">
1382
                                                                                4/15/13 </span>
1383
                                                                                <span class="time">
1384
                                                                                13:15 </span>
1385
                                                                        </div>
1386
                                                                        <div class="timeline-icon">
1387
                                                                                <i class="fa fa-music"></i>
1388
                                                                        </div>
1389
                                                                        <div class="timeline-body">
1390
                                                                                <h2>Promotion Day</h2>
1391
                                                                                <div class="timeline-content">
1392
                                                                                        <div class="scroller" data-height="175px" data-always-visible="1" data-rail-visible1="1">
1393
                                                                                                <p>
1394
                                                                                                        <img class="timeline-img pull-right" src="../../assets/admin/pages/media/blog/4.jpg" alt="">
1395
                                                                                                        Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi. coriander bitterleaf epazote radicchio shallot winter purslane collard.
1396
                                                                                                </p>
1397
                                                                                                <p>
1398
                                                                                                         Coriander bitterleaf epazote radicchio shallot winter purslane collard. Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.
1399
                                                                                                </p>
1400
                                                                                                <p>
1401
                                                                                                        <img class="timeline-img pull-left" src="../../assets/admin/pages/media/blog/6.jpg" alt=""> Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi radicchio shallot winter purslane collard greens spring onion squash lentil.
1402
                                                                                                </p>
1403
                                                                                                <p>
1404
                                                                                                         Coriander bitterleaf epazote radicchio shallot winter purslane collard. Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.
1405
                                                                                                </p>
1406
                                                                                        </div>
1407
                                                                                </div>
1408
                                                                                <div class="timeline-footer">
1409
                                                                                        <a href="javascript:;" class="btn blue">
1410
                                                                                        Read more <i class="m-icon-swapright m-icon-white"></i>
1411
                                                                                        </a>
1412
                                                                                </div>
1413
                                                                        </div>
1414
                                                                </li>
1415
                                                                <li class="timeline-red">
1416
                                                                        <div class="timeline-time">
1417
                                                                                <span class="date">
1418
                                                                                4/16/13 </span>
1419
                                                                                <span class="time">
1420
                                                                                21:30 </span>
1421
                                                                        </div>
1422
                                                                        <div class="timeline-icon">
1423
                                                                                <i class="fa fa-rss"></i>
1424
                                                                        </div>
1425
                                                                        <div class="timeline-body">
1426
                                                                                <h2>Daily Feeds</h2>
1427
                                                                                <div class="timeline-content">
1428
                                                                                        <img class="timeline-img pull-left" src="../../assets/admin/pages/media/blog/5.jpg" alt="">
1429
                                                                                        Parsley amaranth tigernut silver beet maize fennel spinach. Ricebean black-eyed pea maize scallion green bean spinach cabbage jicama bell pepper carrot onion corn plantain garbanzo. Sierra leone bologi komatsuna celery peanut swiss chard silver beet squash dandelion maize chicory burdock tatsoi dulse radish wakame beetroot.
1430
                                                                                </div>
1431
                                                                                <div class="timeline-footer">
1432
                                                                                        <a href="javascript:;" class="btn green pull-right">
1433
                                                                                        Read more <i class="m-icon-swapright m-icon-white"></i>
1434
                                                                                        </a>
1435
                                                                                </div>
1436
                                                                        </div>
1437
                                                                </li>
1438
                                                                <li class="timeline-grey">
1439
                                                                        <div class="timeline-time">
1440
                                                                                <span class="date">
1441
                                                                                4/17/13 </span>
1442
                                                                                <span class="time">
1443
                                                                                12:11 </span>
1444
                                                                        </div>
1445
                                                                        <div class="timeline-icon">
1446
                                                                                <i class="fa fa-times"></i>
1447
                                                                        </div>
1448
                                                                        <div class="timeline-body">
1449
                                                                                <h2>Staff Meeting</h2>
1450
                                                                                <div class="timeline-content">
1451
                                                                                         Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.
1452
                                                                                </div>
1453
                                                                                <div class="timeline-footer">
1454
                                                                                        <a href="javascript:;" class="nav-link pull-right">
1455
                                                                                        Read more <i class="m-icon-swapright m-icon-white"></i>
1456
                                                                                        </a>
1457
                                                                                </div>
1458
                                                                        </div>
1459
                                                                </li>
1460
                                                                <li class="timeline-blue timeline-noline">
1461
                                                                        <div class="timeline-time">
1462
                                                                                <span class="date">
1463
                                                                                4/18/13 </span>
1464
                                                                                <span class="time">
1465
                                                                                09:56 </span>
1466
                                                                        </div>
1467
                                                                        <div class="timeline-icon">
1468
                                                                                <i class="fa fa-bar-chart-o"></i>
1469
                                                                        </div>
1470
                                                                        <div class="timeline-body">
1471
                                                                                <h2>Demo Europe 2013</h2>
1472
                                                                                <div class="timeline-content">
1473
                                                                                        <img class="timeline-img pull-left" src="../../assets/admin/pages/media/blog/2.jpg" alt="">
1474
                                                                                        Parsnip lotus root celery yarrow seakale tomato collard greens tigernut epazote ricebean melon tomatillo soybean chicory broccoli beet greens peanut salad. Lotus root burdock bell pepper chickweed shallot groundnut pea sprouts welsh onion wattle seed pea salsify turnip scallion peanut arugula bamboo shoot onion swiss chard.
1475
                                                                                </div>
1476
                                                                                <div class="timeline-footer">
1477
                                                                                        <a href="javascript:;" class="nav-link">
1478
                                                                                        Read more <i class="m-icon-swapright m-icon-white"></i>
1479
                                                                                        </a>
1480
                                                                                </div>
1481
                                                                        </div>
1482
                                                                </li>
1483
                                                        </ul>
1484
                                                </div>
1485
                                        </div>
1486
                                </div>
1487
                        </div>
1488
                        <!-- END PAGE CONTENT INNER -->
1489
                </div>
1490
        </div>
1491
        <!-- END PAGE CONTENT -->
1492
</div>
1493
<!-- END PAGE CONTAINER -->
1494
<!-- BEGIN PRE-FOOTER -->
1495
<div class="page-prefooter">
1496
        <div class="container">
1497
                <div class="row">
1498
                        <div class="col-md-3 col-sm-6 col-xs-12 footer-block">
1499
                                <h2>About</h2>
1500
                                <p>
1501
                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
1502
                                </p>
1503
                        </div>
1504
                        <div class="col-md-3 col-sm-6 col-xs12 footer-block">
1505
                                <h2>Subscribe Email</h2>
1506
                                <div class="subscribe-form">
1507
                                        <form action="javascript:;">
1508
                                                <div class="input-group">
1509
                                                        <input type="text" placeholder="mail@email.com" class="form-control">
1510
                                                        <span class="input-group-btn">
1511
                                                        <button class="btn" type="submit">Submit</button>
1512
                                                        </span>
1513
                                                </div>
1514
                                        </form>
1515
                                </div>
1516
                        </div>
1517
                        <div class="col-md-3 col-sm-6 col-xs-12 footer-block">
1518
                                <h2>Follow Us On</h2>
1519
                                <ul class="social-icons">
1520
                                        <li>
1521
                                                <a href="javascript:;" data-original-title="rss" class="rss"></a>
1522
                                        </li>
1523
                                        <li>
1524
                                                <a href="javascript:;" data-original-title="facebook" class="facebook"></a>
1525
                                        </li>
1526
                                        <li>
1527
                                                <a href="javascript:;" data-original-title="twitter" class="twitter"></a>
1528
                                        </li>
1529
                                        <li>
1530
                                                <a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
1531
                                        </li>
1532
                                        <li>
1533
                                                <a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
1534
                                        </li>
1535
                                        <li>
1536
                                                <a href="javascript:;" data-original-title="youtube" class="youtube"></a>
1537
                                        </li>
1538
                                        <li>
1539
                                                <a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
1540
                                        </li>
1541
                                </ul>
1542
                        </div>
1543
                        <div class="col-md-3 col-sm-6 col-xs-12 footer-block">
1544
                                <h2>Contacts</h2>
1545
                                <address class="margin-bottom-40">
1546
                                Phone: 800 123 3456<br>
1547
                                 Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
1548
                                </address>
1549
                        </div>
1550
                </div>
1551
        </div>
1552
</div>
1553
<!-- END PRE-FOOTER -->
1554
<!-- BEGIN FOOTER -->
1555
<div class="page-footer">
1556
        <div class="container">
1557
                 2014 &copy; Metronic. All Rights Reserved.
1558
        </div>
1559
</div>
1560
<div class="scroll-to-top">
1561
        <i class="icon-arrow-up"></i>
1562
</div>
1563
<!-- END FOOTER -->
1564
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
1565
<!-- BEGIN CORE PLUGINS -->
1566
<!--[if lt IE 9]>
1567
<script src="../../assets/global/plugins/respond.min.js"></script>
1568
<script src="../../assets/global/plugins/excanvas.min.js"></script> 
1569
<![endif]-->
1570
<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
1571
<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
1572
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
1573
<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
1574
<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
1575
<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
1576
<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
1577
<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
1578
<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
1579
<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
1580
<!-- END CORE PLUGINS -->
1581
<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
1582
<script src="../../assets/admin/layout3/scripts/layout.js" type="text/javascript"></script>
1583
<script src="../../assets/admin/layout3/scripts/demo.js" type="text/javascript"></script>
1584
<script>
1585
jQuery(document).ready(function() {      
1586
   // initiate layout and plugins
1587
   Metronic.init(); // init metronic core components
1588
Layout.init(); // init current layout
1589
Demo.init(); // init demo features
1590
});
1591
</script>
1592
<!-- END JAVASCRIPTS -->
1593
</body>
1594
<!-- END BODY -->
1595
</html>