API tools faq
paste
Advertisement
Guest User

Metronic Mega Menu

a guest
Apr 1st, 2015
808
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 146.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3. Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.2
  4. Version: 3.7.0
  5. Author: KeenThemes
  6. Website: http://www.keenthemes.com/
  7. Contact: support@keenthemes.com
  8. Follow: www.twitter.com/keenthemes
  9. Like: www.facebook.com/keenthemes
  10. Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
  11. License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
  12. -->
  13. <!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
  14. <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
  15. <!--[if !IE]><!-->
  16. <html lang="en">
  17. <!--<![endif]-->
  18. <!-- BEGIN HEAD -->
  19. <head>
  20. <meta charset="utf-8"/>
  21. <title>Metronic | Page Layouts - Dashboard & Mega Menu</title>
  22. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  23. <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  24. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  25. <meta content="" name="description"/>
  26. <meta content="" name="author"/>
  27. <!-- BEGIN GLOBAL MANDATORY STYLES -->
  28. <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
  29. <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  30. <link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  31. <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  32. <link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
  33. <link href="../../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  34. <!-- END GLOBAL MANDATORY STYLES -->
  35. <!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
  36. <link href="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css"/>
  37. <link href="../../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css"/>
  38. <link href="../../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css"/>
  39. <!-- END PAGE LEVEL PLUGIN STYLES -->
  40. <!-- BEGIN PAGE STYLES -->
  41. <link href="../../assets/admin/pages/css/tasks.css" rel="stylesheet" type="text/css"/>
  42. <!-- END PAGE STYLES -->
  43. <!-- BEGIN THEME STYLES -->
  44. <link href="../../assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
  45. <link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
  46. <link href="../../assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
  47. <link id="style_color" href="../../assets/admin/layout/css/themes/darkblue.css" rel="stylesheet" type="text/css"/>
  48. <link href="../../assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
  49. <!-- END THEME STYLES -->
  50. <link rel="shortcut icon" href="favicon.ico"/>
  51. </head>
  52. <!-- END HEAD -->
  53. <!-- BEGIN BODY -->
  54. <!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
  55. <!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
  56. <!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
  57. <!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
  58. <!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
  59. <!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
  60. <!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
  61. <!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
  62. <!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
  63. <body class="page-header-fixed page-quick-sidebar-over-content page-full-width">
  64. <!-- BEGIN HEADER -->
  65. <div class="page-header -i navbar navbar-fixed-top">
  66. <!-- BEGIN HEADER INNER -->
  67. <div class="page-header-inner">
  68. <!-- BEGIN LOGO -->
  69. <div class="page-logo">
  70. <a href="index.html">
  71. <img src="../../assets/admin/layout/img/logo.png" alt="logo" class="logo-default"/>
  72. </a>
  73. </div>
  74. <!-- END LOGO -->
  75. <!-- BEGIN HORIZANTAL MENU -->
  76. <!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
  77. <!-- DOC: This is desktop version of the horizontal menu. The mobile version is defined(duplicated) sidebar menu below. So the horizontal menu has 2 seperate versions -->
  78. <div class="hor-menu hidden-sm hidden-xs">
  79. <ul class="nav navbar-nav">
  80. <!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the horizontal opening on mouse hover -->
  81. <li class="classic-menu-dropdown active">
  82. <a href="index.html">
  83. Dashboard <span class="selected">
  84. </span>
  85. </a>
  86. </li>
  87. <li class="mega-menu-dropdown mega-menu-full">
  88. <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" data-hover="megamenu-dropdown" data-close-others="true">
  89. Full Mega <i class="fa fa-angle-down"></i>
  90. </a>
  91. <ul class="dropdown-menu">
  92. <li>
  93. <!-- Content container to add padding -->
  94. <div class="mega-menu-content ">
  95. <div class="row">
  96. <div class="col-md-8">
  97. <div class="row">
  98. <div class="col-md-4">
  99. <ul class="mega-menu-submenu">
  100. <li>
  101. <h3>Layouts</h3>
  102. </li>
  103. <li>
  104. <a href="index_horizontal_menu.html">
  105. <i class="fa fa-angle-right"></i> Dashboard & Mega Menu </a>
  106. </li>
  107. <li>
  108. <a href="layout_horizontal_sidebar_menu.html">
  109. <i class="fa fa-angle-right"></i> Horizontal & Sidebar Menu </a>
  110. </li>
  111. <li>
  112. <a href="layout_fontawesome_icons.html">
  113. <i class="fa fa-angle-right"></i> Layout with Fontawesome</a>
  114. </li>
  115. <li>
  116. <a href="layout_glyphicons.html">
  117. <i class="fa fa-angle-right"></i> Layout with Glyphicon</a>
  118. </li>
  119. <li>
  120. <a href="layout_full_height_portlet.html">
  121. <i class="fa fa-angle-right"></i> Full Height Portlet <span class="badge badge-roundless badge-danger">new</span></a>
  122. </li>
  123. <li>
  124. <a href="layout_full_height_content.html">
  125. <i class="fa fa-angle-right"></i> Full Height Content <span class="badge badge-roundless badge-warning">new</span></a>
  126. </li>
  127. <li>
  128. <a href="layout_horizontal_menu1.html">
  129. <i class="fa fa-angle-right"></i> Horizontal Mega Menu 1 </a>
  130. </li>
  131. </ul>
  132. </div>
  133. <div class="col-md-4">
  134. <ul class="mega-menu-submenu">
  135. <li>
  136. <h3>More Layouts</h3>
  137. </li>
  138. <li>
  139. <a href="layout_horizontal_menu2.html">
  140. <i class="fa fa-angle-right"></i> Horizontal Mega Menu 2 </a>
  141. </li>
  142. <li>
  143. <a href="layout_search_on_header1.html">
  144. <i class="fa fa-angle-right"></i> Search Box On Header 1 </a>
  145. </li>
  146. <li>
  147. <a href="layout_search_on_header2.html">
  148. <i class="fa fa-angle-right"></i> Search Box On Header 2 </a>
  149. </li>
  150. <li>
  151. <a href="layout_sidebar_search_option1.html">
  152. <i class="fa fa-angle-right"></i> Sidebar Search Option 1 </a>
  153. </li>
  154. <li>
  155. <a href="layout_sidebar_search_option2.html">
  156. <i class="fa fa-angle-right"></i> Sidebar Search Option 2 </a>
  157. </li>
  158. <li>
  159. <a href="layout_sidebar_reversed.html">
  160. <i class="fa fa-angle-right"></i> Right Sidebar Page </a>
  161. </li>
  162. <li>
  163. <a href="layout_sidebar_fixed.html">
  164. <i class="fa fa-angle-right"></i> Sidebar Fixed Page </a>
  165. </li>
  166. </ul>
  167. </div>
  168. <div class="col-md-4">
  169. <ul class="mega-menu-submenu">
  170. <li>
  171. <h3>Even More!</h3>
  172. </li>
  173. <li>
  174. <a href="layout_sidebar_closed.html">
  175. <i class="fa fa-angle-right"></i> Sidebar Closed Page </a>
  176. </li>
  177. <li>
  178. <a href="layout_ajax.html">
  179. <i class="fa fa-angle-right"></i> Content Loading via Ajax </a>
  180. </li>
  181. <li>
  182. <a href="layout_disabled_menu.html">
  183. <i class="fa fa-angle-right"></i> Disabled Menu Links </a>
  184. </li>
  185. <li>
  186. <a href="layout_blank_page.html">
  187. <i class="fa fa-angle-right"></i> Blank Page </a>
  188. </li>
  189. <li>
  190. <a href="layout_boxed_page.html">
  191. <i class="fa fa-angle-right"></i> Boxed Page </a>
  192. </li>
  193. <li>
  194. <a href="layout_language_bar.html">
  195. <i class="fa fa-angle-right"></i> Language Switch Bar </a>
  196. </li>
  197. </ul>
  198. </div>
  199. </div>
  200. </div>
  201. <div class="col-md-4">
  202. <div id="accordion" class="panel-group">
  203. <div class="panel panel-success">
  204. <div class="panel-heading">
  205. <h4 class="panel-title">
  206. <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapsed">
  207. Mega Menu Info #1 </a>
  208. </h4>
  209. </div>
  210. <div id="collapseOne" class="panel-collapse in">
  211. <div class="panel-body">
  212. Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
  213. </div>
  214. </div>
  215. </div>
  216. <div class="panel panel-danger">
  217. <div class="panel-heading">
  218. <h4 class="panel-title">
  219. <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
  220. Mega Menu Info #2 </a>
  221. </h4>
  222. </div>
  223. <div id="collapseTwo" class="panel-collapse collapse">
  224. <div class="panel-body">
  225. Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
  226. </div>
  227. </div>
  228. </div>
  229. <div class="panel panel-info">
  230. <div class="panel-heading">
  231. <h4 class="panel-title">
  232. <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
  233. Mega Menu Info #3 </a>
  234. </h4>
  235. </div>
  236. <div id="collapseThree" class="panel-collapse collapse">
  237. <div class="panel-body">
  238. Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </li>
  247. </ul>
  248. </li>
  249. <li class="classic-menu-dropdown">
  250. <a data-toggle="dropdown" href="javascript:;" data-hover="megamenu-dropdown" data-close-others="true">
  251. Classic <i class="fa fa-angle-down"></i>
  252. </a>
  253. <ul class="dropdown-menu pull-left">
  254. <li>
  255. <a href="javascript:;">
  256. <i class="fa fa-bookmark-o"></i> Section 1 </a>
  257. </li>
  258. <li>
  259. <a href="javascript:;">
  260. <i class="fa fa-user"></i> Section 2 </a>
  261. </li>
  262. <li>
  263. <a href="javascript:;">
  264. <i class="fa fa-puzzle-piece"></i> Section 3 </a>
  265. </li>
  266. <li>
  267. <a href="javascript:;">
  268. <i class="fa fa-gift"></i> Section 4 </a>
  269. </li>
  270. <li>
  271. <a href="javascript:;">
  272. <i class="fa fa-table"></i> Section 5 </a>
  273. </li>
  274. <li class="dropdown-submenu">
  275. <a href="javascript:;">
  276. <i class="fa fa-envelope-o"></i> More options </a>
  277. <ul class="dropdown-menu">
  278. <li>
  279. <a href="javascript:;">
  280. Second level link </a>
  281. </li>
  282. <li class="dropdown-submenu">
  283. <a href="javascript:;">
  284. More options </a>
  285. <ul class="dropdown-menu">
  286. <li>
  287. <a href="index.html">
  288. Third level link </a>
  289. </li>
  290. <li>
  291. <a href="index.html">
  292. Third level link </a>
  293. </li>
  294. <li>
  295. <a href="index.html">
  296. Third level link </a>
  297. </li>
  298. <li>
  299. <a href="index.html">
  300. Third level link </a>
  301. </li>
  302. <li>
  303. <a href="index.html">
  304. Third level link </a>
  305. </li>
  306. </ul>
  307. </li>
  308. <li>
  309. <a href="index.html">
  310. Second level link </a>
  311. </li>
  312. <li>
  313. <a href="index.html">
  314. Second level link </a>
  315. </li>
  316. <li>
  317. <a href="index.html">
  318. Second level link </a>
  319. </li>
  320. </ul>
  321. </li>
  322. </ul>
  323. </li>
  324. <li class="mega-menu-dropdown">
  325. <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" data-hover="megamenu-dropdown" data-close-others="true">
  326. Mega <i class="fa fa-angle-down"></i>
  327. </a>
  328. <ul class="dropdown-menu" style="min-width: 700px;">
  329. <li>
  330. <!-- Content container to add padding -->
  331. <div class="mega-menu-content">
  332. <div class="row">
  333. <div class="col-md-4">
  334. <ul class="mega-menu-submenu">
  335. <li>
  336. <h3>Layouts</h3>
  337. </li>
  338. <li>
  339. <a href="index_horizontal_menu.html">
  340. Dashboard & Mega Menu
  341. </a>
  342. </li>
  343. <li>
  344. <a href="layout_horizontal_sidebar_menu.html">
  345. Horizontal & Sidebar Menu
  346. </a>
  347. </li>
  348. <li>
  349. <a href="layout_fontawesome_icons.html">
  350. Layout with Fontawesome
  351. </a>
  352. </li>
  353. <li>
  354. <a href="layout_glyphicons.html">
  355. Layout with Glyphicon
  356. </a>
  357. </li>
  358. <li>
  359. <a href="layout_full_height_portlet.html">
  360. Full Height Portlet <span class="badge badge-roundless badge-danger">new</span>
  361. </a>
  362. </li>
  363. <li>
  364. <a href="layout_full_height_content.html">
  365. Full Height Content <span class="badge badge-roundless badge-warning">new</span>
  366. </a>
  367. </li>
  368. <li>
  369. <a href="layout_horizontal_menu1.html">
  370. Horizontal Mega Menu 1
  371. </a>
  372. </li>
  373. </ul>
  374. </div>
  375. <div class="col-md-4">
  376. <ul class="mega-menu-submenu">
  377. <li>
  378. <h3>More Layouts</h3>
  379. </li>
  380. <li>
  381. <a href="layout_horizontal_menu2.html">
  382. Horizontal Mega Menu 2
  383. </a>
  384. </li>
  385. <li>
  386. <a href="layout_search_on_header1.html">
  387. Search Box On Header 1
  388. </a>
  389. </li>
  390. <li>
  391. <a href="layout_search_on_header2.html">
  392. Search Box On Header 2
  393. </a>
  394. </li>
  395. <li>
  396. <a href="layout_sidebar_search_option1.html">
  397. Sidebar Search Option 1
  398. </a>
  399. </li>
  400. <li>
  401. <a href="layout_sidebar_search_option2.html">
  402. Sidebar Search Option 2
  403. </a>
  404. </li>
  405. <li>
  406. <a href="layout_sidebar_reversed.html">
  407. Right Sidebar Page
  408. </a>
  409. </li>
  410. <li>
  411. <a href="layout_sidebar_fixed.html">
  412. Sidebar Fixed Page
  413. </a>
  414. </li>
  415. </ul>
  416. </div>
  417. <div class="col-md-4">
  418. <ul class="mega-menu-submenu">
  419. <li>
  420. <h3>Even More!</h3>
  421. </li>
  422. <li>
  423. <a href="layout_sidebar_closed.html">
  424. Sidebar Closed Page
  425. </a>
  426. </li>
  427. <li>
  428. <a href="layout_ajax.html">
  429. Content Loading via Ajax
  430. </a>
  431. </li>
  432. <li>
  433. <a href="layout_disabled_menu.html">
  434. Disabled Menu Links
  435. </a>
  436. </li>
  437. <li>
  438. <a href="layout_blank_page.html">
  439. Blank Page
  440. </a>
  441. </li>
  442. <li>
  443. <a href="layout_boxed_page.html">
  444. Boxed Page
  445. </a>
  446. </li>
  447. <li>
  448. <a href="layout_language_bar.html">
  449. Language Switch Bar
  450. </a>
  451. </li>
  452. </ul>
  453. </div>
  454. </div>
  455. </div>
  456. </li>
  457. </ul>
  458. </li>
  459. </ul>
  460. </div>
  461. <!-- END HORIZANTAL MENU -->
  462. <!-- BEGIN HEADER SEARCH BOX -->
  463. <!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
  464. <form class="search-form" action="extra_search.html" method="GET">
  465. <div class="input-group">
  466. <input type="text" class="form-control" placeholder="Search..." name="query">
  467. <span class="input-group-btn">
  468. <a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
  469. </span>
  470. </div>
  471. </form>
  472. <!-- END HEADER SEARCH BOX -->
  473. <!-- BEGIN RESPONSIVE MENU TOGGLER -->
  474. <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
  475. </a>
  476. <!-- END RESPONSIVE MENU TOGGLER -->
  477. <!-- BEGIN TOP NAVIGATION MENU -->
  478. <div class="top-menu">
  479. <ul class="nav navbar-nav pull-right">
  480. <!-- BEGIN NOTIFICATION DROPDOWN -->
  481. <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
  482. <li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
  483. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  484. <i class="icon-bell"></i>
  485. <span class="badge badge-default">
  486. 7 </span>
  487. </a>
  488. <ul class="dropdown-menu">
  489. <li class="external">
  490. <h3><span class="bold">12 pending</span> notifications</h3>
  491. <a href="extra_profile.html">view all</a>
  492. </li>
  493. <li>
  494. <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
  495. <li>
  496. <a href="javascript:;">
  497. <span class="time">just now</span>
  498. <span class="details">
  499. <span class="label label-sm label-icon label-success">
  500. <i class="fa fa-plus"></i>
  501. </span>
  502. New user registered. </span>
  503. </a>
  504. </li>
  505. <li>
  506. <a href="javascript:;">
  507. <span class="time">3 mins</span>
  508. <span class="details">
  509. <span class="label label-sm label-icon label-danger">
  510. <i class="fa fa-bolt"></i>
  511. </span>
  512. Server #12 overloaded. </span>
  513. </a>
  514. </li>
  515. <li>
  516. <a href="javascript:;">
  517. <span class="time">10 mins</span>
  518. <span class="details">
  519. <span class="label label-sm label-icon label-warning">
  520. <i class="fa fa-bell-o"></i>
  521. </span>
  522. Server #2 not responding. </span>
  523. </a>
  524. </li>
  525. <li>
  526. <a href="javascript:;">
  527. <span class="time">14 hrs</span>
  528. <span class="details">
  529. <span class="label label-sm label-icon label-info">
  530. <i class="fa fa-bullhorn"></i>
  531. </span>
  532. Application error. </span>
  533. </a>
  534. </li>
  535. <li>
  536. <a href="javascript:;">
  537. <span class="time">2 days</span>
  538. <span class="details">
  539. <span class="label label-sm label-icon label-danger">
  540. <i class="fa fa-bolt"></i>
  541. </span>
  542. Database overloaded 68%. </span>
  543. </a>
  544. </li>
  545. <li>
  546. <a href="javascript:;">
  547. <span class="time">3 days</span>
  548. <span class="details">
  549. <span class="label label-sm label-icon label-danger">
  550. <i class="fa fa-bolt"></i>
  551. </span>
  552. A user IP blocked. </span>
  553. </a>
  554. </li>
  555. <li>
  556. <a href="javascript:;">
  557. <span class="time">4 days</span>
  558. <span class="details">
  559. <span class="label label-sm label-icon label-warning">
  560. <i class="fa fa-bell-o"></i>
  561. </span>
  562. Storage Server #4 not responding dfdfdfd. </span>
  563. </a>
  564. </li>
  565. <li>
  566. <a href="javascript:;">
  567. <span class="time">5 days</span>
  568. <span class="details">
  569. <span class="label label-sm label-icon label-info">
  570. <i class="fa fa-bullhorn"></i>
  571. </span>
  572. System Error. </span>
  573. </a>
  574. </li>
  575. <li>
  576. <a href="javascript:;">
  577. <span class="time">9 days</span>
  578. <span class="details">
  579. <span class="label label-sm label-icon label-danger">
  580. <i class="fa fa-bolt"></i>
  581. </span>
  582. Storage server failed. </span>
  583. </a>
  584. </li>
  585. </ul>
  586. </li>
  587. </ul>
  588. </li>
  589. <!-- END NOTIFICATION DROPDOWN -->
  590. <!-- BEGIN INBOX DROPDOWN -->
  591. <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
  592. <li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
  593. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  594. <i class="icon-envelope-open"></i>
  595. <span class="badge badge-default">
  596. 4 </span>
  597. </a>
  598. <ul class="dropdown-menu">
  599. <li class="external">
  600. <h3>You have <span class="bold">7 New</span> Messages</h3>
  601. <a href="page_inbox.html">view all</a>
  602. </li>
  603. <li>
  604. <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
  605. <li>
  606. <a href="inbox.html?a=view">
  607. <span class="photo">
  608. <img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
  609. </span>
  610. <span class="subject">
  611. <span class="from">
  612. Lisa Wong </span>
  613. <span class="time">Just Now </span>
  614. </span>
  615. <span class="message">
  616. Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
  617. </a>
  618. </li>
  619. <li>
  620. <a href="inbox.html?a=view">
  621. <span class="photo">
  622. <img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
  623. </span>
  624. <span class="subject">
  625. <span class="from">
  626. Richard Doe </span>
  627. <span class="time">16 mins </span>
  628. </span>
  629. <span class="message">
  630. Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
  631. </a>
  632. </li>
  633. <li>
  634. <a href="inbox.html?a=view">
  635. <span class="photo">
  636. <img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
  637. </span>
  638. <span class="subject">
  639. <span class="from">
  640. Bob Nilson </span>
  641. <span class="time">2 hrs </span>
  642. </span>
  643. <span class="message">
  644. Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
  645. </a>
  646. </li>
  647. <li>
  648. <a href="inbox.html?a=view">
  649. <span class="photo">
  650. <img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
  651. </span>
  652. <span class="subject">
  653. <span class="from">
  654. Lisa Wong </span>
  655. <span class="time">40 mins </span>
  656. </span>
  657. <span class="message">
  658. Vivamus sed auctor 40% nibh congue nibh... </span>
  659. </a>
  660. </li>
  661. <li>
  662. <a href="inbox.html?a=view">
  663. <span class="photo">
  664. <img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
  665. </span>
  666. <span class="subject">
  667. <span class="from">
  668. Richard Doe </span>
  669. <span class="time">46 mins </span>
  670. </span>
  671. <span class="message">
  672. Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
  673. </a>
  674. </li>
  675. </ul>
  676. </li>
  677. </ul>
  678. </li>
  679. <!-- END INBOX DROPDOWN -->
  680. <!-- BEGIN TODO DROPDOWN -->
  681. <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
  682. <li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
  683. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  684. <i class="icon-calendar"></i>
  685. <span class="badge badge-default">
  686. 3 </span>
  687. </a>
  688. <ul class="dropdown-menu extended tasks">
  689. <li class="external">
  690. <h3>You have <span class="bold">12 pending</span> tasks</h3>
  691. <a href="page_todo.html">view all</a>
  692. </li>
  693. <li>
  694. <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
  695. <li>
  696. <a href="javascript:;">
  697. <span class="task">
  698. <span class="desc">New release v1.2 </span>
  699. <span class="percent">30%</span>
  700. </span>
  701. <span class="progress">
  702. <span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
  703. </span>
  704. </a>
  705. </li>
  706. <li>
  707. <a href="javascript:;">
  708. <span class="task">
  709. <span class="desc">Application deployment</span>
  710. <span class="percent">65%</span>
  711. </span>
  712. <span class="progress">
  713. <span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
  714. </span>
  715. </a>
  716. </li>
  717. <li>
  718. <a href="javascript:;">
  719. <span class="task">
  720. <span class="desc">Mobile app release</span>
  721. <span class="percent">98%</span>
  722. </span>
  723. <span class="progress">
  724. <span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
  725. </span>
  726. </a>
  727. </li>
  728. <li>
  729. <a href="javascript:;">
  730. <span class="task">
  731. <span class="desc">Database migration</span>
  732. <span class="percent">10%</span>
  733. </span>
  734. <span class="progress">
  735. <span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
  736. </span>
  737. </a>
  738. </li>
  739. <li>
  740. <a href="javascript:;">
  741. <span class="task">
  742. <span class="desc">Web server upgrade</span>
  743. <span class="percent">58%</span>
  744. </span>
  745. <span class="progress">
  746. <span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
  747. </span>
  748. </a>
  749. </li>
  750. <li>
  751. <a href="javascript:;">
  752. <span class="task">
  753. <span class="desc">Mobile development</span>
  754. <span class="percent">85%</span>
  755. </span>
  756. <span class="progress">
  757. <span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
  758. </span>
  759. </a>
  760. </li>
  761. <li>
  762. <a href="javascript:;">
  763. <span class="task">
  764. <span class="desc">New UI release</span>
  765. <span class="percent">38%</span>
  766. </span>
  767. <span class="progress progress-striped">
  768. <span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
  769. </span>
  770. </a>
  771. </li>
  772. </ul>
  773. </li>
  774. </ul>
  775. </li>
  776. <!-- END TODO DROPDOWN -->
  777. <!-- BEGIN USER LOGIN DROPDOWN -->
  778. <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
  779. <li class="dropdown dropdown-user">
  780. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  781. <img alt="" class="img-circle" src="../../assets/admin/layout/img/avatar3_small.jpg"/>
  782. <span class="username username-hide-on-mobile">
  783. Nick </span>
  784. <i class="fa fa-angle-down"></i>
  785. </a>
  786. <ul class="dropdown-menu dropdown-menu-default">
  787. <li>
  788. <a href="extra_profile.html">
  789. <i class="icon-user"></i> My Profile </a>
  790. </li>
  791. <li>
  792. <a href="page_calendar.html">
  793. <i class="icon-calendar"></i> My Calendar </a>
  794. </li>
  795. <li>
  796. <a href="inbox.html">
  797. <i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
  798. 3 </span>
  799. </a>
  800. </li>
  801. <li>
  802. <a href="page_todo.html">
  803. <i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
  804. 7 </span>
  805. </a>
  806. </li>
  807. <li class="divider">
  808. </li>
  809. <li>
  810. <a href="extra_lock.html">
  811. <i class="icon-lock"></i> Lock Screen </a>
  812. </li>
  813. <li>
  814. <a href="login.html">
  815. <i class="icon-key"></i> Log Out </a>
  816. </li>
  817. </ul>
  818. </li>
  819. <!-- END USER LOGIN DROPDOWN -->
  820. <!-- BEGIN QUICK SIDEBAR TOGGLER -->
  821. <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
  822. <li class="dropdown dropdown-quick-sidebar-toggler">
  823. <a href="javascript:;" class="dropdown-toggle">
  824. <i class="icon-logout"></i>
  825. </a>
  826. </li>
  827. <!-- END QUICK SIDEBAR TOGGLER -->
  828. </ul>
  829. </div>
  830. <!-- END TOP NAVIGATION MENU -->
  831. </div>
  832. <!-- END HEADER INNER -->
  833. </div>
  834. <!-- END HEADER -->
  835. <div class="clearfix">
  836. </div>
  837. <!-- BEGIN CONTAINER -->
  838. <div class="page-container">
  839. <!-- BEGIN SIDEBAR -->
  840. <div class="page-sidebar-wrapper">
  841. <!-- BEGIN HORIZONTAL RESPONSIVE MENU -->
  842. <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
  843. <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
  844. <div class="page-sidebar navbar-collapse collapse">
  845. <ul class="page-sidebar-menu" data-slide-speed="200" data-auto-scroll="true">
  846. <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
  847. <!-- DOC: This is mobile version of the horizontal menu. The desktop version is defined(duplicated) in the header above -->
  848. <li class="sidebar-search-wrapper">
  849. <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
  850. <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
  851. <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
  852. <form class="sidebar-search sidebar-search-bordered" action="extra_search.html" method="POST">
  853. <a href="javascript:;" class="remove">
  854. <i class="icon-close"></i>
  855. </a>
  856. <div class="input-group">
  857. <input type="text" class="form-control" placeholder="Search...">
  858. <span class="input-group-btn">
  859. <button class="btn submit"><i class="icon-magnifier"></i></button>
  860. </span>
  861. </div>
  862. </form>
  863. <!-- END RESPONSIVE QUICK SEARCH FORM -->
  864. </li>
  865. <li class="active">
  866. <a href="index.html">
  867. Dashboard <span class="selected">
  868. </span>
  869. </a>
  870. </li>
  871. <li>
  872. <a href="javascript:;">
  873. Mega <span class="arrow">
  874. </span>
  875. </a>
  876. <ul class="sub-menu">
  877. <li>
  878. <a href="javascript:;">
  879. Layouts <span class="arrow">
  880. </span>
  881. </a>
  882. <ul class="sub-menu">
  883. <li class="active">
  884. <a href="layout_horizontal_sidebar_menu.html">
  885. Horizontal & Sidebar Menu </a>
  886. </li>
  887. <li>
  888. <a href="index_horizontal_menu.html">
  889. Dashboard & Mega Menu </a>
  890. </li>
  891. <li>
  892. <a href="layout_horizontal_menu1.html">
  893. Horizontal Mega Menu 1 </a>
  894. </li>
  895. <li>
  896. <a href="layout_horizontal_menu2.html">
  897. Horizontal Mega Menu 2 </a>
  898. </li>
  899. <li>
  900. <a href="layout_fontawesome_icons.html">
  901. <span class="badge badge-roundless badge-danger">new</span>Layout with Fontawesome Icons</a>
  902. </li>
  903. <li>
  904. <a href="layout_glyphicons.html">
  905. Layout with Glyphicon</a>
  906. </li>
  907. <li>
  908. <a href="layout_full_height_portlet.html">
  909. <span class="badge badge-roundless badge-success">new</span>Full Height Portlet</a>
  910. </li>
  911. <li>
  912. <a href="layout_full_height_content.html">
  913. <span class="badge badge-roundless badge-warning">new</span>Full Height Content</a>
  914. </li>
  915. <li>
  916. <a href="layout_search_on_header1.html">
  917. Search Box On Header 1 </a>
  918. </li>
  919. <li>
  920. <a href="layout_search_on_header2.html">
  921. Search Box On Header 2 </a>
  922. </li>
  923. <li>
  924. <a href="layout_sidebar_search_option1.html">
  925. Sidebar Search Option 1 </a>
  926. </li>
  927. <li>
  928. <a href="layout_sidebar_search_option2.html">
  929. Sidebar Search Option 2 </a>
  930. </li>
  931. <li>
  932. <a href="layout_sidebar_reversed.html">
  933. <span class="badge badge-roundless badge-warning">
  934. new </span>
  935. Right Sidebar Page </a>
  936. </li>
  937. <li>
  938. <a href="layout_sidebar_fixed.html">
  939. Sidebar Fixed Page </a>
  940. </li>
  941. <li>
  942. <a href="layout_sidebar_closed.html">
  943. Sidebar Closed Page </a>
  944. </li>
  945. <li>
  946. <a href="layout_ajax.html">
  947. Content Loading via Ajax </a>
  948. </li>
  949. <li>
  950. <a href="layout_disabled_menu.html">
  951. Disabled Menu Links </a>
  952. </li>
  953. <li>
  954. <a href="layout_blank_page.html">
  955. Blank Page </a>
  956. </li>
  957. <li>
  958. <a href="layout_boxed_page.html">
  959. Boxed Page </a>
  960. </li>
  961. <li>
  962. <a href="layout_language_bar.html">
  963. Language Switch Bar </a>
  964. </li>
  965. </ul>
  966. </li>
  967. <li>
  968. <a href="javascript:;">
  969. More Layouts <span class="arrow">
  970. </span>
  971. </a>
  972. <ul class="sub-menu">
  973. <li>
  974. <a href="layout_sidebar_search_option1.html">
  975. Sidebar Search Option 1 </a>
  976. </li>
  977. <li>
  978. <a href="layout_sidebar_search_option2.html">
  979. Sidebar Search Option 2 </a>
  980. </li>
  981. <li>
  982. <a href="layout_sidebar_reversed.html">
  983. <span class="badge badge-roundless badge-success">
  984. new </span>
  985. Right Sidebar Page </a>
  986. </li>
  987. <li>
  988. <a href="layout_sidebar_fixed.html">
  989. Sidebar Fixed Page </a>
  990. </li>
  991. <li>
  992. <a href="layout_sidebar_closed.html">
  993. Sidebar Closed Page </a>
  994. </li>
  995. <li>
  996. <a href="layout_ajax.html">
  997. Content Loading via Ajax </a>
  998. </li>
  999. </ul>
  1000. </li>
  1001. <li>
  1002. <a href="javascript:;">
  1003. Even More <span class="arrow">
  1004. </span>
  1005. </a>
  1006. <ul class="sub-menu">
  1007. <li>
  1008. <a href="layout_disabled_menu.html">
  1009. Disabled Menu Links </a>
  1010. </li>
  1011. <li>
  1012. <a href="layout_blank_page.html">
  1013. Blank Page </a>
  1014. </li>
  1015. <li>
  1016. <a href="layout_boxed_page.html">
  1017. Boxed Page </a>
  1018. </li>
  1019. <li>
  1020. <a href="layout_language_bar.html">
  1021. Language Switch Bar </a>
  1022. </li>
  1023. </ul>
  1024. </li>
  1025. </ul>
  1026. </li>
  1027. <li>
  1028. <a href="javascript:;">
  1029. Full Mega <span class="arrow">
  1030. </span>
  1031. </a>
  1032. <ul class="sub-menu">
  1033. <li>
  1034. <a href="javascript:;">
  1035. Layouts <span class="arrow">
  1036. </span>
  1037. </a>
  1038. <ul class="sub-menu">
  1039. <li>
  1040. <a href="index_horizontal_menu.html">
  1041. Dashboard & Mega Menu </a>
  1042. </li>
  1043. <li>
  1044. <a href="layout_horizontal_sidebar_menu.html">
  1045. Horizontal & Sidebar Menu </a>
  1046. </li>
  1047. <li>
  1048. <a href="layout_horizontal_menu1.html">
  1049. Horizontal Mega Menu 1 </a>
  1050. </li>
  1051. <li>
  1052. <a href="layout_horizontal_menu2.html">
  1053. Horizontal Mega Menu 2 </a>
  1054. </li>
  1055. <li>
  1056. <a href="layout_search_on_header1.html">
  1057. Search Box On Header 1 </a>
  1058. </li>
  1059. <li>
  1060. <a href="layout_search_on_header2.html">
  1061. Search Box On Header 2 </a>
  1062. </li>
  1063. </ul>
  1064. </li>
  1065. <li>
  1066. <a href="javascript:;">
  1067. More Layouts <span class="arrow">
  1068. </span>
  1069. </a>
  1070. <ul class="sub-menu">
  1071. <li>
  1072. <a href="layout_sidebar_search_option1.html">
  1073. Sidebar Search Option 1 </a>
  1074. </li>
  1075. <li>
  1076. <a href="layout_sidebar_search_option2.html">
  1077. Sidebar Search Option 2 </a>
  1078. </li>
  1079. <li>
  1080. <a href="layout_sidebar_reversed.html">
  1081. <span class="badge badge-roundless badge-success">
  1082. new </span>
  1083. Right Sidebar Page </a>
  1084. </li>
  1085. <li>
  1086. <a href="layout_sidebar_fixed.html">
  1087. Sidebar Fixed Page </a>
  1088. </li>
  1089. <li>
  1090. <a href="layout_sidebar_closed.html">
  1091. Sidebar Closed Page </a>
  1092. </li>
  1093. <li>
  1094. <a href="layout_ajax.html">
  1095. Content Loading via Ajax </a>
  1096. </li>
  1097. </ul>
  1098. </li>
  1099. <li>
  1100. <a href="javascript:;">
  1101. Even More <span class="arrow">
  1102. </span>
  1103. </a>
  1104. <ul class="sub-menu">
  1105. <li>
  1106. <a href="layout_disabled_menu.html">
  1107. Disabled Menu Links </a>
  1108. </li>
  1109. <li>
  1110. <a href="layout_blank_page.html">
  1111. Blank Page </a>
  1112. </li>
  1113. <li>
  1114. <a href="layout_boxed_page.html">
  1115. Boxed Page </a>
  1116. </li>
  1117. <li>
  1118. <a href="layout_language_bar.html">
  1119. Language Switch Bar </a>
  1120. </li>
  1121. </ul>
  1122. </li>
  1123. <li>
  1124. <a href="javascript:;">
  1125. Accordions <span class="arrow">
  1126. </span>
  1127. </a>
  1128. <ul class="sub-menu">
  1129. <li>
  1130. <div id="accordion2" class="panel-group mega-menu-responsive-content">
  1131. <div class="panel panel-success">
  1132. <div class="panel-heading">
  1133. <h4 class="panel-title">
  1134. <a data-toggle="collapse" data-parent="#accordion2" href="#collapseOne2" class="collapsed">
  1135. Mega Menu Info #1 </a>
  1136. </h4>
  1137. </div>
  1138. <div id="collapseOne2" class="panel-collapse in">
  1139. <div class="panel-body">
  1140. Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
  1141. </div>
  1142. </div>
  1143. </div>
  1144. <div class="panel panel-danger">
  1145. <div class="panel-heading">
  1146. <h4 class="panel-title">
  1147. <a data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo2" class="collapsed">
  1148. Mega Menu Info #2 </a>
  1149. </h4>
  1150. </div>
  1151. <div id="collapseTwo2" class="panel-collapse collapse">
  1152. <div class="panel-body">
  1153. Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
  1154. </div>
  1155. </div>
  1156. </div>
  1157. <div class="panel panel-info">
  1158. <div class="panel-heading">
  1159. <h4 class="panel-title">
  1160. <a data-toggle="collapse" data-parent="#accordion2" href="#collapseThree2">
  1161. Mega Menu Info #3 </a>
  1162. </h4>
  1163. </div>
  1164. <div id="collapseThree2" class="panel-collapse collapse">
  1165. <div class="panel-body">
  1166. Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
  1167. </div>
  1168. </div>
  1169. </div>
  1170. </div>
  1171. </li>
  1172. </ul>
  1173. </li>
  1174. </ul>
  1175. </li>
  1176. <li>
  1177. <a>
  1178. Classic <span class="arrow">
  1179. </span>
  1180. </a>
  1181. <ul class="sub-menu">
  1182. <li>
  1183. <a href="javascript:;">
  1184. <i class="fa fa-bookmark-o"></i> Section 1 </a>
  1185. </li>
  1186. <li>
  1187. <a href="javascript:;">
  1188. <i class="fa fa-user"></i> Section 2 </a>
  1189. </li>
  1190. <li>
  1191. <a href="javascript:;">
  1192. <i class="fa fa-puzzle-piece"></i> Section 3 </a>
  1193. </li>
  1194. <li>
  1195. <a href="javascript:;">
  1196. <i class="fa fa-gift"></i> Section 4 </a>
  1197. </li>
  1198. <li>
  1199. <a href="javascript:;">
  1200. <i class="fa fa-table"></i> Section 5 </a>
  1201. </li>
  1202. <li>
  1203. <a href="javascript:;">
  1204. <i class="fa fa-envelope-o"></i> More options <span class="arrow">
  1205. </span>
  1206. </a>
  1207. <ul class="sub-menu">
  1208. <li>
  1209. <a href="javascript:;">
  1210. Second level link </a>
  1211. </li>
  1212. <li class="sub-menu">
  1213. <a href="javascript:;">
  1214. More options <span class="arrow">
  1215. </span>
  1216. </a>
  1217. <ul class="sub-menu">
  1218. <li>
  1219. <a href="index.html">
  1220. Third level link </a>
  1221. </li>
  1222. <li>
  1223. <a href="index.html">
  1224. Third level link </a>
  1225. </li>
  1226. <li>
  1227. <a href="index.html">
  1228. Third level link </a>
  1229. </li>
  1230. <li>
  1231. <a href="index.html">
  1232. Third level link </a>
  1233. </li>
  1234. <li>
  1235. <a href="index.html">
  1236. Third level link </a>
  1237. </li>
  1238. </ul>
  1239. </li>
  1240. <li>
  1241. <a href="index.html">
  1242. Second level link </a>
  1243. </li>
  1244. <li>
  1245. <a href="index.html">
  1246. Second level link </a>
  1247. </li>
  1248. <li>
  1249. <a href="index.html">
  1250. Second level link </a>
  1251. </li>
  1252. </ul>
  1253. </li>
  1254. </ul>
  1255. </li>
  1256. </ul>
  1257. </div>
  1258. <!-- END HORIZONTAL RESPONSIVE MENU -->
  1259. </div>
  1260. <!-- END SIDEBAR -->
  1261. <!-- BEGIN CONTENT -->
  1262. <div class="page-content-wrapper">
  1263. <div class="page-content">
  1264. <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
  1265. <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  1266. <div class="modal-dialog">
  1267. <div class="modal-content">
  1268. <div class="modal-header">
  1269. <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
  1270. <h4 class="modal-title">Modal title</h4>
  1271. </div>
  1272. <div class="modal-body">
  1273. Widget settings form goes here
  1274. </div>
  1275. <div class="modal-footer">
  1276. <button type="button" class="btn blue">Save changes</button>
  1277. <button type="button" class="btn default" data-dismiss="modal">Close</button>
  1278. </div>
  1279. </div>
  1280. <!-- /.modal-content -->
  1281. </div>
  1282. <!-- /.modal-dialog -->
  1283. </div>
  1284. <!-- /.modal -->
  1285. <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
  1286. <!-- BEGIN STYLE CUSTOMIZER -->
  1287. <div class="theme-panel hidden-xs hidden-sm">
  1288. <div class="toggler">
  1289. </div>
  1290. <div class="toggler-close">
  1291. </div>
  1292. <div class="theme-options">
  1293. <div class="theme-option theme-colors clearfix">
  1294. <span>
  1295. THEME COLOR </span>
  1296. <ul>
  1297. <li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default">
  1298. </li>
  1299. <li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue">
  1300. </li>
  1301. <li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue">
  1302. </li>
  1303. <li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey">
  1304. </li>
  1305. <li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light">
  1306. </li>
  1307. <li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2">
  1308. </li>
  1309. </ul>
  1310. </div>
  1311. <div class="theme-option">
  1312. <span>
  1313. Layout </span>
  1314. <select class="layout-option form-control input-sm">
  1315. <option value="fluid" selected="selected">Fluid</option>
  1316. <option value="boxed">Boxed</option>
  1317. </select>
  1318. </div>
  1319. <div class="theme-option">
  1320. <span>
  1321. Header </span>
  1322. <select class="page-header-option form-control input-sm">
  1323. <option value="fixed" selected="selected">Fixed</option>
  1324. <option value="default">Default</option>
  1325. </select>
  1326. </div>
  1327. <div class="theme-option">
  1328. <span>
  1329. Top Menu Dropdown</span>
  1330. <select class="page-header-top-dropdown-style-option form-control input-sm">
  1331. <option value="light" selected="selected">Light</option>
  1332. <option value="dark">Dark</option>
  1333. </select>
  1334. </div>
  1335. <div class="theme-option">
  1336. <span>
  1337. Sidebar Mode</span>
  1338. <select class="sidebar-option form-control input-sm">
  1339. <option value="fixed">Fixed</option>
  1340. <option value="default" selected="selected">Default</option>
  1341. </select>
  1342. </div>
  1343. <div class="theme-option">
  1344. <span>
  1345. Sidebar Menu </span>
  1346. <select class="sidebar-menu-option form-control input-sm">
  1347. <option value="accordion" selected="selected">Accordion</option>
  1348. <option value="hover">Hover</option>
  1349. </select>
  1350. </div>
  1351. <div class="theme-option">
  1352. <span>
  1353. Sidebar Style </span>
  1354. <select class="sidebar-style-option form-control input-sm">
  1355. <option value="default" selected="selected">Default</option>
  1356. <option value="light">Light</option>
  1357. </select>
  1358. </div>
  1359. <div class="theme-option">
  1360. <span>
  1361. Sidebar Position </span>
  1362. <select class="sidebar-pos-option form-control input-sm">
  1363. <option value="left" selected="selected">Left</option>
  1364. <option value="right">Right</option>
  1365. </select>
  1366. </div>
  1367. <div class="theme-option">
  1368. <span>
  1369. Footer </span>
  1370. <select class="page-footer-option form-control input-sm">
  1371. <option value="fixed">Fixed</option>
  1372. <option value="default" selected="selected">Default</option>
  1373. </select>
  1374. </div>
  1375. </div>
  1376. </div>
  1377. <!-- END STYLE CUSTOMIZER -->
  1378. <!-- BEGIN PAGE HEADER-->
  1379. <h3 class="page-title">
  1380. Dashboard & Mega Menu <small>statistics and more</small>
  1381. </h3>
  1382. <div class="page-bar">
  1383. <ul class="page-breadcrumb">
  1384. <li>
  1385. <i class="fa fa-home"></i>
  1386. <a href="index.html">Home</a>
  1387. <i class="fa fa-angle-right"></i>
  1388. </li>
  1389. <li>
  1390. <a href="#">Page Layouts</a>
  1391. <i class="fa fa-angle-right"></i>
  1392. </li>
  1393. <li>
  1394. <a href="#">Dashboard & Mega Menu</a>
  1395. </li>
  1396. </ul>
  1397. <div class="page-toolbar">
  1398. <div id="dashboard-report-range" class="pull-right tooltips btn btn-fit-height grey-salt" data-placement="top" data-original-title="Change dashboard date range">
  1399. <i class="icon-calendar"></i>&nbsp; <span class="thin uppercase visible-lg-inline-block"></span>&nbsp; <i class="fa fa-angle-down"></i>
  1400. </div>
  1401. </div>
  1402. </div>
  1403. <!-- END PAGE HEADER-->
  1404. <!-- BEGIN DASHBOARD STATS -->
  1405. <div class="row">
  1406. <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
  1407. <div class="dashboard-stat blue-madison">
  1408. <div class="visual">
  1409. <i class="fa fa-comments"></i>
  1410. </div>
  1411. <div class="details">
  1412. <div class="number">
  1413. 1349
  1414. </div>
  1415. <div class="desc">
  1416. New Feedbacks
  1417. </div>
  1418. </div>
  1419. <a class="more" href="javascript:;">
  1420. View more <i class="m-icon-swapright m-icon-white"></i>
  1421. </a>
  1422. </div>
  1423. </div>
  1424. <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
  1425. <div class="dashboard-stat red-intense">
  1426. <div class="visual">
  1427. <i class="fa fa-bar-chart-o"></i>
  1428. </div>
  1429. <div class="details">
  1430. <div class="number">
  1431. 12,5M$
  1432. </div>
  1433. <div class="desc">
  1434. Total Profit
  1435. </div>
  1436. </div>
  1437. <a class="more" href="javascript:;">
  1438. View more <i class="m-icon-swapright m-icon-white"></i>
  1439. </a>
  1440. </div>
  1441. </div>
  1442. <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
  1443. <div class="dashboard-stat green-haze">
  1444. <div class="visual">
  1445. <i class="fa fa-shopping-cart"></i>
  1446. </div>
  1447. <div class="details">
  1448. <div class="number">
  1449. 549
  1450. </div>
  1451. <div class="desc">
  1452. New Orders
  1453. </div>
  1454. </div>
  1455. <a class="more" href="javascript:;">
  1456. View more <i class="m-icon-swapright m-icon-white"></i>
  1457. </a>
  1458. </div>
  1459. </div>
  1460. <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
  1461. <div class="dashboard-stat purple-plum">
  1462. <div class="visual">
  1463. <i class="fa fa-globe"></i>
  1464. </div>
  1465. <div class="details">
  1466. <div class="number">
  1467. +89%
  1468. </div>
  1469. <div class="desc">
  1470. Brand Popularity
  1471. </div>
  1472. </div>
  1473. <a class="more" href="javascript:;">
  1474. View more <i class="m-icon-swapright m-icon-white"></i>
  1475. </a>
  1476. </div>
  1477. </div>
  1478. </div>
  1479. <!-- END DASHBOARD STATS -->
  1480. <div class="clearfix">
  1481. </div>
  1482. <div class="row">
  1483. <div class="col-md-6 col-sm-6">
  1484. <!-- BEGIN PORTLET-->
  1485. <div class="portlet solid bordered grey-cararra">
  1486. <div class="portlet-title">
  1487. <div class="caption">
  1488. <i class="fa fa-bar-chart-o"></i>Site Visits
  1489. </div>
  1490. <div class="actions">
  1491. <div class="btn-group" data-toggle="buttons">
  1492. <label class="btn grey-steel btn-sm active">
  1493. <input type="radio" name="options" class="toggle" id="option1">New</label>
  1494. <label class="btn grey-steel btn-sm">
  1495. <input type="radio" name="options" class="toggle" id="option2">Returning</label>
  1496. </div>
  1497. </div>
  1498. </div>
  1499. <div class="portlet-body">
  1500. <div id="site_statistics_loading">
  1501. <img src="../../assets/admin/layout/img/loading.gif" alt="loading"/>
  1502. </div>
  1503. <div id="site_statistics_content" class="display-none">
  1504. <div id="site_statistics" class="chart">
  1505. </div>
  1506. </div>
  1507. </div>
  1508. </div>
  1509. <!-- END PORTLET-->
  1510. </div>
  1511. <div class="col-md-6 col-sm-6">
  1512. <!-- BEGIN PORTLET-->
  1513. <div class="portlet solid grey-cararra bordered">
  1514. <div class="portlet-title">
  1515. <div class="caption">
  1516. <i class="fa fa-bullhorn"></i>Revenue
  1517. </div>
  1518. <div class="actions">
  1519. <div class="btn-group pull-right">
  1520. <a href="" class="btn grey-steel btn-sm dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  1521. Filter <span class="fa fa-angle-down">
  1522. </span>
  1523. </a>
  1524. <ul class="dropdown-menu pull-right">
  1525. <li>
  1526. <a href="javascript:;">
  1527. Q1 2014 <span class="label label-sm label-default">
  1528. past </span>
  1529. </a>
  1530. </li>
  1531. <li>
  1532. <a href="javascript:;">
  1533. Q2 2014 <span class="label label-sm label-default">
  1534. past </span>
  1535. </a>
  1536. </li>
  1537. <li class="active">
  1538. <a href="javascript:;">
  1539. Q3 2014 <span class="label label-sm label-success">
  1540. current </span>
  1541. </a>
  1542. </li>
  1543. <li>
  1544. <a href="javascript:;">
  1545. Q4 2014 <span class="label label-sm label-warning">
  1546. upcoming </span>
  1547. </a>
  1548. </li>
  1549. </ul>
  1550. </div>
  1551. </div>
  1552. </div>
  1553. <div class="portlet-body">
  1554. <div id="site_activities_loading">
  1555. <img src="../../assets/admin/layout/img/loading.gif" alt="loading"/>
  1556. </div>
  1557. <div id="site_activities_content" class="display-none">
  1558. <div id="site_activities" style="height: 228px;">
  1559. </div>
  1560. </div>
  1561. <div style="margin: 20px 0 10px 30px">
  1562. <div class="row">
  1563. <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
  1564. <span class="label label-sm label-success">
  1565. Revenue: </span>
  1566. <h3>$13,234</h3>
  1567. </div>
  1568. <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
  1569. <span class="label label-sm label-info">
  1570. Tax: </span>
  1571. <h3>$134,900</h3>
  1572. </div>
  1573. <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
  1574. <span class="label label-sm label-danger">
  1575. Shipment: </span>
  1576. <h3>$1,134</h3>
  1577. </div>
  1578. <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
  1579. <span class="label label-sm label-warning">
  1580. Orders: </span>
  1581. <h3>235090</h3>
  1582. </div>
  1583. </div>
  1584. </div>
  1585. </div>
  1586. </div>
  1587. <!-- END PORTLET-->
  1588. </div>
  1589. </div>
  1590. <div class="clearfix">
  1591. </div>
  1592. <div class="row ">
  1593. <div class="col-md-6 col-sm-6">
  1594. <div class="portlet box blue-steel">
  1595. <div class="portlet-title">
  1596. <div class="caption">
  1597. <i class="fa fa-bell-o"></i>Recent Activities
  1598. </div>
  1599. <div class="actions">
  1600. <div class="btn-group">
  1601. <a class="btn btn-sm btn-default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  1602. Filter By <i class="fa fa-angle-down"></i>
  1603. </a>
  1604. <div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
  1605. <label><input type="checkbox"/> Finance</label>
  1606. <label><input type="checkbox" checked=""/> Membership</label>
  1607. <label><input type="checkbox"/> Customer Support</label>
  1608. <label><input type="checkbox" checked=""/> HR</label>
  1609. <label><input type="checkbox"/> System</label>
  1610. </div>
  1611. </div>
  1612. </div>
  1613. </div>
  1614. <div class="portlet-body">
  1615. <div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
  1616. <ul class="feeds">
  1617. <li>
  1618. <div class="col1">
  1619. <div class="cont">
  1620. <div class="cont-col1">
  1621. <div class="label label-sm label-info">
  1622. <i class="fa fa-check"></i>
  1623. </div>
  1624. </div>
  1625. <div class="cont-col2">
  1626. <div class="desc">
  1627. You have 4 pending tasks. <span class="label label-sm label-warning ">
  1628. Take action <i class="fa fa-share"></i>
  1629. </span>
  1630. </div>
  1631. </div>
  1632. </div>
  1633. </div>
  1634. <div class="col2">
  1635. <div class="date">
  1636. Just now
  1637. </div>
  1638. </div>
  1639. </li>
  1640. <li>
  1641. <a href="javascript:;">
  1642. <div class="col1">
  1643. <div class="cont">
  1644. <div class="cont-col1">
  1645. <div class="label label-sm label-success">
  1646. <i class="fa fa-bar-chart-o"></i>
  1647. </div>
  1648. </div>
  1649. <div class="cont-col2">
  1650. <div class="desc">
  1651. Finance Report for year 2013 has been released.
  1652. </div>
  1653. </div>
  1654. </div>
  1655. </div>
  1656. <div class="col2">
  1657. <div class="date">
  1658. 20 mins
  1659. </div>
  1660. </div>
  1661. </a>
  1662. </li>
  1663. <li>
  1664. <div class="col1">
  1665. <div class="cont">
  1666. <div class="cont-col1">
  1667. <div class="label label-sm label-danger">
  1668. <i class="fa fa-user"></i>
  1669. </div>
  1670. </div>
  1671. <div class="cont-col2">
  1672. <div class="desc">
  1673. You have 5 pending membership that requires a quick review.
  1674. </div>
  1675. </div>
  1676. </div>
  1677. </div>
  1678. <div class="col2">
  1679. <div class="date">
  1680. 24 mins
  1681. </div>
  1682. </div>
  1683. </li>
  1684. <li>
  1685. <div class="col1">
  1686. <div class="cont">
  1687. <div class="cont-col1">
  1688. <div class="label label-sm label-info">
  1689. <i class="fa fa-shopping-cart"></i>
  1690. </div>
  1691. </div>
  1692. <div class="cont-col2">
  1693. <div class="desc">
  1694. New order received with <span class="label label-sm label-success">
  1695. Reference Number: DR23923 </span>
  1696. </div>
  1697. </div>
  1698. </div>
  1699. </div>
  1700. <div class="col2">
  1701. <div class="date">
  1702. 30 mins
  1703. </div>
  1704. </div>
  1705. </li>
  1706. <li>
  1707. <div class="col1">
  1708. <div class="cont">
  1709. <div class="cont-col1">
  1710. <div class="label label-sm label-success">
  1711. <i class="fa fa-user"></i>
  1712. </div>
  1713. </div>
  1714. <div class="cont-col2">
  1715. <div class="desc">
  1716. You have 5 pending membership that requires a quick review.
  1717. </div>
  1718. </div>
  1719. </div>
  1720. </div>
  1721. <div class="col2">
  1722. <div class="date">
  1723. 24 mins
  1724. </div>
  1725. </div>
  1726. </li>
  1727. <li>
  1728. <div class="col1">
  1729. <div class="cont">
  1730. <div class="cont-col1">
  1731. <div class="label label-sm label-default">
  1732. <i class="fa fa-bell-o"></i>
  1733. </div>
  1734. </div>
  1735. <div class="cont-col2">
  1736. <div class="desc">
  1737. Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
  1738. Overdue </span>
  1739. </div>
  1740. </div>
  1741. </div>
  1742. </div>
  1743. <div class="col2">
  1744. <div class="date">
  1745. 2 hours
  1746. </div>
  1747. </div>
  1748. </li>
  1749. <li>
  1750. <a href="javascript:;">
  1751. <div class="col1">
  1752. <div class="cont">
  1753. <div class="cont-col1">
  1754. <div class="label label-sm label-default">
  1755. <i class="fa fa-briefcase"></i>
  1756. </div>
  1757. </div>
  1758. <div class="cont-col2">
  1759. <div class="desc">
  1760. IPO Report for year 2013 has been released.
  1761. </div>
  1762. </div>
  1763. </div>
  1764. </div>
  1765. <div class="col2">
  1766. <div class="date">
  1767. 20 mins
  1768. </div>
  1769. </div>
  1770. </a>
  1771. </li>
  1772. <li>
  1773. <div class="col1">
  1774. <div class="cont">
  1775. <div class="cont-col1">
  1776. <div class="label label-sm label-info">
  1777. <i class="fa fa-check"></i>
  1778. </div>
  1779. </div>
  1780. <div class="cont-col2">
  1781. <div class="desc">
  1782. You have 4 pending tasks. <span class="label label-sm label-warning ">
  1783. Take action <i class="fa fa-share"></i>
  1784. </span>
  1785. </div>
  1786. </div>
  1787. </div>
  1788. </div>
  1789. <div class="col2">
  1790. <div class="date">
  1791. Just now
  1792. </div>
  1793. </div>
  1794. </li>
  1795. <li>
  1796. <a href="javascript:;">
  1797. <div class="col1">
  1798. <div class="cont">
  1799. <div class="cont-col1">
  1800. <div class="label label-sm label-danger">
  1801. <i class="fa fa-bar-chart-o"></i>
  1802. </div>
  1803. </div>
  1804. <div class="cont-col2">
  1805. <div class="desc">
  1806. Finance Report for year 2013 has been released.
  1807. </div>
  1808. </div>
  1809. </div>
  1810. </div>
  1811. <div class="col2">
  1812. <div class="date">
  1813. 20 mins
  1814. </div>
  1815. </div>
  1816. </a>
  1817. </li>
  1818. <li>
  1819. <div class="col1">
  1820. <div class="cont">
  1821. <div class="cont-col1">
  1822. <div class="label label-sm label-default">
  1823. <i class="fa fa-user"></i>
  1824. </div>
  1825. </div>
  1826. <div class="cont-col2">
  1827. <div class="desc">
  1828. You have 5 pending membership that requires a quick review.
  1829. </div>
  1830. </div>
  1831. </div>
  1832. </div>
  1833. <div class="col2">
  1834. <div class="date">
  1835. 24 mins
  1836. </div>
  1837. </div>
  1838. </li>
  1839. <li>
  1840. <div class="col1">
  1841. <div class="cont">
  1842. <div class="cont-col1">
  1843. <div class="label label-sm label-info">
  1844. <i class="fa fa-shopping-cart"></i>
  1845. </div>
  1846. </div>
  1847. <div class="cont-col2">
  1848. <div class="desc">
  1849. New order received with <span class="label label-sm label-success">
  1850. Reference Number: DR23923 </span>
  1851. </div>
  1852. </div>
  1853. </div>
  1854. </div>
  1855. <div class="col2">
  1856. <div class="date">
  1857. 30 mins
  1858. </div>
  1859. </div>
  1860. </li>
  1861. <li>
  1862. <div class="col1">
  1863. <div class="cont">
  1864. <div class="cont-col1">
  1865. <div class="label label-sm label-success">
  1866. <i class="fa fa-user"></i>
  1867. </div>
  1868. </div>
  1869. <div class="cont-col2">
  1870. <div class="desc">
  1871. You have 5 pending membership that requires a quick review.
  1872. </div>
  1873. </div>
  1874. </div>
  1875. </div>
  1876. <div class="col2">
  1877. <div class="date">
  1878. 24 mins
  1879. </div>
  1880. </div>
  1881. </li>
  1882. <li>
  1883. <div class="col1">
  1884. <div class="cont">
  1885. <div class="cont-col1">
  1886. <div class="label label-sm label-warning">
  1887. <i class="fa fa-bell-o"></i>
  1888. </div>
  1889. </div>
  1890. <div class="cont-col2">
  1891. <div class="desc">
  1892. Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
  1893. Overdue </span>
  1894. </div>
  1895. </div>
  1896. </div>
  1897. </div>
  1898. <div class="col2">
  1899. <div class="date">
  1900. 2 hours
  1901. </div>
  1902. </div>
  1903. </li>
  1904. <li>
  1905. <a href="javascript:;">
  1906. <div class="col1">
  1907. <div class="cont">
  1908. <div class="cont-col1">
  1909. <div class="label label-sm label-info">
  1910. <i class="fa fa-briefcase"></i>
  1911. </div>
  1912. </div>
  1913. <div class="cont-col2">
  1914. <div class="desc">
  1915. IPO Report for year 2013 has been released.
  1916. </div>
  1917. </div>
  1918. </div>
  1919. </div>
  1920. <div class="col2">
  1921. <div class="date">
  1922. 20 mins
  1923. </div>
  1924. </div>
  1925. </a>
  1926. </li>
  1927. </ul>
  1928. </div>
  1929. <div class="scroller-footer">
  1930. <div class="btn-arrow-link pull-right">
  1931. <a href="javascript:;">See All Records</a>
  1932. <i class="icon-arrow-right"></i>
  1933. </div>
  1934. </div>
  1935. </div>
  1936. </div>
  1937. </div>
  1938. <div class="col-md-6 col-sm-6">
  1939. <div class="portlet box green-haze tasks-widget">
  1940. <div class="portlet-title">
  1941. <div class="caption">
  1942. <i class="fa fa-check"></i>Tasks
  1943. </div>
  1944. <div class="tools">
  1945. <a href="#portlet-config" data-toggle="modal" class="config">
  1946. </a>
  1947. <a href="" class="reload">
  1948. </a>
  1949. <a href="" class="fullscreen">
  1950. </a>
  1951. </div>
  1952. <div class="actions">
  1953. <div class="btn-group">
  1954. <a class="btn btn-default btn-sm" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  1955. More <i class="fa fa-angle-down"></i>
  1956. </a>
  1957. <ul class="dropdown-menu pull-right">
  1958. <li>
  1959. <a href="javascript:;">
  1960. <i class="i"></i> All Project </a>
  1961. </li>
  1962. <li class="divider">
  1963. </li>
  1964. <li>
  1965. <a href="javascript:;">
  1966. AirAsia </a>
  1967. </li>
  1968. <li>
  1969. <a href="javascript:;">
  1970. Cruise </a>
  1971. </li>
  1972. <li>
  1973. <a href="javascript:;">
  1974. HSBC </a>
  1975. </li>
  1976. <li class="divider">
  1977. </li>
  1978. <li>
  1979. <a href="javascript:;">
  1980. Pending <span class="badge badge-danger">
  1981. 4 </span>
  1982. </a>
  1983. </li>
  1984. <li>
  1985. <a href="javascript:;">
  1986. Completed <span class="badge badge-success">
  1987. 12 </span>
  1988. </a>
  1989. </li>
  1990. <li>
  1991. <a href="javascript:;">
  1992. Overdue <span class="badge badge-warning">
  1993. 9 </span>
  1994. </a>
  1995. </li>
  1996. </ul>
  1997. </div>
  1998. </div>
  1999. </div>
  2000. <div class="portlet-body">
  2001. <div class="task-content">
  2002. <div class="scroller" style="height: 305px;" data-always-visible="1" data-rail-visible1="1">
  2003. <!-- START TASK LIST -->
  2004. <ul class="task-list">
  2005. <li>
  2006. <div class="task-checkbox">
  2007. <input type="checkbox" class="liChild" value=""/>
  2008. </div>
  2009. <div class="task-title">
  2010. <span class="task-title-sp">
  2011. Present 2013 Year IPO Statistics at Board Meeting </span>
  2012. <span class="label label-sm label-success">Company</span>
  2013. <span class="task-bell">
  2014. <i class="fa fa-bell-o"></i>
  2015. </span>
  2016. </div>
  2017. <div class="task-config">
  2018. <div class="task-config-btn btn-group">
  2019. <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2020. <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
  2021. </a>
  2022. <ul class="dropdown-menu pull-right">
  2023. <li>
  2024. <a href="javascript:;">
  2025. <i class="fa fa-check"></i> Complete </a>
  2026. </li>
  2027. <li>
  2028. <a href="javascript:;">
  2029. <i class="fa fa-pencil"></i> Edit </a>
  2030. </li>
  2031. <li>
  2032. <a href="javascript:;">
  2033. <i class="fa fa-trash-o"></i> Cancel </a>
  2034. </li>
  2035. </ul>
  2036. </div>
  2037. </div>
  2038. </li>
  2039. <li>
  2040. <div class="task-checkbox">
  2041. <input type="checkbox" class="liChild" value=""/>
  2042. </div>
  2043. <div class="task-title">
  2044. <span class="task-title-sp">
  2045. Hold An Interview for Marketing Manager Position </span>
  2046. <span class="label label-sm label-danger">Marketing</span>
  2047. </div>
  2048. <div class="task-config">
  2049. <div class="task-config-btn btn-group">
  2050. <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2051. <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
  2052. </a>
  2053. <ul class="dropdown-menu pull-right">
  2054. <li>
  2055. <a href="javascript:;">
  2056. <i class="fa fa-check"></i> Complete </a>
  2057. </li>
  2058. <li>
  2059. <a href="javascript:;">
  2060. <i class="fa fa-pencil"></i> Edit </a>
  2061. </li>
  2062. <li>
  2063. <a href="javascript:;">
  2064. <i class="fa fa-trash-o"></i> Cancel </a>
  2065. </li>
  2066. </ul>
  2067. </div>
  2068. </div>
  2069. </li>
  2070. <li>
  2071. <div class="task-checkbox">
  2072. <input type="checkbox" class="liChild" value=""/>
  2073. </div>
  2074. <div class="task-title">
  2075. <span class="task-title-sp">
  2076. AirAsia Intranet System Project Internal Meeting </span>
  2077. <span class="label label-sm label-success">AirAsia</span>
  2078. <span class="task-bell">
  2079. <i class="fa fa-bell-o"></i>
  2080. </span>
  2081. </div>
  2082. <div class="task-config">
  2083. <div class="task-config-btn btn-group">
  2084. <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2085. <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
  2086. </a>
  2087. <ul class="dropdown-menu pull-right">
  2088. <li>
  2089. <a href="javascript:;">
  2090. <i class="fa fa-check"></i> Complete </a>
  2091. </li>
  2092. <li>
  2093. <a href="javascript:;">
  2094. <i class="fa fa-pencil"></i> Edit </a>
  2095. </li>
  2096. <li>
  2097. <a href="javascript:;">
  2098. <i class="fa fa-trash-o"></i> Cancel </a>
  2099. </li>
  2100. </ul>
  2101. </div>
  2102. </div>
  2103. </li>
  2104. <li>
  2105. <div class="task-checkbox">
  2106. <input type="checkbox" class="liChild" value=""/>
  2107. </div>
  2108. <div class="task-title">
  2109. <span class="task-title-sp">
  2110. Technical Management Meeting </span>
  2111. <span class="label label-sm label-warning">Company</span>
  2112. </div>
  2113. <div class="task-config">
  2114. <div class="task-config-btn btn-group">
  2115. <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2116. <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
  2117. </a>
  2118. <ul class="dropdown-menu pull-right">
  2119. <li>
  2120. <a href="javascript:;">
  2121. <i class="fa fa-check"></i> Complete </a>
  2122. </li>
  2123. <li>
  2124. <a href="javascript:;">
  2125. <i class="fa fa-pencil"></i> Edit </a>
  2126. </li>
  2127. <li>
  2128. <a href="javascript:;">
  2129. <i class="fa fa-trash-o"></i> Cancel </a>
  2130. </li>
  2131. </ul>
  2132. </div>
  2133. </div>
  2134. </li>
  2135. <li>
  2136. <div class="task-checkbox">
  2137. <input type="checkbox" class="liChild" value=""/>
  2138. </div>
  2139. <div class="task-title">
  2140. <span class="task-title-sp">
  2141. Kick-off Company CRM Mobile App Development </span>
  2142. <span class="label label-sm label-info">Internal Products</span>
  2143. </div>
  2144. <div class="task-config">
  2145. <div class="task-config-btn btn-group">
  2146. <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2147. <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
  2148. </a>
  2149. <ul class="dropdown-menu pull-right">
  2150. <li>
  2151. <a href="javascript:;">
  2152. <i class="fa fa-check"></i> Complete </a>
  2153. </li>
  2154. <li>
  2155. <a href="javascript:;">
  2156. <i class="fa fa-pencil"></i> Edit </a>
  2157. </li>
  2158. <li>
  2159. <a href="javascript:;">
  2160. <i class="fa fa-trash-o"></i> Cancel </a>
  2161. </li>
  2162. </ul>
  2163. </div>
  2164. </div>
  2165. </li>
  2166. <li>
  2167. <div class="task-checkbox">
  2168. <input type="checkbox" class="liChild" value=""/>
  2169. </div>
  2170. <div class="task-title">
  2171. <span class="task-title-sp">
  2172. Prepare Commercial Offer For SmartVision Website Rewamp </span>
  2173. <span class="label label-sm label-danger">SmartVision</span>
  2174. </div>
  2175. <div class="task-config">
  2176. <div class="task-config-btn btn-group">
  2177. <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2178. <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
  2179. </a>
  2180. <ul class="dropdown-menu pull-right">
  2181. <li>
  2182. <a href="javascript:;">
  2183. <i class="fa fa-check"></i> Complete </a>
  2184. </li>
  2185. <li>
  2186. <a href="javascript:;">
  2187. <i class="fa fa-pencil"></i> Edit </a>
  2188. </li>
  2189. <li>
  2190. <a href="javascript:;">
  2191. <i class="fa fa-trash-o"></i> Cancel </a>
  2192. </li>
  2193. </ul>
  2194. </div>
  2195. </div>
  2196. </li>
  2197. <li>
  2198. <div class="task-checkbox">
  2199. <input type="checkbox" class="liChild" value=""/>
  2200. </div>
  2201. <div class="task-title">
  2202. <span class="task-title-sp">
  2203. Sign-Off The Comercial Agreement With AutoSmart </span>
  2204. <span class="label label-sm label-default">AutoSmart</span>
  2205. <span class="task-bell">
  2206. <i class="fa fa-bell-o"></i>
  2207. </span>
  2208. </div>
  2209. <div class="task-config">
  2210. <div class="task-config-btn btn-group">
  2211. <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2212. <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
  2213. </a>
  2214. <ul class="dropdown-menu pull-right">
  2215. <li>
  2216. <a href="javascript:;">
  2217. <i class="fa fa-check"></i> Complete </a>
  2218. </li>
  2219. <li>
  2220. <a href="javascript:;">
  2221. <i class="fa fa-pencil"></i> Edit </a>
  2222. </li>
  2223. <li>
  2224. <a href="javascript:;">
  2225. <i class="fa fa-trash-o"></i> Cancel </a>
  2226. </li>
  2227. </ul>
  2228. </div>
  2229. </div>
  2230. </li>
  2231. <li>
  2232. <div class="task-checkbox">
  2233. <input type="checkbox" class="liChild" value=""/>
  2234. </div>
  2235. <div class="task-title">
  2236. <span class="task-title-sp">
  2237. Company Staff Meeting </span>
  2238. <span class="label label-sm label-success">Cruise</span>
  2239. <span class="task-bell">
  2240. <i class="fa fa-bell-o"></i>
  2241. </span>
  2242. </div>
  2243. <div class="task-config">
  2244. <div class="task-config-btn btn-group">
  2245. <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2246. <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
  2247. </a>
  2248. <ul class="dropdown-menu pull-right">
  2249. <li>
  2250. <a href="javascript:;">
  2251. <i class="fa fa-check"></i> Complete </a>
  2252. </li>
  2253. <li>
  2254. <a href="javascript:;">
  2255. <i class="fa fa-pencil"></i> Edit </a>
  2256. </li>
  2257. <li>
  2258. <a href="javascript:;">
  2259. <i class="fa fa-trash-o"></i> Cancel </a>
  2260. </li>
  2261. </ul>
  2262. </div>
  2263. </div>
  2264. </li>
  2265. <li class="last-line">
  2266. <div class="task-checkbox">
  2267. <input type="checkbox" class="liChild" value=""/>
  2268. </div>
  2269. <div class="task-title">
  2270. <span class="task-title-sp">
  2271. KeenThemes Investment Discussion </span>
  2272. <span class="label label-sm label-warning">KeenThemes </span>
  2273. </div>
  2274. <div class="task-config">
  2275. <div class="task-config-btn btn-group">
  2276. <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2277. <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
  2278. </a>
  2279. <ul class="dropdown-menu pull-right">
  2280. <li>
  2281. <a href="javascript:;">
  2282. <i class="fa fa-check"></i> Complete </a>
  2283. </li>
  2284. <li>
  2285. <a href="javascript:;">
  2286. <i class="fa fa-pencil"></i> Edit </a>
  2287. </li>
  2288. <li>
  2289. <a href="javascript:;">
  2290. <i class="fa fa-trash-o"></i> Cancel </a>
  2291. </li>
  2292. </ul>
  2293. </div>
  2294. </div>
  2295. </li>
  2296. </ul>
  2297. <!-- END START TASK LIST -->
  2298. </div>
  2299. </div>
  2300. <div class="task-footer">
  2301. <div class="btn-arrow-link pull-right">
  2302. <a href="javascript:;">See All Records</a>
  2303. <i class="icon-arrow-right"></i>
  2304. </div>
  2305. </div>
  2306. </div>
  2307. </div>
  2308. </div>
  2309. </div>
  2310. <div class="clearfix">
  2311. </div>
  2312. <div class="row ">
  2313. <div class="col-md-6 col-sm-6">
  2314. <div class="portlet box purple-wisteria">
  2315. <div class="portlet-title">
  2316. <div class="caption">
  2317. <i class="fa fa-calendar"></i>General Stats
  2318. </div>
  2319. <div class="actions">
  2320. <a href="javascript:;" class="btn btn-sm btn-default easy-pie-chart-reload">
  2321. <i class="fa fa-repeat"></i> Reload </a>
  2322. </div>
  2323. </div>
  2324. <div class="portlet-body">
  2325. <div class="row">
  2326. <div class="col-md-4">
  2327. <div class="easy-pie-chart">
  2328. <div class="number transactions" data-percent="55">
  2329. <span>
  2330. +55 </span>
  2331. %
  2332. </div>
  2333. <a class="title" href="javascript:;">
  2334. Transactions <i class="icon-arrow-right"></i>
  2335. </a>
  2336. </div>
  2337. </div>
  2338. <div class="margin-bottom-10 visible-sm">
  2339. </div>
  2340. <div class="col-md-4">
  2341. <div class="easy-pie-chart">
  2342. <div class="number visits" data-percent="85">
  2343. <span>
  2344. +85 </span>
  2345. %
  2346. </div>
  2347. <a class="title" href="javascript:;">
  2348. New Visits <i class="icon-arrow-right"></i>
  2349. </a>
  2350. </div>
  2351. </div>
  2352. <div class="margin-bottom-10 visible-sm">
  2353. </div>
  2354. <div class="col-md-4">
  2355. <div class="easy-pie-chart">
  2356. <div class="number bounce" data-percent="46">
  2357. <span>
  2358. -46 </span>
  2359. %
  2360. </div>
  2361. <a class="title" href="javascript:;">
  2362. Bounce <i class="icon-arrow-right"></i>
  2363. </a>
  2364. </div>
  2365. </div>
  2366. </div>
  2367. </div>
  2368. </div>
  2369. </div>
  2370. <div class="col-md-6 col-sm-6">
  2371. <div class="portlet box red-sunglo">
  2372. <div class="portlet-title">
  2373. <div class="caption">
  2374. <i class="fa fa-calendar"></i>Server Stats
  2375. </div>
  2376. <div class="tools">
  2377. <a href="" class="collapse">
  2378. </a>
  2379. <a href="#portlet-config" data-toggle="modal" class="config">
  2380. </a>
  2381. <a href="" class="reload">
  2382. </a>
  2383. <a href="" class="remove">
  2384. </a>
  2385. </div>
  2386. </div>
  2387. <div class="portlet-body">
  2388. <div class="row">
  2389. <div class="col-md-4">
  2390. <div class="sparkline-chart">
  2391. <div class="number" id="sparkline_bar"></div>
  2392. <a class="title" href="javascript:;">
  2393. Network <i class="icon-arrow-right"></i>
  2394. </a>
  2395. </div>
  2396. </div>
  2397. <div class="margin-bottom-10 visible-sm">
  2398. </div>
  2399. <div class="col-md-4">
  2400. <div class="sparkline-chart">
  2401. <div class="number" id="sparkline_bar2"></div>
  2402. <a class="title" href="javascript:;">
  2403. CPU Load <i class="icon-arrow-right"></i>
  2404. </a>
  2405. </div>
  2406. </div>
  2407. <div class="margin-bottom-10 visible-sm">
  2408. </div>
  2409. <div class="col-md-4">
  2410. <div class="sparkline-chart">
  2411. <div class="number" id="sparkline_line"></div>
  2412. <a class="title" href="javascript:;">
  2413. Load Rate <i class="icon-arrow-right"></i>
  2414. </a>
  2415. </div>
  2416. </div>
  2417. </div>
  2418. </div>
  2419. </div>
  2420. </div>
  2421. </div>
  2422. <div class="clearfix">
  2423. </div>
  2424. <div class="row ">
  2425. <div class="col-md-6 col-sm-6">
  2426. <!-- BEGIN REGIONAL STATS PORTLET-->
  2427. <div class="portlet">
  2428. <div class="portlet-title">
  2429. <div class="caption">
  2430. <i class="fa fa-globe"></i>Regional Stats
  2431. </div>
  2432. <div class="tools">
  2433. <a href="" class="collapse">
  2434. </a>
  2435. <a href="#portlet-config" data-toggle="modal" class="config">
  2436. </a>
  2437. <a href="" class="reload">
  2438. </a>
  2439. <a href="" class="fullscreen">
  2440. </a>
  2441. <a href="" class="remove">
  2442. </a>
  2443. </div>
  2444. </div>
  2445. <div class="portlet-body">
  2446. <div id="region_statistics_loading">
  2447. <img src="../../assets/admin/layout/img/loading.gif" alt="loading"/>
  2448. </div>
  2449. <div id="region_statistics_content" class="display-none">
  2450. <div class="btn-toolbar margin-bottom-10">
  2451. <div class="btn-group" data-toggle="buttons">
  2452. <a href="" class="btn default btn-sm active">
  2453. Users </a>
  2454. <a href="" class="btn default btn-sm">
  2455. Orders </a>
  2456. </div>
  2457. <div class="btn-group pull-right">
  2458. <a href="" class="btn default btn-sm dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  2459. Select Region <span class="fa fa-angle-down">
  2460. </span>
  2461. </a>
  2462. <ul class="dropdown-menu pull-right">
  2463. <li>
  2464. <a href="javascript:;" id="regional_stat_world">
  2465. World </a>
  2466. </li>
  2467. <li>
  2468. <a href="javascript:;" id="regional_stat_usa">
  2469. USA </a>
  2470. </li>
  2471. <li>
  2472. <a href="javascript:;" id="regional_stat_europe">
  2473. Europe </a>
  2474. </li>
  2475. <li>
  2476. <a href="javascript:;" id="regional_stat_russia">
  2477. Russia </a>
  2478. </li>
  2479. <li>
  2480. <a href="javascript:;" id="regional_stat_germany">
  2481. Germany </a>
  2482. </li>
  2483. </ul>
  2484. </div>
  2485. </div>
  2486. <div id="vmap_world" class="vmaps display-none">
  2487. </div>
  2488. <div id="vmap_usa" class="vmaps display-none">
  2489. </div>
  2490. <div id="vmap_europe" class="vmaps display-none">
  2491. </div>
  2492. <div id="vmap_russia" class="vmaps display-none">
  2493. </div>
  2494. <div id="vmap_germany" class="vmaps display-none">
  2495. </div>
  2496. </div>
  2497. </div>
  2498. </div>
  2499. <!-- END REGIONAL STATS PORTLET-->
  2500. </div>
  2501. <div class="col-md-6 col-sm-6">
  2502. <!-- BEGIN PORTLET-->
  2503. <div class="portlet paddingless">
  2504. <div class="portlet-title line">
  2505. <div class="caption">
  2506. <i class="fa fa-bell-o"></i>Feeds
  2507. </div>
  2508. <div class="tools">
  2509. <a href="" class="collapse">
  2510. </a>
  2511. <a href="#portlet-config" data-toggle="modal" class="config">
  2512. </a>
  2513. <a href="" class="reload">
  2514. </a>
  2515. <a href="" class="fullscreen">
  2516. </a>
  2517. <a href="" class="remove">
  2518. </a>
  2519. </div>
  2520. </div>
  2521. <div class="portlet-body">
  2522. <!--BEGIN TABS-->
  2523. <div class="tabbable-line">
  2524. <ul class="nav nav-tabs">
  2525. <li class="active">
  2526. <a href="#tab_1_1" data-toggle="tab">
  2527. System </a>
  2528. </li>
  2529. <li>
  2530. <a href="#tab_1_2" data-toggle="tab">
  2531. Activities </a>
  2532. </li>
  2533. <li>
  2534. <a href="#tab_1_3" data-toggle="tab">
  2535. Recent Users </a>
  2536. </li>
  2537. </ul>
  2538. <div class="tab-content">
  2539. <div class="tab-pane active" id="tab_1_1">
  2540. <div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible="0">
  2541. <ul class="feeds">
  2542. <li>
  2543. <div class="col1">
  2544. <div class="cont">
  2545. <div class="cont-col1">
  2546. <div class="label label-sm label-success">
  2547. <i class="fa fa-bell-o"></i>
  2548. </div>
  2549. </div>
  2550. <div class="cont-col2">
  2551. <div class="desc">
  2552. You have 4 pending tasks. <span class="label label-sm label-danger ">
  2553. Take action <i class="fa fa-share"></i>
  2554. </span>
  2555. </div>
  2556. </div>
  2557. </div>
  2558. </div>
  2559. <div class="col2">
  2560. <div class="date">
  2561. Just now
  2562. </div>
  2563. </div>
  2564. </li>
  2565. <li>
  2566. <a href="javascript:;">
  2567. <div class="col1">
  2568. <div class="cont">
  2569. <div class="cont-col1">
  2570. <div class="label label-sm label-success">
  2571. <i class="fa fa-bell-o"></i>
  2572. </div>
  2573. </div>
  2574. <div class="cont-col2">
  2575. <div class="desc">
  2576. New version v1.4 just lunched!
  2577. </div>
  2578. </div>
  2579. </div>
  2580. </div>
  2581. <div class="col2">
  2582. <div class="date">
  2583. 20 mins
  2584. </div>
  2585. </div>
  2586. </a>
  2587. </li>
  2588. <li>
  2589. <div class="col1">
  2590. <div class="cont">
  2591. <div class="cont-col1">
  2592. <div class="label label-sm label-danger">
  2593. <i class="fa fa-bolt"></i>
  2594. </div>
  2595. </div>
  2596. <div class="cont-col2">
  2597. <div class="desc">
  2598. Database server #12 overloaded. Please fix the issue.
  2599. </div>
  2600. </div>
  2601. </div>
  2602. </div>
  2603. <div class="col2">
  2604. <div class="date">
  2605. 24 mins
  2606. </div>
  2607. </div>
  2608. </li>
  2609. <li>
  2610. <div class="col1">
  2611. <div class="cont">
  2612. <div class="cont-col1">
  2613. <div class="label label-sm label-info">
  2614. <i class="fa fa-bullhorn"></i>
  2615. </div>
  2616. </div>
  2617. <div class="cont-col2">
  2618. <div class="desc">
  2619. New order received. Please take care of it.
  2620. </div>
  2621. </div>
  2622. </div>
  2623. </div>
  2624. <div class="col2">
  2625. <div class="date">
  2626. 30 mins
  2627. </div>
  2628. </div>
  2629. </li>
  2630. <li>
  2631. <div class="col1">
  2632. <div class="cont">
  2633. <div class="cont-col1">
  2634. <div class="label label-sm label-success">
  2635. <i class="fa fa-bullhorn"></i>
  2636. </div>
  2637. </div>
  2638. <div class="cont-col2">
  2639. <div class="desc">
  2640. New order received. Please take care of it.
  2641. </div>
  2642. </div>
  2643. </div>
  2644. </div>
  2645. <div class="col2">
  2646. <div class="date">
  2647. 40 mins
  2648. </div>
  2649. </div>
  2650. </li>
  2651. <li>
  2652. <div class="col1">
  2653. <div class="cont">
  2654. <div class="cont-col1">
  2655. <div class="label label-sm label-warning">
  2656. <i class="fa fa-plus"></i>
  2657. </div>
  2658. </div>
  2659. <div class="cont-col2">
  2660. <div class="desc">
  2661. New user registered.
  2662. </div>
  2663. </div>
  2664. </div>
  2665. </div>
  2666. <div class="col2">
  2667. <div class="date">
  2668. 1.5 hours
  2669. </div>
  2670. </div>
  2671. </li>
  2672. <li>
  2673. <div class="col1">
  2674. <div class="cont">
  2675. <div class="cont-col1">
  2676. <div class="label label-sm label-success">
  2677. <i class="fa fa-bell-o"></i>
  2678. </div>
  2679. </div>
  2680. <div class="cont-col2">
  2681. <div class="desc">
  2682. Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
  2683. Overdue </span>
  2684. </div>
  2685. </div>
  2686. </div>
  2687. </div>
  2688. <div class="col2">
  2689. <div class="date">
  2690. 2 hours
  2691. </div>
  2692. </div>
  2693. </li>
  2694. <li>
  2695. <div class="col1">
  2696. <div class="cont">
  2697. <div class="cont-col1">
  2698. <div class="label label-sm label-default">
  2699. <i class="fa fa-bullhorn"></i>
  2700. </div>
  2701. </div>
  2702. <div class="cont-col2">
  2703. <div class="desc">
  2704. New order received. Please take care of it.
  2705. </div>
  2706. </div>
  2707. </div>
  2708. </div>
  2709. <div class="col2">
  2710. <div class="date">
  2711. 3 hours
  2712. </div>
  2713. </div>
  2714. </li>
  2715. <li>
  2716. <div class="col1">
  2717. <div class="cont">
  2718. <div class="cont-col1">
  2719. <div class="label label-sm label-warning">
  2720. <i class="fa fa-bullhorn"></i>
  2721. </div>
  2722. </div>
  2723. <div class="cont-col2">
  2724. <div class="desc">
  2725. New order received. Please take care of it.
  2726. </div>
  2727. </div>
  2728. </div>
  2729. </div>
  2730. <div class="col2">
  2731. <div class="date">
  2732. 5 hours
  2733. </div>
  2734. </div>
  2735. </li>
  2736. <li>
  2737. <div class="col1">
  2738. <div class="cont">
  2739. <div class="cont-col1">
  2740. <div class="label label-sm label-info">
  2741. <i class="fa fa-bullhorn"></i>
  2742. </div>
  2743. </div>
  2744. <div class="cont-col2">
  2745. <div class="desc">
  2746. New order received. Please take care of it.
  2747. </div>
  2748. </div>
  2749. </div>
  2750. </div>
  2751. <div class="col2">
  2752. <div class="date">
  2753. 18 hours
  2754. </div>
  2755. </div>
  2756. </li>
  2757. <li>
  2758. <div class="col1">
  2759. <div class="cont">
  2760. <div class="cont-col1">
  2761. <div class="label label-sm label-default">
  2762. <i class="fa fa-bullhorn"></i>
  2763. </div>
  2764. </div>
  2765. <div class="cont-col2">
  2766. <div class="desc">
  2767. New order received. Please take care of it.
  2768. </div>
  2769. </div>
  2770. </div>
  2771. </div>
  2772. <div class="col2">
  2773. <div class="date">
  2774. 21 hours
  2775. </div>
  2776. </div>
  2777. </li>
  2778. <li>
  2779. <div class="col1">
  2780. <div class="cont">
  2781. <div class="cont-col1">
  2782. <div class="label label-sm label-info">
  2783. <i class="fa fa-bullhorn"></i>
  2784. </div>
  2785. </div>
  2786. <div class="cont-col2">
  2787. <div class="desc">
  2788. New order received. Please take care of it.
  2789. </div>
  2790. </div>
  2791. </div>
  2792. </div>
  2793. <div class="col2">
  2794. <div class="date">
  2795. 22 hours
  2796. </div>
  2797. </div>
  2798. </li>
  2799. <li>
  2800. <div class="col1">
  2801. <div class="cont">
  2802. <div class="cont-col1">
  2803. <div class="label label-sm label-default">
  2804. <i class="fa fa-bullhorn"></i>
  2805. </div>
  2806. </div>
  2807. <div class="cont-col2">
  2808. <div class="desc">
  2809. New order received. Please take care of it.
  2810. </div>
  2811. </div>
  2812. </div>
  2813. </div>
  2814. <div class="col2">
  2815. <div class="date">
  2816. 21 hours
  2817. </div>
  2818. </div>
  2819. </li>
  2820. <li>
  2821. <div class="col1">
  2822. <div class="cont">
  2823. <div class="cont-col1">
  2824. <div class="label label-sm label-info">
  2825. <i class="fa fa-bullhorn"></i>
  2826. </div>
  2827. </div>
  2828. <div class="cont-col2">
  2829. <div class="desc">
  2830. New order received. Please take care of it.
  2831. </div>
  2832. </div>
  2833. </div>
  2834. </div>
  2835. <div class="col2">
  2836. <div class="date">
  2837. 22 hours
  2838. </div>
  2839. </div>
  2840. </li>
  2841. <li>
  2842. <div class="col1">
  2843. <div class="cont">
  2844. <div class="cont-col1">
  2845. <div class="label label-sm label-default">
  2846. <i class="fa fa-bullhorn"></i>
  2847. </div>
  2848. </div>
  2849. <div class="cont-col2">
  2850. <div class="desc">
  2851. New order received. Please take care of it.
  2852. </div>
  2853. </div>
  2854. </div>
  2855. </div>
  2856. <div class="col2">
  2857. <div class="date">
  2858. 21 hours
  2859. </div>
  2860. </div>
  2861. </li>
  2862. <li>
  2863. <div class="col1">
  2864. <div class="cont">
  2865. <div class="cont-col1">
  2866. <div class="label label-sm label-info">
  2867. <i class="fa fa-bullhorn"></i>
  2868. </div>
  2869. </div>
  2870. <div class="cont-col2">
  2871. <div class="desc">
  2872. New order received. Please take care of it.
  2873. </div>
  2874. </div>
  2875. </div>
  2876. </div>
  2877. <div class="col2">
  2878. <div class="date">
  2879. 22 hours
  2880. </div>
  2881. </div>
  2882. </li>
  2883. <li>
  2884. <div class="col1">
  2885. <div class="cont">
  2886. <div class="cont-col1">
  2887. <div class="label label-sm label-default">
  2888. <i class="fa fa-bullhorn"></i>
  2889. </div>
  2890. </div>
  2891. <div class="cont-col2">
  2892. <div class="desc">
  2893. New order received. Please take care of it.
  2894. </div>
  2895. </div>
  2896. </div>
  2897. </div>
  2898. <div class="col2">
  2899. <div class="date">
  2900. 21 hours
  2901. </div>
  2902. </div>
  2903. </li>
  2904. <li>
  2905. <div class="col1">
  2906. <div class="cont">
  2907. <div class="cont-col1">
  2908. <div class="label label-sm label-info">
  2909. <i class="fa fa-bullhorn"></i>
  2910. </div>
  2911. </div>
  2912. <div class="cont-col2">
  2913. <div class="desc">
  2914. New order received. Please take care of it.
  2915. </div>
  2916. </div>
  2917. </div>
  2918. </div>
  2919. <div class="col2">
  2920. <div class="date">
  2921. 22 hours
  2922. </div>
  2923. </div>
  2924. </li>
  2925. </ul>
  2926. </div>
  2927. </div>
  2928. <div class="tab-pane" id="tab_1_2">
  2929. <div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible1="1">
  2930. <ul class="feeds">
  2931. <li>
  2932. <a href="javascript:;">
  2933. <div class="col1">
  2934. <div class="cont">
  2935. <div class="cont-col1">
  2936. <div class="label label-sm label-success">
  2937. <i class="fa fa-bell-o"></i>
  2938. </div>
  2939. </div>
  2940. <div class="cont-col2">
  2941. <div class="desc">
  2942. New user registered
  2943. </div>
  2944. </div>
  2945. </div>
  2946. </div>
  2947. <div class="col2">
  2948. <div class="date">
  2949. Just now
  2950. </div>
  2951. </div>
  2952. </a>
  2953. </li>
  2954. <li>
  2955. <a href="javascript:;">
  2956. <div class="col1">
  2957. <div class="cont">
  2958. <div class="cont-col1">
  2959. <div class="label label-sm label-success">
  2960. <i class="fa fa-bell-o"></i>
  2961. </div>
  2962. </div>
  2963. <div class="cont-col2">
  2964. <div class="desc">
  2965. New order received
  2966. </div>
  2967. </div>
  2968. </div>
  2969. </div>
  2970. <div class="col2">
  2971. <div class="date">
  2972. 10 mins
  2973. </div>
  2974. </div>
  2975. </a>
  2976. </li>
  2977. <li>
  2978. <div class="col1">
  2979. <div class="cont">
  2980. <div class="cont-col1">
  2981. <div class="label label-sm label-danger">
  2982. <i class="fa fa-bolt"></i>
  2983. </div>
  2984. </div>
  2985. <div class="cont-col2">
  2986. <div class="desc">
  2987. Order #24DOP4 has been rejected. <span class="label label-sm label-danger ">
  2988. Take action <i class="fa fa-share"></i>
  2989. </span>
  2990. </div>
  2991. </div>
  2992. </div>
  2993. </div>
  2994. <div class="col2">
  2995. <div class="date">
  2996. 24 mins
  2997. </div>
  2998. </div>
  2999. </li>
  3000. <li>
  3001. <a href="javascript:;">
  3002. <div class="col1">
  3003. <div class="cont">
  3004. <div class="cont-col1">
  3005. <div class="label label-sm label-success">
  3006. <i class="fa fa-bell-o"></i>
  3007. </div>
  3008. </div>
  3009. <div class="cont-col2">
  3010. <div class="desc">
  3011. New user registered
  3012. </div>
  3013. </div>
  3014. </div>
  3015. </div>
  3016. <div class="col2">
  3017. <div class="date">
  3018. Just now
  3019. </div>
  3020. </div>
  3021. </a>
  3022. </li>
  3023. <li>
  3024. <a href="javascript:;">
  3025. <div class="col1">
  3026. <div class="cont">
  3027. <div class="cont-col1">
  3028. <div class="label label-sm label-success">
  3029. <i class="fa fa-bell-o"></i>
  3030. </div>
  3031. </div>
  3032. <div class="cont-col2">
  3033. <div class="desc">
  3034. New user registered
  3035. </div>
  3036. </div>
  3037. </div>
  3038. </div>
  3039. <div class="col2">
  3040. <div class="date">
  3041. Just now
  3042. </div>
  3043. </div>
  3044. </a>
  3045. </li>
  3046. <li>
  3047. <a href="javascript:;">
  3048. <div class="col1">
  3049. <div class="cont">
  3050. <div class="cont-col1">
  3051. <div class="label label-sm label-success">
  3052. <i class="fa fa-bell-o"></i>
  3053. </div>
  3054. </div>
  3055. <div class="cont-col2">
  3056. <div class="desc">
  3057. New user registered
  3058. </div>
  3059. </div>
  3060. </div>
  3061. </div>
  3062. <div class="col2">
  3063. <div class="date">
  3064. Just now
  3065. </div>
  3066. </div>
  3067. </a>
  3068. </li>
  3069. <li>
  3070. <a href="javascript:;">
  3071. <div class="col1">
  3072. <div class="cont">
  3073. <div class="cont-col1">
  3074. <div class="label label-sm label-success">
  3075. <i class="fa fa-bell-o"></i>
  3076. </div>
  3077. </div>
  3078. <div class="cont-col2">
  3079. <div class="desc">
  3080. New user registered
  3081. </div>
  3082. </div>
  3083. </div>
  3084. </div>
  3085. <div class="col2">
  3086. <div class="date">
  3087. Just now
  3088. </div>
  3089. </div>
  3090. </a>
  3091. </li>
  3092. <li>
  3093. <a href="javascript:;">
  3094. <div class="col1">
  3095. <div class="cont">
  3096. <div class="cont-col1">
  3097. <div class="label label-sm label-success">
  3098. <i class="fa fa-bell-o"></i>
  3099. </div>
  3100. </div>
  3101. <div class="cont-col2">
  3102. <div class="desc">
  3103. New user registered
  3104. </div>
  3105. </div>
  3106. </div>
  3107. </div>
  3108. <div class="col2">
  3109. <div class="date">
  3110. Just now
  3111. </div>
  3112. </div>
  3113. </a>
  3114. </li>
  3115. <li>
  3116. <a href="javascript:;">
  3117. <div class="col1">
  3118. <div class="cont">
  3119. <div class="cont-col1">
  3120. <div class="label label-sm label-success">
  3121. <i class="fa fa-bell-o"></i>
  3122. </div>
  3123. </div>
  3124. <div class="cont-col2">
  3125. <div class="desc">
  3126. New user registered
  3127. </div>
  3128. </div>
  3129. </div>
  3130. </div>
  3131. <div class="col2">
  3132. <div class="date">
  3133. Just now
  3134. </div>
  3135. </div>
  3136. </a>
  3137. </li>
  3138. <li>
  3139. <a href="javascript:;">
  3140. <div class="col1">
  3141. <div class="cont">
  3142. <div class="cont-col1">
  3143. <div class="label label-sm label-success">
  3144. <i class="fa fa-bell-o"></i>
  3145. </div>
  3146. </div>
  3147. <div class="cont-col2">
  3148. <div class="desc">
  3149. New user registered
  3150. </div>
  3151. </div>
  3152. </div>
  3153. </div>
  3154. <div class="col2">
  3155. <div class="date">
  3156. Just now
  3157. </div>
  3158. </div>
  3159. </a>
  3160. </li>
  3161. </ul>
  3162. </div>
  3163. </div>
  3164. <div class="tab-pane" id="tab_1_3">
  3165. <div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible1="1">
  3166. <div class="row">
  3167. <div class="col-md-6 user-info">
  3168. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3169. <div class="details">
  3170. <div>
  3171. <a href="javascript:;">
  3172. Robert Nilson </a>
  3173. <span class="label label-sm label-success label-mini">
  3174. Approved </span>
  3175. </div>
  3176. <div>
  3177. 29 Jan 2013 10:45AM
  3178. </div>
  3179. </div>
  3180. </div>
  3181. <div class="col-md-6 user-info">
  3182. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3183. <div class="details">
  3184. <div>
  3185. <a href="javascript:;">
  3186. Lisa Miller </a>
  3187. <span class="label label-sm label-info">
  3188. Pending </span>
  3189. </div>
  3190. <div>
  3191. 19 Jan 2013 10:45AM
  3192. </div>
  3193. </div>
  3194. </div>
  3195. </div>
  3196. <div class="row">
  3197. <div class="col-md-6 user-info">
  3198. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3199. <div class="details">
  3200. <div>
  3201. <a href="javascript:;">
  3202. Eric Kim </a>
  3203. <span class="label label-sm label-info">
  3204. Pending </span>
  3205. </div>
  3206. <div>
  3207. 19 Jan 2013 12:45PM
  3208. </div>
  3209. </div>
  3210. </div>
  3211. <div class="col-md-6 user-info">
  3212. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3213. <div class="details">
  3214. <div>
  3215. <a href="javascript:;">
  3216. Lisa Miller </a>
  3217. <span class="label label-sm label-danger">
  3218. In progress </span>
  3219. </div>
  3220. <div>
  3221. 19 Jan 2013 11:55PM
  3222. </div>
  3223. </div>
  3224. </div>
  3225. </div>
  3226. <div class="row">
  3227. <div class="col-md-6 user-info">
  3228. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3229. <div class="details">
  3230. <div>
  3231. <a href="javascript:;">
  3232. Eric Kim </a>
  3233. <span class="label label-sm label-info">
  3234. Pending </span>
  3235. </div>
  3236. <div>
  3237. 19 Jan 2013 12:45PM
  3238. </div>
  3239. </div>
  3240. </div>
  3241. <div class="col-md-6 user-info">
  3242. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3243. <div class="details">
  3244. <div>
  3245. <a href="javascript:;">
  3246. Lisa Miller </a>
  3247. <span class="label label-sm label-danger">
  3248. In progress </span>
  3249. </div>
  3250. <div>
  3251. 19 Jan 2013 11:55PM
  3252. </div>
  3253. </div>
  3254. </div>
  3255. </div>
  3256. <div class="row">
  3257. <div class="col-md-6 user-info">
  3258. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3259. <div class="details">
  3260. <div>
  3261. <a href="javascript:;">
  3262. Eric Kim </a>
  3263. <span class="label label-sm label-info">
  3264. Pending </span>
  3265. </div>
  3266. <div>
  3267. 19 Jan 2013 12:45PM
  3268. </div>
  3269. </div>
  3270. </div>
  3271. <div class="col-md-6 user-info">
  3272. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3273. <div class="details">
  3274. <div>
  3275. <a href="javascript:;">
  3276. Lisa Miller </a>
  3277. <span class="label label-sm label-danger">
  3278. In progress </span>
  3279. </div>
  3280. <div>
  3281. 19 Jan 2013 11:55PM
  3282. </div>
  3283. </div>
  3284. </div>
  3285. </div>
  3286. <div class="row">
  3287. <div class="col-md-6 user-info">
  3288. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3289. <div class="details">
  3290. <div>
  3291. <a href="javascript:;">
  3292. Eric Kim </a>
  3293. <span class="label label-sm label-info">
  3294. Pending </span>
  3295. </div>
  3296. <div>
  3297. 19 Jan 2013 12:45PM
  3298. </div>
  3299. </div>
  3300. </div>
  3301. <div class="col-md-6 user-info">
  3302. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3303. <div class="details">
  3304. <div>
  3305. <a href="javascript:;">
  3306. Lisa Miller </a>
  3307. <span class="label label-sm label-danger">
  3308. In progress </span>
  3309. </div>
  3310. <div>
  3311. 19 Jan 2013 11:55PM
  3312. </div>
  3313. </div>
  3314. </div>
  3315. </div>
  3316. <div class="row">
  3317. <div class="col-md-6 user-info">
  3318. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3319. <div class="details">
  3320. <div>
  3321. <a href="javascript:;">
  3322. Eric Kim </a>
  3323. <span class="label label-sm label-info">
  3324. Pending </span>
  3325. </div>
  3326. <div>
  3327. 19 Jan 2013 12:45PM
  3328. </div>
  3329. </div>
  3330. </div>
  3331. <div class="col-md-6 user-info">
  3332. <img alt="" src="../../assets/admin/layout/img/avatar.png" class="img-responsive"/>
  3333. <div class="details">
  3334. <div>
  3335. <a href="javascript:;">
  3336. Lisa Miller </a>
  3337. <span class="label label-sm label-danger">
  3338. In progress </span>
  3339. </div>
  3340. <div>
  3341. 19 Jan 2013 11:55PM
  3342. </div>
  3343. </div>
  3344. </div>
  3345. </div>
  3346. </div>
  3347. </div>
  3348. </div>
  3349. </div>
  3350. <!--END TABS-->
  3351. </div>
  3352. </div>
  3353. <!-- END PORTLET-->
  3354. </div>
  3355. </div>
  3356. <div class="clearfix">
  3357. </div>
  3358. <div class="row ">
  3359. <div class="col-md-6 col-sm-6">
  3360. <!-- BEGIN PORTLET-->
  3361. <div class="portlet box blue-madison calendar">
  3362. <div class="portlet-title">
  3363. <div class="caption">
  3364. <i class="fa fa-calendar"></i>Calendar
  3365. </div>
  3366. </div>
  3367. <div class="portlet-body light-grey">
  3368. <div id="calendar">
  3369. </div>
  3370. </div>
  3371. </div>
  3372. <!-- END PORTLET-->
  3373. </div>
  3374. <div class="col-md-6 col-sm-6">
  3375. <!-- BEGIN PORTLET-->
  3376. <div class="portlet">
  3377. <div class="portlet-title line">
  3378. <div class="caption">
  3379. <i class="fa fa-comments"></i>Chats
  3380. </div>
  3381. <div class="tools">
  3382. <a href="" class="collapse">
  3383. </a>
  3384. <a href="#portlet-config" data-toggle="modal" class="config">
  3385. </a>
  3386. <a href="" class="reload">
  3387. </a>
  3388. <a href="" class="fullscreen">
  3389. </a>
  3390. <a href="" class="remove">
  3391. </a>
  3392. </div>
  3393. </div>
  3394. <div class="portlet-body" id="chats">
  3395. <div class="scroller" style="height: 435px;" data-always-visible="1" data-rail-visible1="1">
  3396. <ul class="chats">
  3397. <li class="in">
  3398. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar1.jpg"/>
  3399. <div class="message">
  3400. <span class="arrow">
  3401. </span>
  3402. <a href="javascript:;" class="name">
  3403. Bob Nilson </a>
  3404. <span class="datetime">
  3405. at 20:09 </span>
  3406. <span class="body">
  3407. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
  3408. </div>
  3409. </li>
  3410. <li class="out">
  3411. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
  3412. <div class="message">
  3413. <span class="arrow">
  3414. </span>
  3415. <a href="javascript:;" class="name">
  3416. Lisa Wong </a>
  3417. <span class="datetime">
  3418. at 20:11 </span>
  3419. <span class="body">
  3420. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
  3421. </div>
  3422. </li>
  3423. <li class="in">
  3424. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar1.jpg"/>
  3425. <div class="message">
  3426. <span class="arrow">
  3427. </span>
  3428. <a href="javascript:;" class="name">
  3429. Bob Nilson </a>
  3430. <span class="datetime">
  3431. at 20:30 </span>
  3432. <span class="body">
  3433. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
  3434. </div>
  3435. </li>
  3436. <li class="out">
  3437. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
  3438. <div class="message">
  3439. <span class="arrow">
  3440. </span>
  3441. <a href="javascript:;" class="name">
  3442. Richard Doe </a>
  3443. <span class="datetime">
  3444. at 20:33 </span>
  3445. <span class="body">
  3446. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
  3447. </div>
  3448. </li>
  3449. <li class="in">
  3450. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
  3451. <div class="message">
  3452. <span class="arrow">
  3453. </span>
  3454. <a href="javascript:;" class="name">
  3455. Richard Doe </a>
  3456. <span class="datetime">
  3457. at 20:35 </span>
  3458. <span class="body">
  3459. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
  3460. </div>
  3461. </li>
  3462. <li class="out">
  3463. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar1.jpg"/>
  3464. <div class="message">
  3465. <span class="arrow">
  3466. </span>
  3467. <a href="javascript:;" class="name">
  3468. Bob Nilson </a>
  3469. <span class="datetime">
  3470. at 20:40 </span>
  3471. <span class="body">
  3472. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
  3473. </div>
  3474. </li>
  3475. <li class="in">
  3476. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
  3477. <div class="message">
  3478. <span class="arrow">
  3479. </span>
  3480. <a href="javascript:;" class="name">
  3481. Richard Doe </a>
  3482. <span class="datetime">
  3483. at 20:40 </span>
  3484. <span class="body">
  3485. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
  3486. </div>
  3487. </li>
  3488. <li class="out">
  3489. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar1.jpg"/>
  3490. <div class="message">
  3491. <span class="arrow">
  3492. </span>
  3493. <a href="javascript:;" class="name">
  3494. Bob Nilson </a>
  3495. <span class="datetime">
  3496. at 20:54 </span>
  3497. <span class="body">
  3498. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. sed diam nonummy nibh euismod tincidunt ut laoreet. </span>
  3499. </div>
  3500. </li>
  3501. </ul>
  3502. </div>
  3503. <div class="chat-form">
  3504. <div class="input-cont">
  3505. <input class="form-control" type="text" placeholder="Type a message here..."/>
  3506. </div>
  3507. <div class="btn-cont">
  3508. <span class="arrow">
  3509. </span>
  3510. <a href="" class="btn blue icn-only">
  3511. <i class="fa fa-check icon-white"></i>
  3512. </a>
  3513. </div>
  3514. </div>
  3515. </div>
  3516. </div>
  3517. <!-- END PORTLET-->
  3518. </div>
  3519. </div>
  3520. </div>
  3521. </div>
  3522. <!-- END CONTENT -->
  3523. <!-- BEGIN QUICK SIDEBAR -->
  3524. <a href="javascript:;" class="page-quick-sidebar-toggler"><i class="icon-close"></i></a>
  3525. <div class="page-quick-sidebar-wrapper">
  3526. <div class="page-quick-sidebar">
  3527. <div class="nav-justified">
  3528. <ul class="nav nav-tabs nav-justified">
  3529. <li class="active">
  3530. <a href="#quick_sidebar_tab_1" data-toggle="tab">
  3531. Users <span class="badge badge-danger">2</span>
  3532. </a>
  3533. </li>
  3534. <li>
  3535. <a href="#quick_sidebar_tab_2" data-toggle="tab">
  3536. Alerts <span class="badge badge-success">7</span>
  3537. </a>
  3538. </li>
  3539. <li class="dropdown">
  3540. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
  3541. More<i class="fa fa-angle-down"></i>
  3542. </a>
  3543. <ul class="dropdown-menu pull-right" role="menu">
  3544. <li>
  3545. <a href="#quick_sidebar_tab_3" data-toggle="tab">
  3546. <i class="icon-bell"></i> Alerts </a>
  3547. </li>
  3548. <li>
  3549. <a href="#quick_sidebar_tab_3" data-toggle="tab">
  3550. <i class="icon-info"></i> Notifications </a>
  3551. </li>
  3552. <li>
  3553. <a href="#quick_sidebar_tab_3" data-toggle="tab">
  3554. <i class="icon-speech"></i> Activities </a>
  3555. </li>
  3556. <li class="divider">
  3557. </li>
  3558. <li>
  3559. <a href="#quick_sidebar_tab_3" data-toggle="tab">
  3560. <i class="icon-settings"></i> Settings </a>
  3561. </li>
  3562. </ul>
  3563. </li>
  3564. </ul>
  3565. <div class="tab-content">
  3566. <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
  3567. <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
  3568. <h3 class="list-heading">Staff</h3>
  3569. <ul class="media-list list-items">
  3570. <li class="media">
  3571. <div class="media-status">
  3572. <span class="badge badge-success">8</span>
  3573. </div>
  3574. <img class="media-object" src="../../assets/admin/layout/img/avatar3.jpg" alt="...">
  3575. <div class="media-body">
  3576. <h4 class="media-heading">Bob Nilson</h4>
  3577. <div class="media-heading-sub">
  3578. Project Manager
  3579. </div>
  3580. </div>
  3581. </li>
  3582. <li class="media">
  3583. <img class="media-object" src="../../assets/admin/layout/img/avatar1.jpg" alt="...">
  3584. <div class="media-body">
  3585. <h4 class="media-heading">Nick Larson</h4>
  3586. <div class="media-heading-sub">
  3587. Art Director
  3588. </div>
  3589. </div>
  3590. </li>
  3591. <li class="media">
  3592. <div class="media-status">
  3593. <span class="badge badge-danger">3</span>
  3594. </div>
  3595. <img class="media-object" src="../../assets/admin/layout/img/avatar4.jpg" alt="...">
  3596. <div class="media-body">
  3597. <h4 class="media-heading">Deon Hubert</h4>
  3598. <div class="media-heading-sub">
  3599. CTO
  3600. </div>
  3601. </div>
  3602. </li>
  3603. <li class="media">
  3604. <img class="media-object" src="../../assets/admin/layout/img/avatar2.jpg" alt="...">
  3605. <div class="media-body">
  3606. <h4 class="media-heading">Ella Wong</h4>
  3607. <div class="media-heading-sub">
  3608. CEO
  3609. </div>
  3610. </div>
  3611. </li>
  3612. </ul>
  3613. <h3 class="list-heading">Customers</h3>
  3614. <ul class="media-list list-items">
  3615. <li class="media">
  3616. <div class="media-status">
  3617. <span class="badge badge-warning">2</span>
  3618. </div>
  3619. <img class="media-object" src="../../assets/admin/layout/img/avatar6.jpg" alt="...">
  3620. <div class="media-body">
  3621. <h4 class="media-heading">Lara Kunis</h4>
  3622. <div class="media-heading-sub">
  3623. CEO, Loop Inc
  3624. </div>
  3625. <div class="media-heading-small">
  3626. Last seen 03:10 AM
  3627. </div>
  3628. </div>
  3629. </li>
  3630. <li class="media">
  3631. <div class="media-status">
  3632. <span class="label label-sm label-success">new</span>
  3633. </div>
  3634. <img class="media-object" src="../../assets/admin/layout/img/avatar7.jpg" alt="...">
  3635. <div class="media-body">
  3636. <h4 class="media-heading">Ernie Kyllonen</h4>
  3637. <div class="media-heading-sub">
  3638. Project Manager,<br>
  3639. SmartBizz PTL
  3640. </div>
  3641. </div>
  3642. </li>
  3643. <li class="media">
  3644. <img class="media-object" src="../../assets/admin/layout/img/avatar8.jpg" alt="...">
  3645. <div class="media-body">
  3646. <h4 class="media-heading">Lisa Stone</h4>
  3647. <div class="media-heading-sub">
  3648. CTO, Keort Inc
  3649. </div>
  3650. <div class="media-heading-small">
  3651. Last seen 13:10 PM
  3652. </div>
  3653. </div>
  3654. </li>
  3655. <li class="media">
  3656. <div class="media-status">
  3657. <span class="badge badge-success">7</span>
  3658. </div>
  3659. <img class="media-object" src="../../assets/admin/layout/img/avatar9.jpg" alt="...">
  3660. <div class="media-body">
  3661. <h4 class="media-heading">Deon Portalatin</h4>
  3662. <div class="media-heading-sub">
  3663. CFO, H&D LTD
  3664. </div>
  3665. </div>
  3666. </li>
  3667. <li class="media">
  3668. <img class="media-object" src="../../assets/admin/layout/img/avatar10.jpg" alt="...">
  3669. <div class="media-body">
  3670. <h4 class="media-heading">Irina Savikova</h4>
  3671. <div class="media-heading-sub">
  3672. CEO, Tizda Motors Inc
  3673. </div>
  3674. </div>
  3675. </li>
  3676. <li class="media">
  3677. <div class="media-status">
  3678. <span class="badge badge-danger">4</span>
  3679. </div>
  3680. <img class="media-object" src="../../assets/admin/layout/img/avatar11.jpg" alt="...">
  3681. <div class="media-body">
  3682. <h4 class="media-heading">Maria Gomez</h4>
  3683. <div class="media-heading-sub">
  3684. Manager, Infomatic Inc
  3685. </div>
  3686. <div class="media-heading-small">
  3687. Last seen 03:10 AM
  3688. </div>
  3689. </div>
  3690. </li>
  3691. </ul>
  3692. </div>
  3693. <div class="page-quick-sidebar-item">
  3694. <div class="page-quick-sidebar-chat-user">
  3695. <div class="page-quick-sidebar-nav">
  3696. <a href="javascript:;" class="page-quick-sidebar-back-to-list"><i class="icon-arrow-left"></i>Back</a>
  3697. </div>
  3698. <div class="page-quick-sidebar-chat-user-messages">
  3699. <div class="post out">
  3700. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
  3701. <div class="message">
  3702. <span class="arrow"></span>
  3703. <a href="javascript:;" class="name">Bob Nilson</a>
  3704. <span class="datetime">20:15</span>
  3705. <span class="body">
  3706. When could you send me the report ? </span>
  3707. </div>
  3708. </div>
  3709. <div class="post in">
  3710. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
  3711. <div class="message">
  3712. <span class="arrow"></span>
  3713. <a href="javascript:;" class="name">Ella Wong</a>
  3714. <span class="datetime">20:15</span>
  3715. <span class="body">
  3716. Its almost done. I will be sending it shortly </span>
  3717. </div>
  3718. </div>
  3719. <div class="post out">
  3720. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
  3721. <div class="message">
  3722. <span class="arrow"></span>
  3723. <a href="javascript:;" class="name">Bob Nilson</a>
  3724. <span class="datetime">20:15</span>
  3725. <span class="body">
  3726. Alright. Thanks! :) </span>
  3727. </div>
  3728. </div>
  3729. <div class="post in">
  3730. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
  3731. <div class="message">
  3732. <span class="arrow"></span>
  3733. <a href="javascript:;" class="name">Ella Wong</a>
  3734. <span class="datetime">20:16</span>
  3735. <span class="body">
  3736. You are most welcome. Sorry for the delay. </span>
  3737. </div>
  3738. </div>
  3739. <div class="post out">
  3740. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
  3741. <div class="message">
  3742. <span class="arrow"></span>
  3743. <a href="javascript:;" class="name">Bob Nilson</a>
  3744. <span class="datetime">20:17</span>
  3745. <span class="body">
  3746. No probs. Just take your time :) </span>
  3747. </div>
  3748. </div>
  3749. <div class="post in">
  3750. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
  3751. <div class="message">
  3752. <span class="arrow"></span>
  3753. <a href="javascript:;" class="name">Ella Wong</a>
  3754. <span class="datetime">20:40</span>
  3755. <span class="body">
  3756. Alright. I just emailed it to you. </span>
  3757. </div>
  3758. </div>
  3759. <div class="post out">
  3760. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
  3761. <div class="message">
  3762. <span class="arrow"></span>
  3763. <a href="javascript:;" class="name">Bob Nilson</a>
  3764. <span class="datetime">20:17</span>
  3765. <span class="body">
  3766. Great! Thanks. Will check it right away. </span>
  3767. </div>
  3768. </div>
  3769. <div class="post in">
  3770. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
  3771. <div class="message">
  3772. <span class="arrow"></span>
  3773. <a href="javascript:;" class="name">Ella Wong</a>
  3774. <span class="datetime">20:40</span>
  3775. <span class="body">
  3776. Please let me know if you have any comment. </span>
  3777. </div>
  3778. </div>
  3779. <div class="post out">
  3780. <img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
  3781. <div class="message">
  3782. <span class="arrow"></span>
  3783. <a href="javascript:;" class="name">Bob Nilson</a>
  3784. <span class="datetime">20:17</span>
  3785. <span class="body">
  3786. Sure. I will check and buzz you if anything needs to be corrected. </span>
  3787. </div>
  3788. </div>
  3789. </div>
  3790. <div class="page-quick-sidebar-chat-user-form">
  3791. <div class="input-group">
  3792. <input type="text" class="form-control" placeholder="Type a message here...">
  3793. <div class="input-group-btn">
  3794. <button type="button" class="btn blue"><i class="icon-paper-clip"></i></button>
  3795. </div>
  3796. </div>
  3797. </div>
  3798. </div>
  3799. </div>
  3800. </div>
  3801. <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
  3802. <div class="page-quick-sidebar-alerts-list">
  3803. <h3 class="list-heading">General</h3>
  3804. <ul class="feeds list-items">
  3805. <li>
  3806. <div class="col1">
  3807. <div class="cont">
  3808. <div class="cont-col1">
  3809. <div class="label label-sm label-info">
  3810. <i class="fa fa-check"></i>
  3811. </div>
  3812. </div>
  3813. <div class="cont-col2">
  3814. <div class="desc">
  3815. You have 4 pending tasks. <span class="label label-sm label-warning ">
  3816. Take action <i class="fa fa-share"></i>
  3817. </span>
  3818. </div>
  3819. </div>
  3820. </div>
  3821. </div>
  3822. <div class="col2">
  3823. <div class="date">
  3824. Just now
  3825. </div>
  3826. </div>
  3827. </li>
  3828. <li>
  3829. <a href="javascript:;">
  3830. <div class="col1">
  3831. <div class="cont">
  3832. <div class="cont-col1">
  3833. <div class="label label-sm label-success">
  3834. <i class="fa fa-bar-chart-o"></i>
  3835. </div>
  3836. </div>
  3837. <div class="cont-col2">
  3838. <div class="desc">
  3839. Finance Report for year 2013 has been released.
  3840. </div>
  3841. </div>
  3842. </div>
  3843. </div>
  3844. <div class="col2">
  3845. <div class="date">
  3846. 20 mins
  3847. </div>
  3848. </div>
  3849. </a>
  3850. </li>
  3851. <li>
  3852. <div class="col1">
  3853. <div class="cont">
  3854. <div class="cont-col1">
  3855. <div class="label label-sm label-danger">
  3856. <i class="fa fa-user"></i>
  3857. </div>
  3858. </div>
  3859. <div class="cont-col2">
  3860. <div class="desc">
  3861. You have 5 pending membership that requires a quick review.
  3862. </div>
  3863. </div>
  3864. </div>
  3865. </div>
  3866. <div class="col2">
  3867. <div class="date">
  3868. 24 mins
  3869. </div>
  3870. </div>
  3871. </li>
  3872. <li>
  3873. <div class="col1">
  3874. <div class="cont">
  3875. <div class="cont-col1">
  3876. <div class="label label-sm label-info">
  3877. <i class="fa fa-shopping-cart"></i>
  3878. </div>
  3879. </div>
  3880. <div class="cont-col2">
  3881. <div class="desc">
  3882. New order received with <span class="label label-sm label-success">
  3883. Reference Number: DR23923 </span>
  3884. </div>
  3885. </div>
  3886. </div>
  3887. </div>
  3888. <div class="col2">
  3889. <div class="date">
  3890. 30 mins
  3891. </div>
  3892. </div>
  3893. </li>
  3894. <li>
  3895. <div class="col1">
  3896. <div class="cont">
  3897. <div class="cont-col1">
  3898. <div class="label label-sm label-success">
  3899. <i class="fa fa-user"></i>
  3900. </div>
  3901. </div>
  3902. <div class="cont-col2">
  3903. <div class="desc">
  3904. You have 5 pending membership that requires a quick review.
  3905. </div>
  3906. </div>
  3907. </div>
  3908. </div>
  3909. <div class="col2">
  3910. <div class="date">
  3911. 24 mins
  3912. </div>
  3913. </div>
  3914. </li>
  3915. <li>
  3916. <div class="col1">
  3917. <div class="cont">
  3918. <div class="cont-col1">
  3919. <div class="label label-sm label-info">
  3920. <i class="fa fa-bell-o"></i>
  3921. </div>
  3922. </div>
  3923. <div class="cont-col2">
  3924. <div class="desc">
  3925. Web server hardware needs to be upgraded. <span class="label label-sm label-warning">
  3926. Overdue </span>
  3927. </div>
  3928. </div>
  3929. </div>
  3930. </div>
  3931. <div class="col2">
  3932. <div class="date">
  3933. 2 hours
  3934. </div>
  3935. </div>
  3936. </li>
  3937. <li>
  3938. <a href="javascript:;">
  3939. <div class="col1">
  3940. <div class="cont">
  3941. <div class="cont-col1">
  3942. <div class="label label-sm label-default">
  3943. <i class="fa fa-briefcase"></i>
  3944. </div>
  3945. </div>
  3946. <div class="cont-col2">
  3947. <div class="desc">
  3948. IPO Report for year 2013 has been released.
  3949. </div>
  3950. </div>
  3951. </div>
  3952. </div>
  3953. <div class="col2">
  3954. <div class="date">
  3955. 20 mins
  3956. </div>
  3957. </div>
  3958. </a>
  3959. </li>
  3960. </ul>
  3961. <h3 class="list-heading">System</h3>
  3962. <ul class="feeds list-items">
  3963. <li>
  3964. <div class="col1">
  3965. <div class="cont">
  3966. <div class="cont-col1">
  3967. <div class="label label-sm label-info">
  3968. <i class="fa fa-check"></i>
  3969. </div>
  3970. </div>
  3971. <div class="cont-col2">
  3972. <div class="desc">
  3973. You have 4 pending tasks. <span class="label label-sm label-warning ">
  3974. Take action <i class="fa fa-share"></i>
  3975. </span>
  3976. </div>
  3977. </div>
  3978. </div>
  3979. </div>
  3980. <div class="col2">
  3981. <div class="date">
  3982. Just now
  3983. </div>
  3984. </div>
  3985. </li>
  3986. <li>
  3987. <a href="javascript:;">
  3988. <div class="col1">
  3989. <div class="cont">
  3990. <div class="cont-col1">
  3991. <div class="label label-sm label-danger">
  3992. <i class="fa fa-bar-chart-o"></i>
  3993. </div>
  3994. </div>
  3995. <div class="cont-col2">
  3996. <div class="desc">
  3997. Finance Report for year 2013 has been released.
  3998. </div>
  3999. </div>
  4000. </div>
  4001. </div>
  4002. <div class="col2">
  4003. <div class="date">
  4004. 20 mins
  4005. </div>
  4006. </div>
  4007. </a>
  4008. </li>
  4009. <li>
  4010. <div class="col1">
  4011. <div class="cont">
  4012. <div class="cont-col1">
  4013. <div class="label label-sm label-default">
  4014. <i class="fa fa-user"></i>
  4015. </div>
  4016. </div>
  4017. <div class="cont-col2">
  4018. <div class="desc">
  4019. You have 5 pending membership that requires a quick review.
  4020. </div>
  4021. </div>
  4022. </div>
  4023. </div>
  4024. <div class="col2">
  4025. <div class="date">
  4026. 24 mins
  4027. </div>
  4028. </div>
  4029. </li>
  4030. <li>
  4031. <div class="col1">
  4032. <div class="cont">
  4033. <div class="cont-col1">
  4034. <div class="label label-sm label-info">
  4035. <i class="fa fa-shopping-cart"></i>
  4036. </div>
  4037. </div>
  4038. <div class="cont-col2">
  4039. <div class="desc">
  4040. New order received with <span class="label label-sm label-success">
  4041. Reference Number: DR23923 </span>
  4042. </div>
  4043. </div>
  4044. </div>
  4045. </div>
  4046. <div class="col2">
  4047. <div class="date">
  4048. 30 mins
  4049. </div>
  4050. </div>
  4051. </li>
  4052. <li>
  4053. <div class="col1">
  4054. <div class="cont">
  4055. <div class="cont-col1">
  4056. <div class="label label-sm label-success">
  4057. <i class="fa fa-user"></i>
  4058. </div>
  4059. </div>
  4060. <div class="cont-col2">
  4061. <div class="desc">
  4062. You have 5 pending membership that requires a quick review.
  4063. </div>
  4064. </div>
  4065. </div>
  4066. </div>
  4067. <div class="col2">
  4068. <div class="date">
  4069. 24 mins
  4070. </div>
  4071. </div>
  4072. </li>
  4073. <li>
  4074. <div class="col1">
  4075. <div class="cont">
  4076. <div class="cont-col1">
  4077. <div class="label label-sm label-warning">
  4078. <i class="fa fa-bell-o"></i>
  4079. </div>
  4080. </div>
  4081. <div class="cont-col2">
  4082. <div class="desc">
  4083. Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
  4084. Overdue </span>
  4085. </div>
  4086. </div>
  4087. </div>
  4088. </div>
  4089. <div class="col2">
  4090. <div class="date">
  4091. 2 hours
  4092. </div>
  4093. </div>
  4094. </li>
  4095. <li>
  4096. <a href="javascript:;">
  4097. <div class="col1">
  4098. <div class="cont">
  4099. <div class="cont-col1">
  4100. <div class="label label-sm label-info">
  4101. <i class="fa fa-briefcase"></i>
  4102. </div>
  4103. </div>
  4104. <div class="cont-col2">
  4105. <div class="desc">
  4106. IPO Report for year 2013 has been released.
  4107. </div>
  4108. </div>
  4109. </div>
  4110. </div>
  4111. <div class="col2">
  4112. <div class="date">
  4113. 20 mins
  4114. </div>
  4115. </div>
  4116. </a>
  4117. </li>
  4118. </ul>
  4119. </div>
  4120. </div>
  4121. <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
  4122. <div class="page-quick-sidebar-settings-list">
  4123. <h3 class="list-heading">General Settings</h3>
  4124. <ul class="list-items borderless">
  4125. <li>
  4126. Enable Notifications <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">
  4127. </li>
  4128. <li>
  4129. Allow Tracking <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">
  4130. </li>
  4131. <li>
  4132. Log Errors <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">
  4133. </li>
  4134. <li>
  4135. Auto Sumbit Issues <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">
  4136. </li>
  4137. <li>
  4138. Enable SMS Alerts <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">
  4139. </li>
  4140. </ul>
  4141. <h3 class="list-heading">System Settings</h3>
  4142. <ul class="list-items borderless">
  4143. <li>
  4144. Security Level
  4145. <select class="form-control input-inline input-sm input-small">
  4146. <option value="1">Normal</option>
  4147. <option value="2" selected>Medium</option>
  4148. <option value="e">High</option>
  4149. </select>
  4150. </li>
  4151. <li>
  4152. Failed Email Attempts <input class="form-control input-inline input-sm input-small" value="5"/>
  4153. </li>
  4154. <li>
  4155. Secondary SMTP Port <input class="form-control input-inline input-sm input-small" value="3560"/>
  4156. </li>
  4157. <li>
  4158. Notify On System Error <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">
  4159. </li>
  4160. <li>
  4161. Notify On SMTP Error <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">
  4162. </li>
  4163. </ul>
  4164. <div class="inner-content">
  4165. <button class="btn btn-success"><i class="icon-settings"></i> Save Changes</button>
  4166. </div>
  4167. </div>
  4168. </div>
  4169. </div>
  4170. </div>
  4171. </div>
  4172. </div>
  4173. <!-- END QUICK SIDEBAR -->
  4174. </div>
  4175. <!-- END CONTAINER -->
  4176. <!-- BEGIN FOOTER -->
  4177. <div class="page-footer">
  4178. <div class="page-footer-inner">
  4179. 2014 &copy; Metronic by keenthemes.
  4180. </div>
  4181. <div class="scroll-to-top">
  4182. <i class="icon-arrow-up"></i>
  4183. </div>
  4184. </div>
  4185. <!-- END FOOTER -->
  4186. <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
  4187. <!-- BEGIN CORE PLUGINS -->
  4188. <!--[if lt IE 9]>
  4189. <script src="../../assets/global/plugins/respond.min.js"></script>
  4190. <script src="../../assets/global/plugins/excanvas.min.js"></script>
  4191. <![endif]-->
  4192. <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
  4193. <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
  4194. <!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
  4195. <script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
  4196. <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  4197. <script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
  4198. <script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
  4199. <script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
  4200. <script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
  4201. <script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
  4202. <script src="../../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
  4203. <!-- END CORE PLUGINS -->
  4204. <!-- BEGIN PAGE LEVEL PLUGINS -->
  4205. <script src="../../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
  4206. <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
  4207. <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
  4208. <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
  4209. <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
  4210. <script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
  4211. <script src="../../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
  4212. <script src="../../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
  4213. <script src="../../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
  4214. <script src="../../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
  4215. <script src="../../assets/global/plugins/jquery.pulsate.min.js" type="text/javascript"></script>
  4216. <script src="../../assets/global/plugins/bootstrap-daterangepicker/moment.min.js" type="text/javascript"></script>
  4217. <script src="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
  4218. <!-- IMPORTANT! fullcalendar depends on jquery-ui.min.js for drag & drop support -->
  4219. <script src="../../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
  4220. <script src="../../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.js" type="text/javascript"></script>
  4221. <script src="../../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
  4222. <!-- END PAGE LEVEL PLUGINS -->
  4223. <!-- BEGIN PAGE LEVEL SCRIPTS -->
  4224. <script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
  4225. <script src="../../assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
  4226. <script src="../../assets/admin/layout/scripts/quick-sidebar.js" type="text/javascript"></script>
  4227. <script src="../../assets/admin/layout/scripts/demo.js" type="text/javascript"></script>
  4228. <script src="../../assets/admin/pages/scripts/index.js" type="text/javascript"></script>
  4229. <script src="../../assets/admin/pages/scripts/tasks.js" type="text/javascript"></script>
  4230. <!-- END PAGE LEVEL SCRIPTS -->
  4231. <script>
  4232. jQuery(document).ready(function() {
  4233. Metronic.init(); // init metronic core components
  4234. Layout.init(); // init current layout
  4235. QuickSidebar.init(); // init quick sidebar
  4236. Demo.init(); // init demo features // initlayout and core plugins
  4237. Index.init();
  4238. Index.initJQVMAP(); // init index page's custom scripts
  4239. Index.initCalendar(); // init index page's custom scripts
  4240. Index.initCharts(); // init index page's custom scripts
  4241. Index.initChat();
  4242. Index.initMiniCharts();
  4243. Index.initDashboardDaterange();
  4244. Tasks.initDashboardWidget();
  4245. });
  4246. </script>
  4247. <!-- END JAVASCRIPTS -->
  4248. </body>
  4249. <!-- END BODY -->
  4250. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!