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.6
4 
Version: 4.6
5 
Author: KeenThemes
6 
Website: http://www.keenthemes.com/
7 
Contact: support@keenthemes.com
8 
Follow: www.twitter.com/keenthemes
9 
Dribbble: www.dribbble.com/keenthemes
10 
Like: www.facebook.com/keenthemes
11 
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
12 
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
13 
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
14 
-->
15 
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
16 
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
17 
<!--[if !IE]><!-->
18 
<html lang="en">
19 
    <!--<![endif]-->
20 
    <!-- BEGIN HEAD -->
21 
 
22 
    <head>
23 
        <meta charset="utf-8" />
24 
        <title>Metronic | Ajax Content Page</title>
25 
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
26 
        <meta content="width=device-width, initial-scale=1" name="viewport" />
27 
        <meta content="" name="description" />
28 
        <meta content="" name="author" />
29 
        <!-- BEGIN GLOBAL MANDATORY STYLES -->
30 
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
31 
        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
32 
        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
33 
        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
34 
        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
35 
        <!-- END GLOBAL MANDATORY STYLES -->
36 
        <!-- BEGIN THEME GLOBAL STYLES -->
37 
        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
38 
        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
39 
        <!-- END THEME GLOBAL STYLES -->
40 
        <!-- BEGIN THEME LAYOUT STYLES -->
41 
        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
42 
        <link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
43 
        <link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
44 
        <!-- END THEME LAYOUT STYLES -->
45 
        <link rel="shortcut icon" href="favicon.ico" /> </head>
46 
    <!-- END HEAD -->
47 
 
48 
    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
49 
        <div class="page-wrapper">
50 
            <!-- BEGIN HEADER -->
51 
            <div class="page-header navbar navbar-fixed-top">
52 
                <!-- BEGIN HEADER INNER -->
53 
                <div class="page-header-inner ">
54 
                    <!-- BEGIN LOGO -->
55 
                    <div class="page-logo">
56 
                        <a href="index.html">
57 
                            <img src="../assets/layouts/layout/img/logo.png" alt="logo" class="logo-default" /> </a>
58 
                        <div class="menu-toggler sidebar-toggler">
59 
                            <span></span>
60 
                        </div>
61 
                    </div>
62 
                    <!-- END LOGO -->
63 
                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
64 
                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
65 
                        <span></span>
66 
                    </a>
67 
                    <!-- END RESPONSIVE MENU TOGGLER -->
68 
                    <!-- BEGIN TOP NAVIGATION MENU -->
69 
                    <div class="top-menu">
70 
                        <ul class="nav navbar-nav pull-right">
71 
                            <!-- BEGIN NOTIFICATION DROPDOWN -->
72 
                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
73 
                            <li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
74 
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
75 
                                    <i class="icon-bell"></i>
76 
                                    <span class="badge badge-default"> 7 </span>
77 
                                </a>
78 
                                <ul class="dropdown-menu">
79 
                                    <li class="external">
80 
                                        <h3>
81 
                                            <span class="bold">12 pending</span> notifications</h3>
82 
                                        <a href="page_user_profile_1.html">view all</a>
83 
                                    </li>
84 
                                    <li>
85 
                                        <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
86 
                                            <li>
87 
                                                <a href="javascript:;">
88 
                                                    <span class="time">just now</span>
89 
                                                    <span class="details">
90 
                                                        <span class="label label-sm label-icon label-success">
91 
                                                            <i class="fa fa-plus"></i>
92 
                                                        </span> New user registered. </span>
93 
                                                </a>
94 
                                            </li>
95 
                                            <li>
96 
                                                <a href="javascript:;">
97 
                                                    <span class="time">3 mins</span>
98 
                                                    <span class="details">
99 
                                                        <span class="label label-sm label-icon label-danger">
100 
                                                            <i class="fa fa-bolt"></i>
101 
                                                        </span> Server #12 overloaded. </span>
102 
                                                </a>
103 
                                            </li>
104 
                                            <li>
105 
                                                <a href="javascript:;">
106 
                                                    <span class="time">10 mins</span>
107 
                                                    <span class="details">
108 
                                                        <span class="label label-sm label-icon label-warning">
109 
                                                            <i class="fa fa-bell-o"></i>
110 
                                                        </span> Server #2 not responding. </span>
111 
                                                </a>
112 
                                            </li>
113 
                                            <li>
114 
                                                <a href="javascript:;">
115 
                                                    <span class="time">14 hrs</span>
116 
                                                    <span class="details">
117 
                                                        <span class="label label-sm label-icon label-info">
118 
                                                            <i class="fa fa-bullhorn"></i>
119 
                                                        </span> Application error. </span>
120 
                                                </a>
121 
                                            </li>
122 
                                            <li>
123 
                                                <a href="javascript:;">
124 
                                                    <span class="time">2 days</span>
125 
                                                    <span class="details">
126 
                                                        <span class="label label-sm label-icon label-danger">
127 
                                                            <i class="fa fa-bolt"></i>
128 
                                                        </span> Database overloaded 68%. </span>
129 
                                                </a>
130 
                                            </li>
131 
                                            <li>
132 
                                                <a href="javascript:;">
133 
                                                    <span class="time">3 days</span>
134 
                                                    <span class="details">
135 
                                                        <span class="label label-sm label-icon label-danger">
136 
                                                            <i class="fa fa-bolt"></i>
137 
                                                        </span> 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> Storage Server #4 not responding dfdfdfd. </span>
147 
                                                </a>
148 
                                            </li>
149 
                                            <li>
150 
                                                <a href="javascript:;">
151 
                                                    <span class="time">5 days</span>
152 
                                                    <span class="details">
153 
                                                        <span class="label label-sm label-icon label-info">
154 
                                                            <i class="fa fa-bullhorn"></i>
155 
                                                        </span> System Error. </span>
156 
                                                </a>
157 
                                            </li>
158 
                                            <li>
159 
                                                <a href="javascript:;">
160 
                                                    <span class="time">9 days</span>
161 
                                                    <span class="details">
162 
                                                        <span class="label label-sm label-icon label-danger">
163 
                                                            <i class="fa fa-bolt"></i>
164 
                                                        </span> Storage server failed. </span>
165 
                                                </a>
166 
                                            </li>
167 
                                        </ul>
168 
                                    </li>
169 
                                </ul>
170 
                            </li>
171 
                            <!-- END NOTIFICATION DROPDOWN -->
172 
                            <!-- BEGIN INBOX DROPDOWN -->
173 
                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
174 
                            <li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
175 
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
176 
                                    <i class="icon-envelope-open"></i>
177 
                                    <span class="badge badge-default"> 4 </span>
178 
                                </a>
179 
                                <ul class="dropdown-menu">
180 
                                    <li class="external">
181 
                                        <h3>You have
182 
                                            <span class="bold">7 New</span> Messages</h3>
183 
                                        <a href="app_inbox.html">view all</a>
184 
                                    </li>
185 
                                    <li>
186 
                                        <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
187 
                                            <li>
188 
                                                <a href="#">
189 
                                                    <span class="photo">
190 
                                                        <img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
191 
                                                    <span class="subject">
192 
                                                        <span class="from"> Lisa Wong </span>
193 
                                                        <span class="time">Just Now </span>
194 
                                                    </span>
195 
                                                    <span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
196 
                                                </a>
197 
                                            </li>
198 
                                            <li>
199 
                                                <a href="#">
200 
                                                    <span class="photo">
201 
                                                        <img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
202 
                                                    <span class="subject">
203 
                                                        <span class="from"> Richard Doe </span>
204 
                                                        <span class="time">16 mins </span>
205 
                                                    </span>
206 
                                                    <span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
207 
                                                </a>
208 
                                            </li>
209 
                                            <li>
210 
                                                <a href="#">
211 
                                                    <span class="photo">
212 
                                                        <img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
213 
                                                    <span class="subject">
214 
                                                        <span class="from"> Bob Nilson </span>
215 
                                                        <span class="time">2 hrs </span>
216 
                                                    </span>
217 
                                                    <span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
218 
                                                </a>
219 
                                            </li>
220 
                                            <li>
221 
                                                <a href="#">
222 
                                                    <span class="photo">
223 
                                                        <img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
224 
                                                    <span class="subject">
225 
                                                        <span class="from"> Lisa Wong </span>
226 
                                                        <span class="time">40 mins </span>
227 
                                                    </span>
228 
                                                    <span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
229 
                                                </a>
230 
                                            </li>
231 
                                            <li>
232 
                                                <a href="#">
233 
                                                    <span class="photo">
234 
                                                        <img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
235 
                                                    <span class="subject">
236 
                                                        <span class="from"> Richard Doe </span>
237 
                                                        <span class="time">46 mins </span>
238 
                                                    </span>
239 
                                                    <span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
240 
                                                </a>
241 
                                            </li>
242 
                                        </ul>
243 
                                    </li>
244 
                                </ul>
245 
                            </li>
246 
                            <!-- END INBOX DROPDOWN -->
247 
                            <!-- BEGIN TODO DROPDOWN -->
248 
                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
249 
                            <li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
250 
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
251 
                                    <i class="icon-calendar"></i>
252 
                                    <span class="badge badge-default"> 3 </span>
253 
                                </a>
254 
                                <ul class="dropdown-menu extended tasks">
255 
                                    <li class="external">
256 
                                        <h3>You have
257 
                                            <span class="bold">12 pending</span> tasks</h3>
258 
                                        <a href="app_todo.html">view all</a>
259 
                                    </li>
260 
                                    <li>
261 
                                        <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
262 
                                            <li>
263 
                                                <a href="javascript:;">
264 
                                                    <span class="task">
265 
                                                        <span class="desc">New release v1.2 </span>
266 
                                                        <span class="percent">30%</span>
267 
                                                    </span>
268 
                                                    <span class="progress">
269 
                                                        <span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
270 
                                                            <span class="sr-only">40% Complete</span>
271 
                                                        </span>
272 
                                                    </span>
273 
                                                </a>
274 
                                            </li>
275 
                                            <li>
276 
                                                <a href="javascript:;">
277 
                                                    <span class="task">
278 
                                                        <span class="desc">Application deployment</span>
279 
                                                        <span class="percent">65%</span>
280 
                                                    </span>
281 
                                                    <span class="progress">
282 
                                                        <span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
283 
                                                            <span class="sr-only">65% Complete</span>
284 
                                                        </span>
285 
                                                    </span>
286 
                                                </a>
287 
                                            </li>
288 
                                            <li>
289 
                                                <a href="javascript:;">
290 
                                                    <span class="task">
291 
                                                        <span class="desc">Mobile app release</span>
292 
                                                        <span class="percent">98%</span>
293 
                                                    </span>
294 
                                                    <span class="progress">
295 
                                                        <span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
296 
                                                            <span class="sr-only">98% Complete</span>
297 
                                                        </span>
298 
                                                    </span>
299 
                                                </a>
300 
                                            </li>
301 
                                            <li>
302 
                                                <a href="javascript:;">
303 
                                                    <span class="task">
304 
                                                        <span class="desc">Database migration</span>
305 
                                                        <span class="percent">10%</span>
306 
                                                    </span>
307 
                                                    <span class="progress">
308 
                                                        <span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
309 
                                                            <span class="sr-only">10% Complete</span>
310 
                                                        </span>
311 
                                                    </span>
312 
                                                </a>
313 
                                            </li>
314 
                                            <li>
315 
                                                <a href="javascript:;">
316 
                                                    <span class="task">
317 
                                                        <span class="desc">Web server upgrade</span>
318 
                                                        <span class="percent">58%</span>
319 
                                                    </span>
320 
                                                    <span class="progress">
321 
                                                        <span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
322 
                                                            <span class="sr-only">58% Complete</span>
323 
                                                        </span>
324 
                                                    </span>
325 
                                                </a>
326 
                                            </li>
327 
                                            <li>
328 
                                                <a href="javascript:;">
329 
                                                    <span class="task">
330 
                                                        <span class="desc">Mobile development</span>
331 
                                                        <span class="percent">85%</span>
332 
                                                    </span>
333 
                                                    <span class="progress">
334 
                                                        <span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
335 
                                                            <span class="sr-only">85% Complete</span>
336 
                                                        </span>
337 
                                                    </span>
338 
                                                </a>
339 
                                            </li>
340 
                                            <li>
341 
                                                <a href="javascript:;">
342 
                                                    <span class="task">
343 
                                                        <span class="desc">New UI release</span>
344 
                                                        <span class="percent">38%</span>
345 
                                                    </span>
346 
                                                    <span class="progress progress-striped">
347 
                                                        <span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
348 
                                                            <span class="sr-only">38% Complete</span>
349 
                                                        </span>
350 
                                                    </span>
351 
                                                </a>
352 
                                            </li>
353 
                                        </ul>
354 
                                    </li>
355 
                                </ul>
356 
                            </li>
357 
                            <!-- END TODO DROPDOWN -->
358 
                            <!-- BEGIN USER LOGIN DROPDOWN -->
359 
                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
360 
                            <li class="dropdown dropdown-user">
361 
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
362 
                                    <img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
363 
                                    <span class="username username-hide-on-mobile"> Nick </span>
364 
                                    <i class="fa fa-angle-down"></i>
365 
                                </a>
366 
                                <ul class="dropdown-menu dropdown-menu-default">
367 
                                    <li>
368 
                                        <a href="page_user_profile_1.html">
369 
                                            <i class="icon-user"></i> My Profile </a>
370 
                                    </li>
371 
                                    <li>
372 
                                        <a href="app_calendar.html">
373 
                                            <i class="icon-calendar"></i> My Calendar </a>
374 
                                    </li>
375 
                                    <li>
376 
                                        <a href="app_inbox.html">
377 
                                            <i class="icon-envelope-open"></i> My Inbox
378 
                                            <span class="badge badge-danger"> 3 </span>
379 
                                        </a>
380 
                                    </li>
381 
                                    <li>
382 
                                        <a href="app_todo.html">
383 
                                            <i class="icon-rocket"></i> My Tasks
384 
                                            <span class="badge badge-success"> 7 </span>
385 
                                        </a>
386 
                                    </li>
387 
                                    <li class="divider"> </li>
388 
                                    <li>
389 
                                        <a href="page_user_lock_1.html">
390 
                                            <i class="icon-lock"></i> Lock Screen </a>
391 
                                    </li>
392 
                                    <li>
393 
                                        <a href="page_user_login_1.html">
394 
                                            <i class="icon-key"></i> Log Out </a>
395 
                                    </li>
396 
                                </ul>
397 
                            </li>
398 
                            <!-- END USER LOGIN DROPDOWN -->
399 
                            <!-- BEGIN QUICK SIDEBAR TOGGLER -->
400 
                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
401 
                            <li class="dropdown dropdown-quick-sidebar-toggler">
402 
                                <a href="javascript:;" class="dropdown-toggle">
403 
                                    <i class="icon-logout"></i>
404 
                                </a>
405 
                            </li>
406 
                            <!-- END QUICK SIDEBAR TOGGLER -->
407 
                        </ul>
408 
                    </div>
409 
                    <!-- END TOP NAVIGATION MENU -->
410 
                </div>
411 
                <!-- END HEADER INNER -->
412 
            </div>
413 
            <!-- END HEADER -->
414 
            <!-- BEGIN HEADER & CONTENT DIVIDER -->
415 
            <div class="clearfix"> </div>
416 
            <!-- END HEADER & CONTENT DIVIDER -->
417 
            <!-- BEGIN CONTAINER -->
418 
            <div class="page-container">
419 
                <!-- BEGIN SIDEBAR -->
420 
                <div class="page-sidebar-wrapper">
421 
                    <!-- BEGIN SIDEBAR -->
422 
                    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
423 
                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
424 
                    <div class="page-sidebar navbar-collapse collapse">
425 
                        <!-- BEGIN SIDEBAR MENU -->
426 
                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
427 
                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
428 
                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
429 
                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
430 
                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
431 
                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
432 
                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
433 
                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
434 
                            <li class="sidebar-toggler-wrapper hide">
435 
                                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
436 
                                <div class="sidebar-toggler">
437 
                                    <span></span>
438 
                                </div>
439 
                                <!-- END SIDEBAR TOGGLER BUTTON -->
440 
                            </li>
441 
                            <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
442 
                            <li class="sidebar-search-wrapper">
443 
                                <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
444 
                                <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
445 
                                <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
446 
                                <form class="sidebar-search  " action="page_general_search_3.html" method="POST">
447 
                                    <a href="javascript:;" class="remove">
448 
                                        <i class="icon-close"></i>
449 
                                    </a>
450 
                                    <div class="input-group">
451 
                                        <input type="text" class="form-control" placeholder="Search...">
452 
                                        <span class="input-group-btn">
453 
                                            <a href="javascript:;" class="btn submit">
454 
                                                <i class="icon-magnifier"></i>
455 
                                            </a>
456 
                                        </span>
457 
                                    </div>
458 
                                </form>
459 
                                <!-- END RESPONSIVE QUICK SEARCH FORM -->
460 
                            </li>
461 
                            <li class="nav-item active">
462 
                                <a href="javascript:;" class="nav-link nav-toggle">
463 
                                    <i class="icon-folder"></i>
464 
                                    <span class="title">Section 1</span>
465 
                                    <span class="arrow open"></span>
466 
                                </a>
467 
                                <ul class="sub-menu">
468 
                                    <li class="nav-item active">
469 
                                        <a href="javascript:;" class="nav-link nav-toggle">
470 
                                            <i class="icon-settings"></i> Child Section
471 
                                            <span class="arrow open"></span>
472 
                                        </a>
473 
                                        <ul class="sub-menu">
474 
                                            <li class="nav-item">
475 
                                                <a href="layout_ajax_page_content_1.html" class="ajaxify nav-link">
476 
                                                    <i class="icon-camera"></i> Sample Link 1</a>
477 
                                            </li>
478 
                                            <li class="nav-item">
479 
                                                <a href="layout_ajax_page_content_2.html" class="ajaxify nav-link">
480 
                                                    <i class="icon-link"></i> Sample Link 2</a>
481 
                                            </li>
482 
                                            <li class="nav-item">
483 
                                                <a href="layout_ajax_page_content_3.html" class="ajaxify nav-link">
484 
                                                    <i class="icon-pointer"></i> Sample Link 3</a>
485 
                                            </li>
486 
                                            <li class="nav-item">
487 
                                                <a href="layout_ajax_page_content_4.html" class="ajaxify nav-link">
488 
                                                    <i class="icon-camera"></i> Sample Link 4</a>
489 
                                            </li>
490 
                                            <li class="nav-item">
491 
                                                <a href="layout_ajax_page_content_5.html" class="ajaxify nav-link">
492 
                                                    <i class="icon-link"></i> Sample Link 5</a>
493 
                                            </li>
494 
                                            <li class="nav-item">
495 
                                                <a href="layout_ajax_page_content_1.html" class="ajaxify nav-link">
496 
                                                    <i class="icon-pointer"></i> Sample Link 6</a>
497 
                                            </li>
498 
                                        </ul>
499 
                                    </li>
500 
                                    <li class="nav-item open">
501 
                                        <a href="javascript:;" target="_blank" class="nav-link">
502 
                                            <i class="icon-globe"></i> Arrow Toggle
503 
                                            <span class="arrow nav-toggle"></span>
504 
                                        </a>
505 
                                        <ul class="sub-menu">
506 
                                            <li class="nav-item">
507 
                                                <a href="layout_ajax_page_content_2.html" class="ajaxify nav-link">
508 
                                                    <i class="icon-camera"></i> Sample Link 1</a>
509 
                                            </li>
510 
                                            <li class="nav-item">
511 
                                                <a href="layout_ajax_page_content_3.html" class="ajaxify nav-link">
512 
                                                    <i class="icon-link"></i> Sample Link 2</a>
513 
                                            </li>
514 
                                            <li class="nav-item">
515 
                                                <a href="layout_ajax_page_content_4.html" class="ajaxify nav-link">
516 
                                                    <i class="icon-pointer"></i> Sample Link 3</a>
517 
                                            </li>
518 
                                            <li class="nav-item">
519 
                                                <a href="layout_ajax_page_content_5.html" class="ajaxify nav-link">
520 
                                                    <i class="icon-camera"></i> Sample Link 4</a>
521 
                                            </li>
522 
                                            <li class="nav-item">
523 
                                                <a href="layout_ajax_page_content_1.html" class="ajaxify nav-link">
524 
                                                    <i class="icon-link"></i> Sample Link 5</a>
525 
                                            </li>
526 
                                            <li class="nav-item">
527 
                                                <a href="layout_ajax_page_content_2.html" class="ajaxify nav-link">
528 
                                                    <i class="icon-pointer"></i> Sample Link 6</a>
529 
                                            </li>
530 
                                        </ul>
531 
                                    </li>
532 
                                </ul>
533 
                            </li>
534 
                            <li class="nav-item">
535 
                                <a href="layout_ajax_page_content_3.html" class="ajaxify nav-link">
536 
                                    <i class="icon-bar-chart"></i> Section 2</a>
537 
                            </li>
538 
                            <li class="nav-item">
539 
                                <a href="layout_ajax_page_content_4.html" class="ajaxify nav-link">
540 
                                    <i class="icon-user"></i> Section 3</a>
541 
                            </li>
542 
                            <li class="nav-item">
543 
                                <a href="javascript:;" class="nav-link nav-toggle">
544 
                                    <i class="icon-folder"></i>
545 
                                    <span class="title">Section 4</span>
546 
                                    <span class="arrow"></span>
547 
                                </a>
548 
                                <ul class="sub-menu">
549 
                                    <li class="nav-item">
550 
                                        <a href="layout_ajax_page_content_5.html" class="ajaxify nav-link">
551 
                                            <i class="icon-camera"></i> Sample Link 1</a>
552 
                                    </li>
553 
                                    <li class="nav-item">
554 
                                        <a href="layout_ajax_page_content_1.html" class="ajaxify nav-link">
555 
                                            <i class="icon-link"></i> Sample Link 2</a>
556 
                                    </li>
557 
                                    <li class="nav-item">
558 
                                        <a href="layout_ajax_page_content_2.html" class="ajaxify nav-link">
559 
                                            <i class="icon-pointer"></i> Sample Link 3</a>
560 
                                    </li>
561 
                                    <li class="nav-item">
562 
                                        <a href="layout_ajax_page_content_3.html" class="ajaxify nav-link">
563 
                                            <i class="icon-camera"></i> Sample Link 4</a>
564 
                                    </li>
565 
                                    <li class="nav-item">
566 
                                        <a href="layout_ajax_page_content_4.html" class="ajaxify nav-link">
567 
                                            <i class="icon-link"></i> Sample Link 5</a>
568 
                                    </li>
569 
                                    <li class="nav-item">
570 
                                        <a href="layout_ajax_page_content_5.html" class="ajaxify nav-link">
571 
                                            <i class="icon-pointer"></i> Sample Link 6</a>
572 
                                    </li>
573 
                                </ul>
574 
                            </li>
575 
                        </ul>
576 
                        <!-- END SIDEBAR MENU -->
577 
                        <!-- END SIDEBAR MENU -->
578 
                    </div>
579 
                    <!-- END SIDEBAR -->
580 
                </div>
581 
                <!-- END SIDEBAR -->
582 
                <!-- BEGIN CONTENT -->
583 
                <div class="page-content-wrapper">
584 
                    <!-- BEGIN CONTENT BODY -->
585 
                    <div class="page-content">
586 
                        <!-- BEGIN PAGE HEADER-->
587 
                        <!-- BEGIN THEME PANEL -->
588 
                        <div class="theme-panel hidden-xs hidden-sm">
589 
                            <div class="toggler"> </div>
590 
                            <div class="toggler-close"> </div>
591 
                            <div class="theme-options">
592 
                                <div class="theme-option theme-colors clearfix">
593 
                                    <span> THEME COLOR </span>
594 
                                    <ul>
595 
                                        <li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default"> </li>
596 
                                        <li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue"> </li>
597 
                                        <li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue"> </li>
598 
                                        <li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey"> </li>
599 
                                        <li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light"> </li>
600 
                                        <li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2"> </li>
601 
                                    </ul>
602 
                                </div>
603 
                                <div class="theme-option">
604 
                                    <span> Theme Style </span>
605 
                                    <select class="layout-style-option form-control input-sm">
606 
                                        <option value="square" selected="selected">Square corners</option>
607 
                                        <option value="rounded">Rounded corners</option>
608 
                                    </select>
609 
                                </div>
610 
                                <div class="theme-option">
611 
                                    <span> Layout </span>
612 
                                    <select class="layout-option form-control input-sm">
613 
                                        <option value="fluid" selected="selected">Fluid</option>
614 
                                        <option value="boxed">Boxed</option>
615 
                                    </select>
616 
                                </div>
617 
                                <div class="theme-option">
618 
                                    <span> Header </span>
619 
                                    <select class="page-header-option form-control input-sm">
620 
                                        <option value="fixed" selected="selected">Fixed</option>
621 
                                        <option value="default">Default</option>
622 
                                    </select>
623 
                                </div>
624 
                                <div class="theme-option">
625 
                                    <span> Top Menu Dropdown</span>
626 
                                    <select class="page-header-top-dropdown-style-option form-control input-sm">
627 
                                        <option value="light" selected="selected">Light</option>
628 
                                        <option value="dark">Dark</option>
629 
                                    </select>
630 
                                </div>
631 
                                <div class="theme-option">
632 
                                    <span> Sidebar Mode</span>
633 
                                    <select class="sidebar-option form-control input-sm">
634 
                                        <option value="fixed">Fixed</option>
635 
                                        <option value="default" selected="selected">Default</option>
636 
                                    </select>
637 
                                </div>
638 
                                <div class="theme-option">
639 
                                    <span> Sidebar Menu </span>
640 
                                    <select class="sidebar-menu-option form-control input-sm">
641 
                                        <option value="accordion" selected="selected">Accordion</option>
642 
                                        <option value="hover">Hover</option>
643 
                                    </select>
644 
                                </div>
645 
                                <div class="theme-option">
646 
                                    <span> Sidebar Style </span>
647 
                                    <select class="sidebar-style-option form-control input-sm">
648 
                                        <option value="default" selected="selected">Default</option>
649 
                                        <option value="light">Light</option>
650 
                                    </select>
651 
                                </div>
652 
                                <div class="theme-option">
653 
                                    <span> Sidebar Position </span>
654 
                                    <select class="sidebar-pos-option form-control input-sm">
655 
                                        <option value="left" selected="selected">Left</option>
656 
                                        <option value="right">Right</option>
657 
                                    </select>
658 
                                </div>
659 
                                <div class="theme-option">
660 
                                    <span> Footer </span>
661 
                                    <select class="page-footer-option form-control input-sm">
662 
                                        <option value="fixed">Fixed</option>
663 
                                        <option value="default" selected="selected">Default</option>
664 
                                    </select>
665 
                                </div>
666 
                            </div>
667 
                        </div>
668 
                        <!-- END THEME PANEL -->
669 
                        <!-- BEGIN PAGE BAR -->
670 
                        <div class="page-bar">
671 
                            <ul class="page-breadcrumb">
672 
                                <li>
673 
                                    <a href="index.html">Home</a>
674 
                                    <i class="fa fa-circle"></i>
675 
                                </li>
676 
                                <li>
677 
                                    <span>Page Layouts</span>
678 
                                </li>
679 
                            </ul>
680 
                            <div class="page-toolbar">
681 
                                <div class="btn-group pull-right">
682 
                                    <button type="button" class="btn green btn-sm btn-outline dropdown-toggle" data-toggle="dropdown"> Actions
683 
                                        <i class="fa fa-angle-down"></i>
684 
                                    </button>
685 
                                    <ul class="dropdown-menu pull-right" role="menu">
686 
                                        <li>
687 
                                            <a href="#">
688 
                                                <i class="icon-bell"></i> Action</a>
689 
                                        </li>
690 
                                        <li>
691 
                                            <a href="#">
692 
                                                <i class="icon-shield"></i> Another action</a>
693 
                                        </li>
694 
                                        <li>
695 
                                            <a href="#">
696 
                                                <i class="icon-user"></i> Something else here</a>
697 
                                        </li>
698 
                                        <li class="divider"> </li>
699 
                                        <li>
700 
                                            <a href="#">
701 
                                                <i class="icon-bag"></i> Separated link</a>
702 
                                        </li>
703 
                                    </ul>
704 
                                </div>
705 
                            </div>
706 
                        </div>
707 
                        <!-- END PAGE BAR -->
708 
                        <!-- BEGIN PAGE TITLE-->
709 
                        <h1 class="page-title"> Ajax Content Page
710 
                            <small>loading content via ajax</small>
711 
                        </h1>
712 
                        <!-- END PAGE TITLE-->
713 
                        <!-- END PAGE HEADER-->
714 
                        <div class="page-content-body">
715 
                            <div class="note note-info">
716 
                                <p> Page contents can be loaded via ajax. To enable ajax content loading for the sidebar menu you can follow below steps: </p>
717 
                            </div>
718 
                            <div class="portlet light bordered">
719 
                                <div class="portlet-title">
720 
                                    <div class="caption">
721 
                                        <i class="icon-share font-dark hide"></i>
722 
                                        <span class="caption-subject font-dark bold uppercase">Quick Info</span>
723 
                                    </div>
724 
                                    <div class="actions">
725 
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
726 
                                            <i class="icon-cloud-upload"></i>
727 
                                        </a>
728 
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
729 
                                            <i class="icon-wrench"></i>
730 
                                        </a>
731 
                                        <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;"> </a>
732 
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
733 
                                            <i class="icon-trash"></i>
734 
                                        </a>
735 
                                    </div>
736 
                                </div>
737 
                                <div class="portlet-body">
738 
                                    <p> 1. Add a DIV wrapper with <code>page-content-body</code> class under <code>page-content</code> DIV of the page content. </p>
739 
                                    <p> 2. Apply <code>ajaxify nav-link</code> class to links of the sidebar menu and specify the content URL using <code>href="some_ajax_content.php"</code> link attribute. </p>
740 
                                    <p> 3. Use <code>Layout.loadAjaxContent('some_url.php')</code> to load an ajax content programmatically </p>
741 
                                    <p> 4. Use <code>Layout.addAjaxContentSuccessCallback(function(res){ // res is ajax response object })</code> to add ajax success callback function </p>
742 
                                    <p>Use <code>Layout.addAjaxContentErrorCallback(function(res){ // res is ajax response object })</code> to add ajax error callback function</p>
743 
                                </div>
744 
                            </div>
745 
                        </div>
746 
                    </div>
747 
                    <!-- END CONTENT BODY -->
748 
                </div>
749 
                <!-- END CONTENT -->
750 
                <!-- BEGIN QUICK SIDEBAR -->
751 
                <a href="javascript:;" class="page-quick-sidebar-toggler">
752 
                    <i class="icon-login"></i>
753 
                </a>
754 
                <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
755 
                    <div class="page-quick-sidebar">
756 
                        <ul class="nav nav-tabs">
757 
                            <li class="active">
758 
                                <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
759 
                                    <span class="badge badge-danger">2</span>
760 
                                </a>
761 
                            </li>
762 
                            <li>
763 
                                <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
764 
                                    <span class="badge badge-success">7</span>
765 
                                </a>
766 
                            </li>
767 
                            <li class="dropdown">
768 
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
769 
                                    <i class="fa fa-angle-down"></i>
770 
                                </a>
771 
                                <ul class="dropdown-menu pull-right">
772 
                                    <li>
773 
                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
774 
                                            <i class="icon-bell"></i> Alerts </a>
775 
                                    </li>
776 
                                    <li>
777 
                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
778 
                                            <i class="icon-info"></i> Notifications </a>
779 
                                    </li>
780 
                                    <li>
781 
                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
782 
                                            <i class="icon-speech"></i> Activities </a>
783 
                                    </li>
784 
                                    <li class="divider"></li>
785 
                                    <li>
786 
                                        <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
787 
                                            <i class="icon-settings"></i> Settings </a>
788 
                                    </li>
789 
                                </ul>
790 
                            </li>
791 
                        </ul>
792 
                        <div class="tab-content">
793 
                            <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
794 
                                <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
795 
                                    <h3 class="list-heading">Staff</h3>
796 
                                    <ul class="media-list list-items">
797 
                                        <li class="media">
798 
                                            <div class="media-status">
799 
                                                <span class="badge badge-success">8</span>
800 
                                            </div>
801 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
802 
                                            <div class="media-body">
803 
                                                <h4 class="media-heading">Bob Nilson</h4>
804 
                                                <div class="media-heading-sub"> Project Manager </div>
805 
                                            </div>
806 
                                        </li>
807 
                                        <li class="media">
808 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
809 
                                            <div class="media-body">
810 
                                                <h4 class="media-heading">Nick Larson</h4>
811 
                                                <div class="media-heading-sub"> Art Director </div>
812 
                                            </div>
813 
                                        </li>
814 
                                        <li class="media">
815 
                                            <div class="media-status">
816 
                                                <span class="badge badge-danger">3</span>
817 
                                            </div>
818 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
819 
                                            <div class="media-body">
820 
                                                <h4 class="media-heading">Deon Hubert</h4>
821 
                                                <div class="media-heading-sub"> CTO </div>
822 
                                            </div>
823 
                                        </li>
824 
                                        <li class="media">
825 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
826 
                                            <div class="media-body">
827 
                                                <h4 class="media-heading">Ella Wong</h4>
828 
                                                <div class="media-heading-sub"> CEO </div>
829 
                                            </div>
830 
                                        </li>
831 
                                    </ul>
832 
                                    <h3 class="list-heading">Customers</h3>
833 
                                    <ul class="media-list list-items">
834 
                                        <li class="media">
835 
                                            <div class="media-status">
836 
                                                <span class="badge badge-warning">2</span>
837 
                                            </div>
838 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
839 
                                            <div class="media-body">
840 
                                                <h4 class="media-heading">Lara Kunis</h4>
841 
                                                <div class="media-heading-sub"> CEO, Loop Inc </div>
842 
                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
843 
                                            </div>
844 
                                        </li>
845 
                                        <li class="media">
846 
                                            <div class="media-status">
847 
                                                <span class="label label-sm label-success">new</span>
848 
                                            </div>
849 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
850 
                                            <div class="media-body">
851 
                                                <h4 class="media-heading">Ernie Kyllonen</h4>
852 
                                                <div class="media-heading-sub"> Project Manager,
853 
                                                    <br> SmartBizz PTL </div>
854 
                                            </div>
855 
                                        </li>
856 
                                        <li class="media">
857 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
858 
                                            <div class="media-body">
859 
                                                <h4 class="media-heading">Lisa Stone</h4>
860 
                                                <div class="media-heading-sub"> CTO, Keort Inc </div>
861 
                                                <div class="media-heading-small"> Last seen 13:10 PM </div>
862 
                                            </div>
863 
                                        </li>
864 
                                        <li class="media">
865 
                                            <div class="media-status">
866 
                                                <span class="badge badge-success">7</span>
867 
                                            </div>
868 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
869 
                                            <div class="media-body">
870 
                                                <h4 class="media-heading">Deon Portalatin</h4>
871 
                                                <div class="media-heading-sub"> CFO, H&D LTD </div>
872 
                                            </div>
873 
                                        </li>
874 
                                        <li class="media">
875 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
876 
                                            <div class="media-body">
877 
                                                <h4 class="media-heading">Irina Savikova</h4>
878 
                                                <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
879 
                                            </div>
880 
                                        </li>
881 
                                        <li class="media">
882 
                                            <div class="media-status">
883 
                                                <span class="badge badge-danger">4</span>
884 
                                            </div>
885 
                                            <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
886 
                                            <div class="media-body">
887 
                                                <h4 class="media-heading">Maria Gomez</h4>
888 
                                                <div class="media-heading-sub"> Manager, Infomatic Inc </div>
889 
                                                <div class="media-heading-small"> Last seen 03:10 AM </div>
890 
                                            </div>
891 
                                        </li>
892 
                                    </ul>
893 
                                </div>
894 
                                <div class="page-quick-sidebar-item">
895 
                                    <div class="page-quick-sidebar-chat-user">
896 
                                        <div class="page-quick-sidebar-nav">
897 
                                            <a href="javascript:;" class="page-quick-sidebar-back-to-list">
898 
                                                <i class="icon-arrow-left"></i>Back</a>
899 
                                        </div>
900 
                                        <div class="page-quick-sidebar-chat-user-messages">
901 
                                            <div class="post out">
902 
                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
903 
                                                <div class="message">
904 
                                                    <span class="arrow"></span>
905 
                                                    <a href="javascript:;" class="name">Bob Nilson</a>
906 
                                                    <span class="datetime">20:15</span>
907 
                                                    <span class="body"> When could you send me the report ? </span>
908 
                                                </div>
909 
                                            </div>
910 
                                            <div class="post in">
911 
                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
912 
                                                <div class="message">
913 
                                                    <span class="arrow"></span>
914 
                                                    <a href="javascript:;" class="name">Ella Wong</a>
915 
                                                    <span class="datetime">20:15</span>
916 
                                                    <span class="body"> Its almost done. I will be sending it shortly </span>
917 
                                                </div>
918 
                                            </div>
919 
                                            <div class="post out">
920 
                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
921 
                                                <div class="message">
922 
                                                    <span class="arrow"></span>
923 
                                                    <a href="javascript:;" class="name">Bob Nilson</a>
924 
                                                    <span class="datetime">20:15</span>
925 
                                                    <span class="body"> Alright. Thanks! :) </span>
926 
                                                </div>
927 
                                            </div>
928 
                                            <div class="post in">
929 
                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
930 
                                                <div class="message">
931 
                                                    <span class="arrow"></span>
932 
                                                    <a href="javascript:;" class="name">Ella Wong</a>
933 
                                                    <span class="datetime">20:16</span>
934 
                                                    <span class="body"> You are most welcome. Sorry for the delay. </span>
935 
                                                </div>
936 
                                            </div>
937 
                                            <div class="post out">
938 
                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
939 
                                                <div class="message">
940 
                                                    <span class="arrow"></span>
941 
                                                    <a href="javascript:;" class="name">Bob Nilson</a>
942 
                                                    <span class="datetime">20:17</span>
943 
                                                    <span class="body"> No probs. Just take your time :) </span>
944 
                                                </div>
945 
                                            </div>
946 
                                            <div class="post in">
947 
                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
948 
                                                <div class="message">
949 
                                                    <span class="arrow"></span>
950 
                                                    <a href="javascript:;" class="name">Ella Wong</a>
951 
                                                    <span class="datetime">20:40</span>
952 
                                                    <span class="body"> Alright. I just emailed it to you. </span>
953 
                                                </div>
954 
                                            </div>
955 
                                            <div class="post out">
956 
                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
957 
                                                <div class="message">
958 
                                                    <span class="arrow"></span>
959 
                                                    <a href="javascript:;" class="name">Bob Nilson</a>
960 
                                                    <span class="datetime">20:17</span>
961 
                                                    <span class="body"> Great! Thanks. Will check it right away. </span>
962 
                                                </div>
963 
                                            </div>
964 
                                            <div class="post in">
965 
                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
966 
                                                <div class="message">
967 
                                                    <span class="arrow"></span>
968 
                                                    <a href="javascript:;" class="name">Ella Wong</a>
969 
                                                    <span class="datetime">20:40</span>
970 
                                                    <span class="body"> Please let me know if you have any comment. </span>
971 
                                                </div>
972 
                                            </div>
973 
                                            <div class="post out">
974 
                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
975 
                                                <div class="message">
976 
                                                    <span class="arrow"></span>
977 
                                                    <a href="javascript:;" class="name">Bob Nilson</a>
978 
                                                    <span class="datetime">20:17</span>
979 
                                                    <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
980 
                                                </div>
981 
                                            </div>
982 
                                        </div>
983 
                                        <div class="page-quick-sidebar-chat-user-form">
984 
                                            <div class="input-group">
985 
                                                <input type="text" class="form-control" placeholder="Type a message here...">
986 
                                                <div class="input-group-btn">
987 
                                                    <button type="button" class="btn green">
988 
                                                        <i class="icon-paper-clip"></i>
989 
                                                    </button>
990 
                                                </div>
991 
                                            </div>
992 
                                        </div>
993 
                                    </div>
994 
                                </div>
995 
                            </div>
996 
                            <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
997 
                                <div class="page-quick-sidebar-alerts-list">
998 
                                    <h3 class="list-heading">General</h3>
999 
                                    <ul class="feeds list-items">
1000 
                                        <li>
1001 
                                            <div class="col1">
1002 
                                                <div class="cont">
1003 
                                                    <div class="cont-col1">
1004 
                                                        <div class="label label-sm label-info">
1005 
                                                            <i class="fa fa-check"></i>
1006 
                                                        </div>
1007 
                                                    </div>
1008 
                                                    <div class="cont-col2">
1009 
                                                        <div class="desc"> You have 4 pending tasks.
1010 
                                                            <span class="label label-sm label-warning "> Take action
1011 
                                                                <i class="fa fa-share"></i>
1012 
                                                            </span>
1013 
                                                        </div>
1014 
                                                    </div>
1015 
                                                </div>
1016 
                                            </div>
1017 
                                            <div class="col2">
1018 
                                                <div class="date"> Just now </div>
1019 
                                            </div>
1020 
                                        </li>
1021 
                                        <li>
1022 
                                            <a href="javascript:;">
1023 
                                                <div class="col1">
1024 
                                                    <div class="cont">
1025 
                                                        <div class="cont-col1">
1026 
                                                            <div class="label label-sm label-success">
1027 
                                                                <i class="fa fa-bar-chart-o"></i>
1028 
                                                            </div>
1029 
                                                        </div>
1030 
                                                        <div class="cont-col2">
1031 
                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
1032 
                                                        </div>
1033 
                                                    </div>
1034 
                                                </div>
1035 
                                                <div class="col2">
1036 
                                                    <div class="date"> 20 mins </div>
1037 
                                                </div>
1038 
                                            </a>
1039 
                                        </li>
1040 
                                        <li>
1041 
                                            <div class="col1">
1042 
                                                <div class="cont">
1043 
                                                    <div class="cont-col1">
1044 
                                                        <div class="label label-sm label-danger">
1045 
                                                            <i class="fa fa-user"></i>
1046 
                                                        </div>
1047 
                                                    </div>
1048 
                                                    <div class="cont-col2">
1049 
                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
1050 
                                                    </div>
1051 
                                                </div>
1052 
                                            </div>
1053 
                                            <div class="col2">
1054 
                                                <div class="date"> 24 mins </div>
1055 
                                            </div>
1056 
                                        </li>
1057 
                                        <li>
1058 
                                            <div class="col1">
1059 
                                                <div class="cont">
1060 
                                                    <div class="cont-col1">
1061 
                                                        <div class="label label-sm label-info">
1062 
                                                            <i class="fa fa-shopping-cart"></i>
1063 
                                                        </div>
1064 
                                                    </div>
1065 
                                                    <div class="cont-col2">
1066 
                                                        <div class="desc"> New order received with
1067 
                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
1068 
                                                        </div>
1069 
                                                    </div>
1070 
                                                </div>
1071 
                                            </div>
1072 
                                            <div class="col2">
1073 
                                                <div class="date"> 30 mins </div>
1074 
                                            </div>
1075 
                                        </li>
1076 
                                        <li>
1077 
                                            <div class="col1">
1078 
                                                <div class="cont">
1079 
                                                    <div class="cont-col1">
1080 
                                                        <div class="label label-sm label-success">
1081 
                                                            <i class="fa fa-user"></i>
1082 
                                                        </div>
1083 
                                                    </div>
1084 
                                                    <div class="cont-col2">
1085 
                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
1086 
                                                    </div>
1087 
                                                </div>
1088 
                                            </div>
1089 
                                            <div class="col2">
1090 
                                                <div class="date"> 24 mins </div>
1091 
                                            </div>
1092 
                                        </li>
1093 
                                        <li>
1094 
                                            <div class="col1">
1095 
                                                <div class="cont">
1096 
                                                    <div class="cont-col1">
1097 
                                                        <div class="label label-sm label-info">
1098 
                                                            <i class="fa fa-bell-o"></i>
1099 
                                                        </div>
1100 
                                                    </div>
1101 
                                                    <div class="cont-col2">
1102 
                                                        <div class="desc"> Web server hardware needs to be upgraded.
1103 
                                                            <span class="label label-sm label-warning"> Overdue </span>
1104 
                                                        </div>
1105 
                                                    </div>
1106 
                                                </div>
1107 
                                            </div>
1108 
                                            <div class="col2">
1109 
                                                <div class="date"> 2 hours </div>
1110 
                                            </div>
1111 
                                        </li>
1112 
                                        <li>
1113 
                                            <a href="javascript:;">
1114 
                                                <div class="col1">
1115 
                                                    <div class="cont">
1116 
                                                        <div class="cont-col1">
1117 
                                                            <div class="label label-sm label-default">
1118 
                                                                <i class="fa fa-briefcase"></i>
1119 
                                                            </div>
1120 
                                                        </div>
1121 
                                                        <div class="cont-col2">
1122 
                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
1123 
                                                        </div>
1124 
                                                    </div>
1125 
                                                </div>
1126 
                                                <div class="col2">
1127 
                                                    <div class="date"> 20 mins </div>
1128 
                                                </div>
1129 
                                            </a>
1130 
                                        </li>
1131 
                                    </ul>
1132 
                                    <h3 class="list-heading">System</h3>
1133 
                                    <ul class="feeds list-items">
1134 
                                        <li>
1135 
                                            <div class="col1">
1136 
                                                <div class="cont">
1137 
                                                    <div class="cont-col1">
1138 
                                                        <div class="label label-sm label-info">
1139 
                                                            <i class="fa fa-check"></i>
1140 
                                                        </div>
1141 
                                                    </div>
1142 
                                                    <div class="cont-col2">
1143 
                                                        <div class="desc"> You have 4 pending tasks.
1144 
                                                            <span class="label label-sm label-warning "> Take action
1145 
                                                                <i class="fa fa-share"></i>
1146 
                                                            </span>
1147 
                                                        </div>
1148 
                                                    </div>
1149 
                                                </div>
1150 
                                            </div>
1151 
                                            <div class="col2">
1152 
                                                <div class="date"> Just now </div>
1153 
                                            </div>
1154 
                                        </li>
1155 
                                        <li>
1156 
                                            <a href="javascript:;">
1157 
                                                <div class="col1">
1158 
                                                    <div class="cont">
1159 
                                                        <div class="cont-col1">
1160 
                                                            <div class="label label-sm label-danger">
1161 
                                                                <i class="fa fa-bar-chart-o"></i>
1162 
                                                            </div>
1163 
                                                        </div>
1164 
                                                        <div class="cont-col2">
1165 
                                                            <div class="desc"> Finance Report for year 2013 has been released. </div>
1166 
                                                        </div>
1167 
                                                    </div>
1168 
                                                </div>
1169 
                                                <div class="col2">
1170 
                                                    <div class="date"> 20 mins </div>
1171 
                                                </div>
1172 
                                            </a>
1173 
                                        </li>
1174 
                                        <li>
1175 
                                            <div class="col1">
1176 
                                                <div class="cont">
1177 
                                                    <div class="cont-col1">
1178 
                                                        <div class="label label-sm label-default">
1179 
                                                            <i class="fa fa-user"></i>
1180 
                                                        </div>
1181 
                                                    </div>
1182 
                                                    <div class="cont-col2">
1183 
                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
1184 
                                                    </div>
1185 
                                                </div>
1186 
                                            </div>
1187 
                                            <div class="col2">
1188 
                                                <div class="date"> 24 mins </div>
1189 
                                            </div>
1190 
                                        </li>
1191 
                                        <li>
1192 
                                            <div class="col1">
1193 
                                                <div class="cont">
1194 
                                                    <div class="cont-col1">
1195 
                                                        <div class="label label-sm label-info">
1196 
                                                            <i class="fa fa-shopping-cart"></i>
1197 
                                                        </div>
1198 
                                                    </div>
1199 
                                                    <div class="cont-col2">
1200 
                                                        <div class="desc"> New order received with
1201 
                                                            <span class="label label-sm label-success"> Reference Number: DR23923 </span>
1202 
                                                        </div>
1203 
                                                    </div>
1204 
                                                </div>
1205 
                                            </div>
1206 
                                            <div class="col2">
1207 
                                                <div class="date"> 30 mins </div>
1208 
                                            </div>
1209 
                                        </li>
1210 
                                        <li>
1211 
                                            <div class="col1">
1212 
                                                <div class="cont">
1213 
                                                    <div class="cont-col1">
1214 
                                                        <div class="label label-sm label-success">
1215 
                                                            <i class="fa fa-user"></i>
1216 
                                                        </div>
1217 
                                                    </div>
1218 
                                                    <div class="cont-col2">
1219 
                                                        <div class="desc"> You have 5 pending membership that requires a quick review. </div>
1220 
                                                    </div>
1221 
                                                </div>
1222 
                                            </div>
1223 
                                            <div class="col2">
1224 
                                                <div class="date"> 24 mins </div>
1225 
                                            </div>
1226 
                                        </li>
1227 
                                        <li>
1228 
                                            <div class="col1">
1229 
                                                <div class="cont">
1230 
                                                    <div class="cont-col1">
1231 
                                                        <div class="label label-sm label-warning">
1232 
                                                            <i class="fa fa-bell-o"></i>
1233 
                                                        </div>
1234 
                                                    </div>
1235 
                                                    <div class="cont-col2">
1236 
                                                        <div class="desc"> Web server hardware needs to be upgraded.
1237 
                                                            <span class="label label-sm label-default "> Overdue </span>
1238 
                                                        </div>
1239 
                                                    </div>
1240 
                                                </div>
1241 
                                            </div>
1242 
                                            <div class="col2">
1243 
                                                <div class="date"> 2 hours </div>
1244 
                                            </div>
1245 
                                        </li>
1246 
                                        <li>
1247 
                                            <a href="javascript:;">
1248 
                                                <div class="col1">
1249 
                                                    <div class="cont">
1250 
                                                        <div class="cont-col1">
1251 
                                                            <div class="label label-sm label-info">
1252 
                                                                <i class="fa fa-briefcase"></i>
1253 
                                                            </div>
1254 
                                                        </div>
1255 
                                                        <div class="cont-col2">
1256 
                                                            <div class="desc"> IPO Report for year 2013 has been released. </div>
1257 
                                                        </div>
1258 
                                                    </div>
1259 
                                                </div>
1260 
                                                <div class="col2">
1261 
                                                    <div class="date"> 20 mins </div>
1262 
                                                </div>
1263 
                                            </a>
1264 
                                        </li>
1265 
                                    </ul>
1266 
                                </div>
1267 
                            </div>
1268 
                            <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
1269 
                                <div class="page-quick-sidebar-settings-list">
1270 
                                    <h3 class="list-heading">General Settings</h3>
1271 
                                    <ul class="list-items borderless">
1272 
                                        <li> Enable Notifications
1273 
                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
1274 
                                        <li> Allow Tracking
1275 
                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
1276 
                                        <li> Log Errors
1277 
                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
1278 
                                        <li> Auto Sumbit Issues
1279 
                                            <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
1280 
                                        <li> Enable SMS Alerts
1281 
                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
1282 
                                    </ul>
1283 
                                    <h3 class="list-heading">System Settings</h3>
1284 
                                    <ul class="list-items borderless">
1285 
                                        <li> Security Level
1286 
                                            <select class="form-control input-inline input-sm input-small">
1287 
                                                <option value="1">Normal</option>
1288 
                                                <option value="2" selected>Medium</option>
1289 
                                                <option value="e">High</option>
1290 
                                            </select>
1291 
                                        </li>
1292 
                                        <li> Failed Email Attempts
1293 
                                            <input class="form-control input-inline input-sm input-small" value="5" /> </li>
1294 
                                        <li> Secondary SMTP Port
1295 
                                            <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
1296 
                                        <li> Notify On System Error
1297 
                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
1298 
                                        <li> Notify On SMTP Error
1299 
                                            <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
1300 
                                    </ul>
1301 
                                    <div class="inner-content">
1302 
                                        <button class="btn btn-success">
1303 
                                            <i class="icon-settings"></i> Save Changes</button>
1304 
                                    </div>
1305 
                                </div>
1306 
                            </div>
1307 
                        </div>
1308 
                    </div>
1309 
                </div>
1310 
                <!-- END QUICK SIDEBAR -->
1311 
            </div>
1312 
            <!-- END CONTAINER -->
1313 
            <!-- BEGIN FOOTER -->
1314 
            <div class="page-footer">
1315 
                <div class="page-footer-inner"> 2016 &copy; Metronic Theme By
1316 
                    <a target="_blank" href="http://keenthemes.com">Keenthemes</a> &nbsp;|&nbsp;
1317 
                    <a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase Metronic!</a>
1318 
                </div>
1319 
                <div class="scroll-to-top">
1320 
                    <i class="icon-arrow-up"></i>
1321 
                </div>
1322 
            </div>
1323 
            <!-- END FOOTER -->
1324 
        </div>
1325 
        <!--[if lt IE 9]>
1326 
<script src="../assets/global/plugins/respond.min.js"></script>
1327 
<script src="../assets/global/plugins/excanvas.min.js"></script>
1328 
<![endif]-->
1329 
        <!-- BEGIN CORE PLUGINS -->
1330 
        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
1331 
        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
1332 
        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
1333 
        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
1334 
        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
1335 
        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
1336 
        <!-- END CORE PLUGINS -->
1337 
        <!-- BEGIN THEME GLOBAL SCRIPTS -->
1338 
        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
1339 
        <!-- END THEME GLOBAL SCRIPTS -->
1340 
        <!-- BEGIN THEME LAYOUT SCRIPTS -->
1341 
        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
1342 
        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
1343 
        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
1344 
        <!-- END THEME LAYOUT SCRIPTS -->
1345 
    </body>