Advertisement
Guest User

Untitled

a guest
Jul 17th, 2019
492
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 129.79 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Angular8</title>
  6. <base href="/">
  7.  
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
  10. <link rel="icon" type="image/x-icon" href="favicon.ico">
  11.  
  12. </head>
  13. <body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid page-md">
  14. <!-- BEGIN HEADER -->
  15. <div class="page-header navbar navbar-fixed-top">
  16. <!-- BEGIN HEADER INNER -->
  17. <div class="page-header-inner ">
  18. <!-- BEGIN LOGO -->
  19. <div class="page-logo">
  20. <a href="index.html">
  21. <img src="../assets/layouts/layout2/img/logo-default.png" alt="logo" class="logo-default" /> </a>
  22. <div class="menu-toggler sidebar-toggler">
  23. <!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
  24. </div>
  25. </div>
  26. <!-- END LOGO -->
  27. <!-- BEGIN RESPONSIVE MENU TOGGLER -->
  28. <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse"> </a>
  29. <!-- END RESPONSIVE MENU TOGGLER -->
  30. <!-- BEGIN PAGE ACTIONS -->
  31. <!-- DOC: Remove "hide" class to enable the page header actions -->
  32. <div class="page-actions">
  33. <div class="btn-group">
  34. <button type="button" class="btn btn-circle btn-outline red dropdown-toggle" data-toggle="dropdown">
  35. <i class="fa fa-plus"></i>&nbsp;
  36. <span class="hidden-sm hidden-xs">New&nbsp;</span>&nbsp;
  37. <i class="fa fa-angle-down"></i>
  38. </button>
  39. <ul class="dropdown-menu" role="menu">
  40. <li>
  41. <a href="javascript:;">
  42. <i class="icon-docs"></i> New Post </a>
  43. </li>
  44. <li>
  45. <a href="javascript:;">
  46. <i class="icon-tag"></i> New Comment </a>
  47. </li>
  48. <li>
  49. <a href="javascript:;">
  50. <i class="icon-share"></i> Share </a>
  51. </li>
  52. <li class="divider"> </li>
  53. <li>
  54. <a href="javascript:;">
  55. <i class="icon-flag"></i> Comments
  56. <span class="badge badge-success">4</span>
  57. </a>
  58. </li>
  59. <li>
  60. <a href="javascript:;">
  61. <i class="icon-users"></i> Feedbacks
  62. <span class="badge badge-danger">2</span>
  63. </a>
  64. </li>
  65. </ul>
  66. </div>
  67. </div>
  68. <!-- END PAGE ACTIONS -->
  69. <!-- BEGIN PAGE TOP -->
  70. <div class="page-top">
  71. <!-- BEGIN HEADER SEARCH BOX -->
  72. <!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
  73. <form class="search-form search-form-expanded" action="page_general_search_3.html" method="GET">
  74. <div class="input-group">
  75. <input type="text" class="form-control" placeholder="Search..." name="query">
  76. <span class="input-group-btn">
  77. <a href="javascript:;" class="btn submit">
  78. <i class="icon-magnifier"></i>
  79. </a>
  80. </span>
  81. </div>
  82. </form>
  83. <!-- END HEADER SEARCH BOX -->
  84. <!-- BEGIN TOP NAVIGATION MENU -->
  85. <div class="top-menu">
  86. <ul class="nav navbar-nav pull-right">
  87. <!-- BEGIN NOTIFICATION DROPDOWN -->
  88. <!-- DOC: Apply "dropdown-dark" class below "dropdown-extended" to change the dropdown styte -->
  89. <!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
  90. <!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
  91. <li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
  92. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  93. <i class="icon-bell"></i>
  94. <span class="badge badge-default"> 7 </span>
  95. </a>
  96. <ul class="dropdown-menu">
  97. <li class="external">
  98. <h3>
  99. <span class="bold">12 pending</span> notifications</h3>
  100. <a href="page_user_profile_1.html">view all</a>
  101. </li>
  102. <li>
  103. <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
  104. <li>
  105. <a href="javascript:;">
  106. <span class="time">just now</span>
  107. <span class="details">
  108. <span class="label label-sm label-icon label-success">
  109. <i class="fa fa-plus"></i>
  110. </span> New user registered. </span>
  111. </a>
  112. </li>
  113. <li>
  114. <a href="javascript:;">
  115. <span class="time">3 mins</span>
  116. <span class="details">
  117. <span class="label label-sm label-icon label-danger">
  118. <i class="fa fa-bolt"></i>
  119. </span> Server #12 overloaded. </span>
  120. </a>
  121. </li>
  122. <li>
  123. <a href="javascript:;">
  124. <span class="time">10 mins</span>
  125. <span class="details">
  126. <span class="label label-sm label-icon label-warning">
  127. <i class="fa fa-bell-o"></i>
  128. </span> Server #2 not responding. </span>
  129. </a>
  130. </li>
  131. <li>
  132. <a href="javascript:;">
  133. <span class="time">14 hrs</span>
  134. <span class="details">
  135. <span class="label label-sm label-icon label-info">
  136. <i class="fa fa-bullhorn"></i>
  137. </span> Application error. </span>
  138. </a>
  139. </li>
  140. <li>
  141. <a href="javascript:;">
  142. <span class="time">2 days</span>
  143. <span class="details">
  144. <span class="label label-sm label-icon label-danger">
  145. <i class="fa fa-bolt"></i>
  146. </span> Database overloaded 68%. </span>
  147. </a>
  148. </li>
  149. <li>
  150. <a href="javascript:;">
  151. <span class="time">3 days</span>
  152. <span class="details">
  153. <span class="label label-sm label-icon label-danger">
  154. <i class="fa fa-bolt"></i>
  155. </span> A user IP blocked. </span>
  156. </a>
  157. </li>
  158. <li>
  159. <a href="javascript:;">
  160. <span class="time">4 days</span>
  161. <span class="details">
  162. <span class="label label-sm label-icon label-warning">
  163. <i class="fa fa-bell-o"></i>
  164. </span> Storage Server #4 not responding dfdfdfd. </span>
  165. </a>
  166. </li>
  167. <li>
  168. <a href="javascript:;">
  169. <span class="time">5 days</span>
  170. <span class="details">
  171. <span class="label label-sm label-icon label-info">
  172. <i class="fa fa-bullhorn"></i>
  173. </span> System Error. </span>
  174. </a>
  175. </li>
  176. <li>
  177. <a href="javascript:;">
  178. <span class="time">9 days</span>
  179. <span class="details">
  180. <span class="label label-sm label-icon label-danger">
  181. <i class="fa fa-bolt"></i>
  182. </span> Storage server failed. </span>
  183. </a>
  184. </li>
  185. </ul>
  186. </li>
  187. </ul>
  188. </li>
  189. <!-- END NOTIFICATION DROPDOWN -->
  190. <!-- BEGIN INBOX DROPDOWN -->
  191. <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
  192. <li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
  193. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  194. <i class="icon-envelope-open"></i>
  195. <span class="badge badge-default"> 4 </span>
  196. </a>
  197. <ul class="dropdown-menu">
  198. <li class="external">
  199. <h3>You have
  200. <span class="bold">7 New</span> Messages</h3>
  201. <a href="app_inbox.html">view all</a>
  202. </li>
  203. <li>
  204. <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
  205. <li>
  206. <a href="#">
  207. <span class="photo">
  208. <img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
  209. <span class="subject">
  210. <span class="from"> Lisa Wong </span>
  211. <span class="time">Just Now </span>
  212. </span>
  213. <span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
  214. </a>
  215. </li>
  216. <li>
  217. <a href="#">
  218. <span class="photo">
  219. <img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
  220. <span class="subject">
  221. <span class="from"> Richard Doe </span>
  222. <span class="time">16 mins </span>
  223. </span>
  224. <span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
  225. </a>
  226. </li>
  227. <li>
  228. <a href="#">
  229. <span class="photo">
  230. <img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
  231. <span class="subject">
  232. <span class="from"> Bob Nilson </span>
  233. <span class="time">2 hrs </span>
  234. </span>
  235. <span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
  236. </a>
  237. </li>
  238. <li>
  239. <a href="#">
  240. <span class="photo">
  241. <img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
  242. <span class="subject">
  243. <span class="from"> Lisa Wong </span>
  244. <span class="time">40 mins </span>
  245. </span>
  246. <span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
  247. </a>
  248. </li>
  249. <li>
  250. <a href="#">
  251. <span class="photo">
  252. <img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
  253. <span class="subject">
  254. <span class="from"> Richard Doe </span>
  255. <span class="time">46 mins </span>
  256. </span>
  257. <span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
  258. </a>
  259. </li>
  260. </ul>
  261. </li>
  262. </ul>
  263. </li>
  264. <!-- END INBOX DROPDOWN -->
  265. <!-- BEGIN TODO DROPDOWN -->
  266. <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
  267. <li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
  268. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  269. <i class="icon-calendar"></i>
  270. <span class="badge badge-default"> 3 </span>
  271. </a>
  272. <ul class="dropdown-menu extended tasks">
  273. <li class="external">
  274. <h3>You have
  275. <span class="bold">12 pending</span> tasks</h3>
  276. <a href="app_todo.html">view all</a>
  277. </li>
  278. <li>
  279. <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
  280. <li>
  281. <a href="javascript:;">
  282. <span class="task">
  283. <span class="desc">New release v1.2 </span>
  284. <span class="percent">30%</span>
  285. </span>
  286. <span class="progress">
  287. <span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
  288. <span class="sr-only">40% Complete</span>
  289. </span>
  290. </span>
  291. </a>
  292. </li>
  293. <li>
  294. <a href="javascript:;">
  295. <span class="task">
  296. <span class="desc">Application deployment</span>
  297. <span class="percent">65%</span>
  298. </span>
  299. <span class="progress">
  300. <span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
  301. <span class="sr-only">65% Complete</span>
  302. </span>
  303. </span>
  304. </a>
  305. </li>
  306. <li>
  307. <a href="javascript:;">
  308. <span class="task">
  309. <span class="desc">Mobile app release</span>
  310. <span class="percent">98%</span>
  311. </span>
  312. <span class="progress">
  313. <span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
  314. <span class="sr-only">98% Complete</span>
  315. </span>
  316. </span>
  317. </a>
  318. </li>
  319. <li>
  320. <a href="javascript:;">
  321. <span class="task">
  322. <span class="desc">Database migration</span>
  323. <span class="percent">10%</span>
  324. </span>
  325. <span class="progress">
  326. <span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
  327. <span class="sr-only">10% Complete</span>
  328. </span>
  329. </span>
  330. </a>
  331. </li>
  332. <li>
  333. <a href="javascript:;">
  334. <span class="task">
  335. <span class="desc">Web server upgrade</span>
  336. <span class="percent">58%</span>
  337. </span>
  338. <span class="progress">
  339. <span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
  340. <span class="sr-only">58% Complete</span>
  341. </span>
  342. </span>
  343. </a>
  344. </li>
  345. <li>
  346. <a href="javascript:;">
  347. <span class="task">
  348. <span class="desc">Mobile development</span>
  349. <span class="percent">85%</span>
  350. </span>
  351. <span class="progress">
  352. <span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
  353. <span class="sr-only">85% Complete</span>
  354. </span>
  355. </span>
  356. </a>
  357. </li>
  358. <li>
  359. <a href="javascript:;">
  360. <span class="task">
  361. <span class="desc">New UI release</span>
  362. <span class="percent">38%</span>
  363. </span>
  364. <span class="progress progress-striped">
  365. <span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
  366. <span class="sr-only">38% Complete</span>
  367. </span>
  368. </span>
  369. </a>
  370. </li>
  371. </ul>
  372. </li>
  373. </ul>
  374. </li>
  375. <!-- END TODO DROPDOWN -->
  376. <!-- BEGIN USER LOGIN DROPDOWN -->
  377. <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
  378. <li class="dropdown dropdown-user">
  379. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
  380. <img alt="" class="img-circle" src="../assets/layouts/layout2/img/avatar3_small.jpg" />
  381. <span class="username username-hide-on-mobile"> Nick </span>
  382. <i class="fa fa-angle-down"></i>
  383. </a>
  384. <ul class="dropdown-menu dropdown-menu-default">
  385. <li>
  386. <a href="page_user_profile_1.html">
  387. <i class="icon-user"></i> My Profile </a>
  388. </li>
  389. <li>
  390. <a href="app_calendar.html">
  391. <i class="icon-calendar"></i> My Calendar </a>
  392. </li>
  393. <li>
  394. <a href="app_inbox.html">
  395. <i class="icon-envelope-open"></i> My Inbox
  396. <span class="badge badge-danger"> 3 </span>
  397. </a>
  398. </li>
  399. <li>
  400. <a href="app_todo_2.html">
  401. <i class="icon-rocket"></i> My Tasks
  402. <span class="badge badge-success"> 7 </span>
  403. </a>
  404. </li>
  405. <li class="divider"> </li>
  406. <li>
  407. <a href="page_user_lock_1.html">
  408. <i class="icon-lock"></i> Lock Screen </a>
  409. </li>
  410. <li>
  411. <a href="page_user_login_1.html">
  412. <i class="icon-key"></i> Log Out </a>
  413. </li>
  414. </ul>
  415. </li>
  416. <!-- END USER LOGIN DROPDOWN -->
  417. <!-- BEGIN QUICK SIDEBAR TOGGLER -->
  418. <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
  419. <li class="dropdown dropdown-extended quick-sidebar-toggler">
  420. <span class="sr-only">Toggle Quick Sidebar</span>
  421. <i class="icon-logout"></i>
  422. </li>
  423. <!-- END QUICK SIDEBAR TOGGLER -->
  424. </ul>
  425. </div>
  426. <!-- END TOP NAVIGATION MENU -->
  427. </div>
  428. <!-- END PAGE TOP -->
  429. </div>
  430. <!-- END HEADER INNER -->
  431. </div>
  432. <!-- END HEADER -->
  433.  
  434. <!-- BEGIN HEADER & CONTENT DIVIDER -->
  435. <div class="clearfix"> </div>
  436. <!-- END HEADER & CONTENT DIVIDER -->
  437.  
  438. <!-- BEGIN CONTAINER -->
  439. <div class="page-container">
  440. <!-- BEGIN SIDEBAR -->
  441. <div class="page-sidebar-wrapper">
  442. <!-- END SIDEBAR -->
  443. <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
  444. <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
  445. <div class="page-sidebar navbar-collapse collapse">
  446. <!-- BEGIN SIDEBAR MENU -->
  447. <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
  448. <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
  449. <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
  450. <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
  451. <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
  452. <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
  453. <ul class="page-sidebar-menu page-header-fixed page-sidebar-menu-hover-submenu " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
  454. <li class="nav-item start ">
  455. <a href="javascript:;" class="nav-link nav-toggle">
  456. <i class="icon-home"></i>
  457. <span class="title">Dashboard</span>
  458. <span class="arrow"></span>
  459. </a>
  460. <ul class="sub-menu">
  461. <li class="nav-item start ">
  462. <a href="index.html" class="nav-link ">
  463. <i class="icon-bar-chart"></i>
  464. <span class="title">Dashboard 1</span>
  465. </a>
  466. </li>
  467. <li class="nav-item start ">
  468. <a href="dashboard_2.html" class="nav-link ">
  469. <i class="icon-bulb"></i>
  470. <span class="title">Dashboard 2</span>
  471. <span class="badge badge-success">1</span>
  472. </a>
  473. </li>
  474. <li class="nav-item start ">
  475. <a href="dashboard_3.html" class="nav-link ">
  476. <i class="icon-graph"></i>
  477. <span class="title">Dashboard 3</span>
  478. <span class="badge badge-danger">5</span>
  479. </a>
  480. </li>
  481. </ul>
  482. </li>
  483. <li class="nav-item ">
  484. <a href="javascript:;" class="nav-link nav-toggle">
  485. <i class="icon-diamond"></i>
  486. <span class="title">UI Features</span>
  487. <span class="arrow"></span>
  488. </a>
  489. <ul class="sub-menu">
  490. <li class="nav-item ">
  491. <a href="ui_metronic_grid.html" class="nav-link ">
  492. <span class="title">Metronic Grid System</span>
  493. </a>
  494. </li>
  495. <li class="nav-item ">
  496. <a href="ui_colors.html" class="nav-link ">
  497. <span class="title">Color Library</span>
  498. </a>
  499. </li>
  500. <li class="nav-item ">
  501. <a href="ui_general.html" class="nav-link ">
  502. <span class="title">General Components</span>
  503. </a>
  504. </li>
  505. <li class="nav-item ">
  506. <a href="ui_buttons.html" class="nav-link ">
  507. <span class="title">Buttons</span>
  508. </a>
  509. </li>
  510. <li class="nav-item ">
  511. <a href="ui_buttons_spinner.html" class="nav-link ">
  512. <span class="title">Spinner Buttons</span>
  513. </a>
  514. </li>
  515. <li class="nav-item ">
  516. <a href="ui_confirmations.html" class="nav-link ">
  517. <span class="title">Popover Confirmations</span>
  518. </a>
  519. </li>
  520. <li class="nav-item ">
  521. <a href="ui_sweetalert.html" class="nav-link ">
  522. <span class="title">Bootstrap Sweet Alerts</span>
  523. </a>
  524. </li>
  525. <li class="nav-item ">
  526. <a href="ui_icons.html" class="nav-link ">
  527. <span class="title">Font Icons</span>
  528. </a>
  529. </li>
  530. <li class="nav-item ">
  531. <a href="ui_socicons.html" class="nav-link ">
  532. <span class="title">Social Icons</span>
  533. </a>
  534. </li>
  535. <li class="nav-item ">
  536. <a href="ui_typography.html" class="nav-link ">
  537. <span class="title">Typography</span>
  538. </a>
  539. </li>
  540. <li class="nav-item ">
  541. <a href="ui_tabs_accordions_navs.html" class="nav-link ">
  542. <span class="title">Tabs, Accordions & Navs</span>
  543. </a>
  544. </li>
  545. <li class="nav-item ">
  546. <a href="ui_timeline.html" class="nav-link ">
  547. <span class="title">Timeline 1</span>
  548. </a>
  549. </li>
  550. <li class="nav-item ">
  551. <a href="ui_timeline_2.html" class="nav-link ">
  552. <span class="title">Timeline 2</span>
  553. </a>
  554. </li>
  555. <li class="nav-item ">
  556. <a href="ui_timeline_horizontal.html" class="nav-link ">
  557. <span class="title">Horizontal Timeline</span>
  558. </a>
  559. </li>
  560. <li class="nav-item ">
  561. <a href="ui_tree.html" class="nav-link ">
  562. <span class="title">Tree View</span>
  563. </a>
  564. </li>
  565. <li class="nav-item ">
  566. <a href="javascript:;" class="nav-link nav-toggle">
  567. <span class="title">Page Progress Bar</span>
  568. <span class="arrow"></span>
  569. </a>
  570. <ul class="sub-menu">
  571. <li class="nav-item ">
  572. <a href="ui_page_progress_style_1.html" class="nav-link "> Flash </a>
  573. </li>
  574. <li class="nav-item ">
  575. <a href="ui_page_progress_style_2.html" class="nav-link "> Big Counter </a>
  576. </li>
  577. </ul>
  578. </li>
  579. <li class="nav-item ">
  580. <a href="ui_blockui.html" class="nav-link ">
  581. <span class="title">Block UI</span>
  582. </a>
  583. </li>
  584. <li class="nav-item ">
  585. <a href="ui_bootstrap_growl.html" class="nav-link ">
  586. <span class="title">Bootstrap Growl Notifications</span>
  587. </a>
  588. </li>
  589. <li class="nav-item ">
  590. <a href="ui_notific8.html" class="nav-link ">
  591. <span class="title">Notific8 Notifications</span>
  592. </a>
  593. </li>
  594. <li class="nav-item ">
  595. <a href="ui_toastr.html" class="nav-link ">
  596. <span class="title">Toastr Notifications</span>
  597. </a>
  598. </li>
  599. <li class="nav-item ">
  600. <a href="ui_bootbox.html" class="nav-link ">
  601. <span class="title">Bootbox Dialogs</span>
  602. </a>
  603. </li>
  604. <li class="nav-item ">
  605. <a href="ui_alerts_api.html" class="nav-link ">
  606. <span class="title">Metronic Alerts API</span>
  607. </a>
  608. </li>
  609. <li class="nav-item ">
  610. <a href="ui_session_timeout.html" class="nav-link ">
  611. <span class="title">Session Timeout</span>
  612. </a>
  613. </li>
  614. <li class="nav-item ">
  615. <a href="ui_idle_timeout.html" class="nav-link ">
  616. <span class="title">User Idle Timeout</span>
  617. </a>
  618. </li>
  619. <li class="nav-item ">
  620. <a href="ui_modals.html" class="nav-link ">
  621. <span class="title">Modals</span>
  622. </a>
  623. </li>
  624. <li class="nav-item ">
  625. <a href="ui_extended_modals.html" class="nav-link ">
  626. <span class="title">Extended Modals</span>
  627. </a>
  628. </li>
  629. <li class="nav-item ">
  630. <a href="ui_tiles.html" class="nav-link ">
  631. <span class="title">Tiles</span>
  632. </a>
  633. </li>
  634. <li class="nav-item ">
  635. <a href="ui_datepaginator.html" class="nav-link ">
  636. <span class="title">Date Paginator</span>
  637. </a>
  638. </li>
  639. <li class="nav-item ">
  640. <a href="ui_nestable.html" class="nav-link ">
  641. <span class="title">Nestable List</span>
  642. </a>
  643. </li>
  644. </ul>
  645. </li>
  646. <li class="nav-item ">
  647. <a href="javascript:;" class="nav-link nav-toggle">
  648. <i class="icon-puzzle"></i>
  649. <span class="title">Components</span>
  650. <span class="arrow"></span>
  651. </a>
  652. <ul class="sub-menu">
  653. <li class="nav-item ">
  654. <a href="components_date_time_pickers.html" class="nav-link ">
  655. <span class="title">Date & Time Pickers</span>
  656. </a>
  657. </li>
  658. <li class="nav-item ">
  659. <a href="components_color_pickers.html" class="nav-link ">
  660. <span class="title">Color Pickers</span>
  661. <span class="badge badge-danger">2</span>
  662. </a>
  663. </li>
  664. <li class="nav-item ">
  665. <a href="components_select2.html" class="nav-link ">
  666. <span class="title">Select2 Dropdowns</span>
  667. </a>
  668. </li>
  669. <li class="nav-item ">
  670. <a href="components_bootstrap_select.html" class="nav-link ">
  671. <span class="title">Bootstrap Select</span>
  672. </a>
  673. </li>
  674. <li class="nav-item ">
  675. <a href="components_multi_select.html" class="nav-link ">
  676. <span class="title">Bootstrap Multiple Select</span>
  677. </a>
  678. </li>
  679. <li class="nav-item ">
  680. <a href="components_bootstrap_multiselect_dropdown.html" class="nav-link ">
  681. <span class="title">Bootstrap Multiselect Dropdowns</span>
  682. </a>
  683. </li>
  684. <li class="nav-item ">
  685. <a href="components_bootstrap_select_splitter.html" class="nav-link ">
  686. <span class="title">Select Splitter</span>
  687. </a>
  688. </li>
  689. <li class="nav-item ">
  690. <a href="components_clipboard.html" class="nav-link ">
  691. <span class="title">Clipboard</span>
  692. </a>
  693. </li>
  694. <li class="nav-item ">
  695. <a href="components_typeahead.html" class="nav-link ">
  696. <span class="title">Typeahead Autocomplete</span>
  697. </a>
  698. </li>
  699. <li class="nav-item ">
  700. <a href="components_bootstrap_tagsinput.html" class="nav-link ">
  701. <span class="title">Bootstrap Tagsinput</span>
  702. </a>
  703. </li>
  704. <li class="nav-item ">
  705. <a href="components_bootstrap_switch.html" class="nav-link ">
  706. <span class="title">Bootstrap Switch</span>
  707. <span class="badge badge-success">6</span>
  708. </a>
  709. </li>
  710. <li class="nav-item ">
  711. <a href="components_bootstrap_maxlength.html" class="nav-link ">
  712. <span class="title">Bootstrap Maxlength</span>
  713. </a>
  714. </li>
  715. <li class="nav-item ">
  716. <a href="components_bootstrap_fileinput.html" class="nav-link ">
  717. <span class="title">Bootstrap File Input</span>
  718. </a>
  719. </li>
  720. <li class="nav-item ">
  721. <a href="components_bootstrap_touchspin.html" class="nav-link ">
  722. <span class="title">Bootstrap Touchspin</span>
  723. </a>
  724. </li>
  725. <li class="nav-item ">
  726. <a href="components_form_tools.html" class="nav-link ">
  727. <span class="title">Form Widgets & Tools</span>
  728. </a>
  729. </li>
  730. <li class="nav-item ">
  731. <a href="components_context_menu.html" class="nav-link ">
  732. <span class="title">Context Menu</span>
  733. </a>
  734. </li>
  735. <li class="nav-item ">
  736. <a href="components_editors.html" class="nav-link ">
  737. <span class="title">Markdown & WYSIWYG Editors</span>
  738. </a>
  739. </li>
  740. <li class="nav-item ">
  741. <a href="components_code_editors.html" class="nav-link ">
  742. <span class="title">Code Editors</span>
  743. </a>
  744. </li>
  745. <li class="nav-item ">
  746. <a href="components_ion_sliders.html" class="nav-link ">
  747. <span class="title">Ion Range Sliders</span>
  748. </a>
  749. </li>
  750. <li class="nav-item ">
  751. <a href="components_noui_sliders.html" class="nav-link ">
  752. <span class="title">NoUI Range Sliders</span>
  753. </a>
  754. </li>
  755. <li class="nav-item ">
  756. <a href="components_knob_dials.html" class="nav-link ">
  757. <span class="title">Knob Circle Dials</span>
  758. </a>
  759. </li>
  760. </ul>
  761. </li>
  762. <li class="nav-item ">
  763. <a href="javascript:;" class="nav-link nav-toggle">
  764. <i class="icon-settings"></i>
  765. <span class="title">Form Stuff</span>
  766. <span class="arrow"></span>
  767. </a>
  768. <ul class="sub-menu">
  769. <li class="nav-item ">
  770. <a href="form_controls.html" class="nav-link ">
  771. <span class="title">Bootstrap Form
  772. <br>Controls</span>
  773. </a>
  774. </li>
  775. <li class="nav-item ">
  776. <a href="form_controls_md.html" class="nav-link ">
  777. <span class="title">Material Design
  778. <br>Form Controls</span>
  779. </a>
  780. </li>
  781. <li class="nav-item ">
  782. <a href="form_validation.html" class="nav-link ">
  783. <span class="title">Form Validation</span>
  784. </a>
  785. </li>
  786. <li class="nav-item ">
  787. <a href="form_validation_states_md.html" class="nav-link ">
  788. <span class="title">Material Design
  789. <br>Form Validation States</span>
  790. </a>
  791. </li>
  792. <li class="nav-item ">
  793. <a href="form_validation_md.html" class="nav-link ">
  794. <span class="title">Material Design
  795. <br>Form Validation</span>
  796. </a>
  797. </li>
  798. <li class="nav-item ">
  799. <a href="form_layouts.html" class="nav-link ">
  800. <span class="title">Form Layouts</span>
  801. </a>
  802. </li>
  803. <li class="nav-item ">
  804. <a href="form_repeater.html" class="nav-link ">
  805. <span class="title">Form Repeater</span>
  806. </a>
  807. </li>
  808. <li class="nav-item ">
  809. <a href="form_input_mask.html" class="nav-link ">
  810. <span class="title">Form Input Mask</span>
  811. </a>
  812. </li>
  813. <li class="nav-item ">
  814. <a href="form_editable.html" class="nav-link ">
  815. <span class="title">Form X-editable</span>
  816. </a>
  817. </li>
  818. <li class="nav-item ">
  819. <a href="form_wizard.html" class="nav-link ">
  820. <span class="title">Form Wizard</span>
  821. </a>
  822. </li>
  823. <li class="nav-item ">
  824. <a href="form_icheck.html" class="nav-link ">
  825. <span class="title">iCheck Controls</span>
  826. </a>
  827. </li>
  828. <li class="nav-item ">
  829. <a href="form_image_crop.html" class="nav-link ">
  830. <span class="title">Image Cropping</span>
  831. </a>
  832. </li>
  833. <li class="nav-item ">
  834. <a href="form_fileupload.html" class="nav-link ">
  835. <span class="title">Multiple File Upload</span>
  836. </a>
  837. </li>
  838. <li class="nav-item ">
  839. <a href="form_dropzone.html" class="nav-link ">
  840. <span class="title">Dropzone File Upload</span>
  841. </a>
  842. </li>
  843. </ul>
  844. </li>
  845. <li class="nav-item ">
  846. <a href="javascript:;" class="nav-link nav-toggle">
  847. <i class="icon-bulb"></i>
  848. <span class="title">Elements</span>
  849. <span class="arrow"></span>
  850. </a>
  851. <ul class="sub-menu">
  852. <li class="nav-item ">
  853. <a href="elements_steps.html" class="nav-link ">
  854. <span class="title">Steps</span>
  855. </a>
  856. </li>
  857. <li class="nav-item ">
  858. <a href="elements_lists.html" class="nav-link ">
  859. <span class="title">Lists</span>
  860. </a>
  861. </li>
  862. <li class="nav-item ">
  863. <a href="elements_ribbons.html" class="nav-link ">
  864. <span class="title">Ribbons</span>
  865. </a>
  866. </li>
  867. <li class="nav-item ">
  868. <a href="elements_overlay.html" class="nav-link ">
  869. <span class="title">Overlays</span>
  870. </a>
  871. </li>
  872. <li class="nav-item ">
  873. <a href="elements_cards.html" class="nav-link ">
  874. <span class="title">User Cards</span>
  875. </a>
  876. </li>
  877. </ul>
  878. </li>
  879. <li class="nav-item ">
  880. <a href="javascript:;" class="nav-link nav-toggle">
  881. <i class="icon-briefcase"></i>
  882. <span class="title">Tables</span>
  883. <span class="arrow"></span>
  884. </a>
  885. <ul class="sub-menu">
  886. <li class="nav-item ">
  887. <a href="table_static_basic.html" class="nav-link ">
  888. <span class="title">Basic Tables</span>
  889. </a>
  890. </li>
  891. <li class="nav-item ">
  892. <a href="table_static_responsive.html" class="nav-link ">
  893. <span class="title">Responsive Tables</span>
  894. </a>
  895. </li>
  896. <li class="nav-item ">
  897. <a href="table_bootstrap.html" class="nav-link ">
  898. <span class="title">Bootstrap Tables</span>
  899. </a>
  900. </li>
  901. <li class="nav-item ">
  902. <a href="javascript:;" class="nav-link nav-toggle">
  903. <span class="title">Datatables</span>
  904. <span class="arrow"></span>
  905. </a>
  906. <ul class="sub-menu">
  907. <li class="nav-item ">
  908. <a href="table_datatables_managed.html" class="nav-link "> Managed Datatables </a>
  909. </li>
  910. <li class="nav-item ">
  911. <a href="table_datatables_buttons.html" class="nav-link "> Buttons Extension </a>
  912. </li>
  913. <li class="nav-item ">
  914. <a href="table_datatables_colreorder.html" class="nav-link "> Colreorder Extension </a>
  915. </li>
  916. <li class="nav-item ">
  917. <a href="table_datatables_rowreorder.html" class="nav-link "> Rowreorder Extension </a>
  918. </li>
  919. <li class="nav-item ">
  920. <a href="table_datatables_scroller.html" class="nav-link "> Scroller Extension </a>
  921. </li>
  922. <li class="nav-item ">
  923. <a href="table_datatables_fixedheader.html" class="nav-link "> FixedHeader Extension </a>
  924. </li>
  925. <li class="nav-item ">
  926. <a href="table_datatables_responsive.html" class="nav-link "> Responsive Extension </a>
  927. </li>
  928. <li class="nav-item ">
  929. <a href="table_datatables_editable.html" class="nav-link "> Editable Datatables </a>
  930. </li>
  931. <li class="nav-item ">
  932. <a href="table_datatables_ajax.html" class="nav-link "> Ajax Datatables </a>
  933. </li>
  934. </ul>
  935. </li>
  936. </ul>
  937. </li>
  938. <li class="nav-item ">
  939. <a href="?p=" class="nav-link nav-toggle">
  940. <i class="icon-wallet"></i>
  941. <span class="title">Portlets</span>
  942. <span class="arrow"></span>
  943. </a>
  944. <ul class="sub-menu">
  945. <li class="nav-item ">
  946. <a href="portlet_boxed.html" class="nav-link ">
  947. <span class="title">Boxed Portlets</span>
  948. </a>
  949. </li>
  950. <li class="nav-item ">
  951. <a href="portlet_light.html" class="nav-link ">
  952. <span class="title">Light Portlets</span>
  953. </a>
  954. </li>
  955. <li class="nav-item ">
  956. <a href="portlet_solid.html" class="nav-link ">
  957. <span class="title">Solid Portlets</span>
  958. </a>
  959. </li>
  960. <li class="nav-item ">
  961. <a href="portlet_ajax.html" class="nav-link ">
  962. <span class="title">Ajax Portlets</span>
  963. </a>
  964. </li>
  965. <li class="nav-item ">
  966. <a href="portlet_draggable.html" class="nav-link ">
  967. <span class="title">Draggable Portlets</span>
  968. </a>
  969. </li>
  970. </ul>
  971. </li>
  972. <li class="nav-item ">
  973. <a href="javascript:;" class="nav-link nav-toggle">
  974. <i class="icon-bar-chart"></i>
  975. <span class="title">Charts</span>
  976. <span class="arrow"></span>
  977. </a>
  978. <ul class="sub-menu">
  979. <li class="nav-item ">
  980. <a href="charts_amcharts.html" class="nav-link ">
  981. <span class="title">amChart</span>
  982. </a>
  983. </li>
  984. <li class="nav-item ">
  985. <a href="charts_flotcharts.html" class="nav-link ">
  986. <span class="title">Flot Charts</span>
  987. </a>
  988. </li>
  989. <li class="nav-item ">
  990. <a href="charts_flowchart.html" class="nav-link ">
  991. <span class="title">Flow Charts</span>
  992. </a>
  993. </li>
  994. <li class="nav-item ">
  995. <a href="charts_google.html" class="nav-link ">
  996. <span class="title">Google Charts</span>
  997. </a>
  998. </li>
  999. <li class="nav-item ">
  1000. <a href="charts_echarts.html" class="nav-link ">
  1001. <span class="title">eCharts</span>
  1002. </a>
  1003. </li>
  1004. <li class="nav-item ">
  1005. <a href="charts_morris.html" class="nav-link ">
  1006. <span class="title">Morris Charts</span>
  1007. </a>
  1008. </li>
  1009. <li class="nav-item ">
  1010. <a href="javascript:;" class="nav-link nav-toggle">
  1011. <span class="title">HighCharts</span>
  1012. <span class="arrow"></span>
  1013. </a>
  1014. <ul class="sub-menu">
  1015. <li class="nav-item ">
  1016. <a href="charts_highcharts.html" class="nav-link "> HighCharts </a>
  1017. </li>
  1018. <li class="nav-item ">
  1019. <a href="charts_highstock.html" class="nav-link "> HighStock </a>
  1020. </li>
  1021. <li class="nav-item ">
  1022. <a href="charts_highmaps.html" class="nav-link "> HighMaps </a>
  1023. </li>
  1024. </ul>
  1025. </li>
  1026. </ul>
  1027. </li>
  1028. <li class="nav-item ">
  1029. <a href="javascript:;" class="nav-link nav-toggle">
  1030. <i class="icon-pointer"></i>
  1031. <span class="title">Maps</span>
  1032. <span class="arrow"></span>
  1033. </a>
  1034. <ul class="sub-menu">
  1035. <li class="nav-item ">
  1036. <a href="maps_google.html" class="nav-link ">
  1037. <span class="title">Google Maps</span>
  1038. </a>
  1039. </li>
  1040. <li class="nav-item ">
  1041. <a href="maps_vector.html" class="nav-link ">
  1042. <span class="title">Vector Maps</span>
  1043. </a>
  1044. </li>
  1045. </ul>
  1046. </li>
  1047. <li class="nav-item active open">
  1048. <a href="javascript:;" class="nav-link nav-toggle">
  1049. <i class="icon-layers"></i>
  1050. <span class="title">Page Layouts</span>
  1051. <span class="selected"></span>
  1052. <span class="arrow open"></span>
  1053. </a>
  1054. <ul class="sub-menu">
  1055. <li class="nav-item active open">
  1056. <a href="layout_blank_page.html" class="nav-link ">
  1057. <span class="title">Blank Page</span>
  1058. <span class="selected"></span>
  1059. </a>
  1060. </li>
  1061. <li class="nav-item ">
  1062. <a href="layout_language_bar.html" class="nav-link ">
  1063. <span class="title">Header Language Bar</span>
  1064. </a>
  1065. </li>
  1066. <li class="nav-item ">
  1067. <a href="layout_footer_fixed.html" class="nav-link ">
  1068. <span class="title">Fixed Footer</span>
  1069. </a>
  1070. </li>
  1071. <li class="nav-item ">
  1072. <a href="layout_boxed_page.html" class="nav-link ">
  1073. <span class="title">Boxed Page</span>
  1074. </a>
  1075. </li>
  1076. </ul>
  1077. </li>
  1078. <li class="nav-item ">
  1079. <a href="javascript:;" class="nav-link nav-toggle">
  1080. <i class="icon-feed"></i>
  1081. <span class="title">Sidebar Layouts</span>
  1082. <span class="arrow"></span>
  1083. </a>
  1084. <ul class="sub-menu">
  1085. <li class="nav-item ">
  1086. <a href="layout_sidebar_menu_accordion.html" class="nav-link ">
  1087. <span class="title">Sidebar Accordion Menu</span>
  1088. </a>
  1089. </li>
  1090. <li class="nav-item ">
  1091. <a href="layout_sidebar_menu_compact.html" class="nav-link ">
  1092. <span class="title">Sidebar Compact Menu</span>
  1093. </a>
  1094. </li>
  1095. <li class="nav-item ">
  1096. <a href="layout_sidebar_reversed.html" class="nav-link ">
  1097. <span class="title">Reversed Sidebar Page</span>
  1098. </a>
  1099. </li>
  1100. <li class="nav-item ">
  1101. <a href="layout_sidebar_fixed.html" class="nav-link ">
  1102. <span class="title">Fixed Sidebar Layout</span>
  1103. </a>
  1104. </li>
  1105. <li class="nav-item ">
  1106. <a href="layout_sidebar_closed.html" class="nav-link ">
  1107. <span class="title">Closed Sidebar Layout</span>
  1108. </a>
  1109. </li>
  1110. </ul>
  1111. </li>
  1112. <li class="nav-item ">
  1113. <a href="javascript:;" class="nav-link nav-toggle">
  1114. <i class=" icon-wrench"></i>
  1115. <span class="title">Custom Layouts</span>
  1116. <span class="arrow"></span>
  1117. </a>
  1118. <ul class="sub-menu">
  1119. <li class="nav-item ">
  1120. <a href="layout_disabled_menu.html" class="nav-link ">
  1121. <span class="title">Disabled Menu Links</span>
  1122. </a>
  1123. </li>
  1124. <li class="nav-item ">
  1125. <a href="layout_full_height_portlet.html" class="nav-link ">
  1126. <span class="title">Full Height Portlet</span>
  1127. </a>
  1128. </li>
  1129. <li class="nav-item ">
  1130. <a href="layout_full_height_content.html" class="nav-link ">
  1131. <span class="title">Full Height Content</span>
  1132. </a>
  1133. </li>
  1134. </ul>
  1135. </li>
  1136. <li class="nav-item ">
  1137. <a href="javascript:;" class="nav-link nav-toggle">
  1138. <i class="icon-basket"></i>
  1139. <span class="title">eCommerce</span>
  1140. <span class="arrow"></span>
  1141. </a>
  1142. <ul class="sub-menu">
  1143. <li class="nav-item ">
  1144. <a href="ecommerce_index.html" class="nav-link ">
  1145. <i class="icon-home"></i>
  1146. <span class="title">Dashboard</span>
  1147. </a>
  1148. </li>
  1149. <li class="nav-item ">
  1150. <a href="ecommerce_orders.html" class="nav-link ">
  1151. <i class="icon-basket"></i>
  1152. <span class="title">Orders</span>
  1153. </a>
  1154. </li>
  1155. <li class="nav-item ">
  1156. <a href="ecommerce_orders_view.html" class="nav-link ">
  1157. <i class="icon-tag"></i>
  1158. <span class="title">Order View</span>
  1159. </a>
  1160. </li>
  1161. <li class="nav-item ">
  1162. <a href="ecommerce_products.html" class="nav-link ">
  1163. <i class="icon-graph"></i>
  1164. <span class="title">Products</span>
  1165. </a>
  1166. </li>
  1167. <li class="nav-item ">
  1168. <a href="ecommerce_products_edit.html" class="nav-link ">
  1169. <i class="icon-graph"></i>
  1170. <span class="title">Product Edit</span>
  1171. </a>
  1172. </li>
  1173. </ul>
  1174. </li>
  1175. <li class="nav-item ">
  1176. <a href="javascript:;" class="nav-link nav-toggle">
  1177. <i class="icon-docs"></i>
  1178. <span class="title">Apps</span>
  1179. <span class="arrow"></span>
  1180. </a>
  1181. <ul class="sub-menu">
  1182. <li class="nav-item ">
  1183. <a href="app_todo.html" class="nav-link ">
  1184. <i class="icon-clock"></i>
  1185. <span class="title">Todo 1</span>
  1186. </a>
  1187. </li>
  1188. <li class="nav-item ">
  1189. <a href="app_todo_2.html" class="nav-link ">
  1190. <i class="icon-check"></i>
  1191. <span class="title">Todo 2</span>
  1192. </a>
  1193. </li>
  1194. <li class="nav-item ">
  1195. <a href="app_inbox.html" class="nav-link ">
  1196. <i class="icon-envelope"></i>
  1197. <span class="title">Inbox</span>
  1198. </a>
  1199. </li>
  1200. <li class="nav-item ">
  1201. <a href="app_calendar.html" class="nav-link ">
  1202. <i class="icon-calendar"></i>
  1203. <span class="title">Calendar</span>
  1204. </a>
  1205. </li>
  1206. <li class="nav-item ">
  1207. <a href="app_ticket.html" class="nav-link ">
  1208. <i class="icon-notebook"></i>
  1209. <span class="title">Support</span>
  1210. </a>
  1211. </li>
  1212. </ul>
  1213. </li>
  1214. <li class="nav-item ">
  1215. <a href="javascript:;" class="nav-link nav-toggle">
  1216. <i class="icon-user"></i>
  1217. <span class="title">User</span>
  1218. <span class="arrow"></span>
  1219. </a>
  1220. <ul class="sub-menu">
  1221. <li class="nav-item ">
  1222. <a href="page_user_profile_1.html" class="nav-link ">
  1223. <i class="icon-user"></i>
  1224. <span class="title">Profile 1</span>
  1225. </a>
  1226. </li>
  1227. <li class="nav-item ">
  1228. <a href="page_user_profile_1_account.html" class="nav-link ">
  1229. <i class="icon-user-female"></i>
  1230. <span class="title">Profile 1 Account</span>
  1231. </a>
  1232. </li>
  1233. <li class="nav-item ">
  1234. <a href="page_user_profile_1_help.html" class="nav-link ">
  1235. <i class="icon-user-following"></i>
  1236. <span class="title">Profile 1 Help</span>
  1237. </a>
  1238. </li>
  1239. <li class="nav-item ">
  1240. <a href="page_user_profile_2.html" class="nav-link ">
  1241. <i class="icon-users"></i>
  1242. <span class="title">Profile 2</span>
  1243. </a>
  1244. </li>
  1245. <li class="nav-item ">
  1246. <a href="javascript:;" class="nav-link nav-toggle">
  1247. <i class="icon-notebook"></i>
  1248. <span class="title">Login</span>
  1249. <span class="arrow"></span>
  1250. </a>
  1251. <ul class="sub-menu">
  1252. <li class="nav-item ">
  1253. <a href="page_user_login_1.html" class="nav-link " target="_blank"> Login Page 1 </a>
  1254. </li>
  1255. <li class="nav-item ">
  1256. <a href="page_user_login_2.html" class="nav-link " target="_blank"> Login Page 2 </a>
  1257. </li>
  1258. <li class="nav-item ">
  1259. <a href="page_user_login_3.html" class="nav-link " target="_blank"> Login Page 3 </a>
  1260. </li>
  1261. <li class="nav-item ">
  1262. <a href="page_user_login_4.html" class="nav-link " target="_blank"> Login Page 4 </a>
  1263. </li>
  1264. <li class="nav-item ">
  1265. <a href="page_user_login_5.html" class="nav-link " target="_blank"> Login Page 5 </a>
  1266. </li>
  1267. <li class="nav-item ">
  1268. <a href="page_user_login_6.html" class="nav-link " target="_blank"> Login Page 6 </a>
  1269. </li>
  1270. </ul>
  1271. </li>
  1272. <li class="nav-item ">
  1273. <a href="page_user_lock_1.html" class="nav-link " target="_blank">
  1274. <i class="icon-lock"></i>
  1275. <span class="title">Lock Screen 1</span>
  1276. </a>
  1277. </li>
  1278. <li class="nav-item ">
  1279. <a href="page_user_lock_2.html" class="nav-link " target="_blank">
  1280. <i class="icon-lock-open"></i>
  1281. <span class="title">Lock Screen 2</span>
  1282. </a>
  1283. </li>
  1284. </ul>
  1285. </li>
  1286. <li class="nav-item ">
  1287. <a href="javascript:;" class="nav-link nav-toggle">
  1288. <i class="icon-social-dribbble"></i>
  1289. <span class="title">General</span>
  1290. <span class="arrow"></span>
  1291. </a>
  1292. <ul class="sub-menu">
  1293. <li class="nav-item ">
  1294. <a href="page_general_about.html" class="nav-link ">
  1295. <i class="icon-info"></i>
  1296. <span class="title">About</span>
  1297. </a>
  1298. </li>
  1299. <li class="nav-item ">
  1300. <a href="page_general_contact.html" class="nav-link ">
  1301. <i class="icon-call-end"></i>
  1302. <span class="title">Contact</span>
  1303. </a>
  1304. </li>
  1305. <li class="nav-item ">
  1306. <a href="javascript:;" class="nav-link nav-toggle">
  1307. <i class="icon-notebook"></i>
  1308. <span class="title">Portfolio</span>
  1309. <span class="arrow"></span>
  1310. </a>
  1311. <ul class="sub-menu">
  1312. <li class="nav-item ">
  1313. <a href="page_general_portfolio_1.html" class="nav-link "> Portfolio 1 </a>
  1314. </li>
  1315. <li class="nav-item ">
  1316. <a href="page_general_portfolio_2.html" class="nav-link "> Portfolio 2 </a>
  1317. </li>
  1318. <li class="nav-item ">
  1319. <a href="page_general_portfolio_3.html" class="nav-link "> Portfolio 3 </a>
  1320. </li>
  1321. <li class="nav-item ">
  1322. <a href="page_general_portfolio_4.html" class="nav-link "> Portfolio 4 </a>
  1323. </li>
  1324. </ul>
  1325. </li>
  1326. <li class="nav-item ">
  1327. <a href="javascript:;" class="nav-link nav-toggle">
  1328. <i class="icon-magnifier"></i>
  1329. <span class="title">Search</span>
  1330. <span class="arrow"></span>
  1331. </a>
  1332. <ul class="sub-menu">
  1333. <li class="nav-item ">
  1334. <a href="page_general_search.html" class="nav-link "> Search 1 </a>
  1335. </li>
  1336. <li class="nav-item ">
  1337. <a href="page_general_search_2.html" class="nav-link "> Search 2 </a>
  1338. </li>
  1339. <li class="nav-item ">
  1340. <a href="page_general_search_3.html" class="nav-link "> Search 3 </a>
  1341. </li>
  1342. <li class="nav-item ">
  1343. <a href="page_general_search_4.html" class="nav-link "> Search 4 </a>
  1344. </li>
  1345. <li class="nav-item ">
  1346. <a href="page_general_search_5.html" class="nav-link "> Search 5 </a>
  1347. </li>
  1348. </ul>
  1349. </li>
  1350. <li class="nav-item ">
  1351. <a href="page_general_pricing.html" class="nav-link ">
  1352. <i class="icon-tag"></i>
  1353. <span class="title">Pricing</span>
  1354. </a>
  1355. </li>
  1356. <li class="nav-item ">
  1357. <a href="page_general_pricing_2.html" class="nav-link ">
  1358. <i class="icon-tag"></i>
  1359. <span class="title">Pricing 2</span>
  1360. </a>
  1361. </li>
  1362. <li class="nav-item ">
  1363. <a href="page_general_faq.html" class="nav-link ">
  1364. <i class="icon-wrench"></i>
  1365. <span class="title">FAQ</span>
  1366. </a>
  1367. </li>
  1368. <li class="nav-item ">
  1369. <a href="page_general_blog.html" class="nav-link ">
  1370. <i class="icon-pencil"></i>
  1371. <span class="title">Blog</span>
  1372. </a>
  1373. </li>
  1374. <li class="nav-item ">
  1375. <a href="page_general_blog_post.html" class="nav-link ">
  1376. <i class="icon-note"></i>
  1377. <span class="title">Blog Post</span>
  1378. </a>
  1379. </li>
  1380. <li class="nav-item ">
  1381. <a href="page_general_invoice.html" class="nav-link ">
  1382. <i class="icon-envelope"></i>
  1383. <span class="title">Invoice</span>
  1384. </a>
  1385. </li>
  1386. <li class="nav-item ">
  1387. <a href="page_general_invoice_2.html" class="nav-link ">
  1388. <i class="icon-envelope"></i>
  1389. <span class="title">Invoice 2</span>
  1390. </a>
  1391. </li>
  1392. </ul>
  1393. </li>
  1394. <li class="nav-item ">
  1395. <a href="javascript:;" class="nav-link nav-toggle">
  1396. <i class="icon-settings"></i>
  1397. <span class="title">System</span>
  1398. <span class="arrow"></span>
  1399. </a>
  1400. <ul class="sub-menu">
  1401. <li class="nav-item ">
  1402. <a href="page_cookie_consent_1.html" class="nav-link ">
  1403. <span class="title">Cookie Consent 1</span>
  1404. </a>
  1405. </li>
  1406. <li class="nav-item ">
  1407. <a href="page_cookie_consent_2.html" class="nav-link ">
  1408. <span class="title">Cookie Consent 2</span>
  1409. </a>
  1410. </li>
  1411. <li class="nav-item ">
  1412. <a href="page_system_coming_soon.html" class="nav-link " target="_blank">
  1413. <span class="title">Coming Soon</span>
  1414. </a>
  1415. </li>
  1416. <li class="nav-item ">
  1417. <a href="page_system_404_1.html" class="nav-link ">
  1418. <span class="title">404 Page 1</span>
  1419. </a>
  1420. </li>
  1421. <li class="nav-item ">
  1422. <a href="page_system_404_2.html" class="nav-link " target="_blank">
  1423. <span class="title">404 Page 2</span>
  1424. </a>
  1425. </li>
  1426. <li class="nav-item ">
  1427. <a href="page_system_404_3.html" class="nav-link " target="_blank">
  1428. <span class="title">404 Page 3</span>
  1429. </a>
  1430. </li>
  1431. <li class="nav-item ">
  1432. <a href="page_system_500_1.html" class="nav-link ">
  1433. <span class="title">500 Page 1</span>
  1434. </a>
  1435. </li>
  1436. <li class="nav-item ">
  1437. <a href="page_system_500_2.html" class="nav-link " target="_blank">
  1438. <span class="title">500 Page 2</span>
  1439. </a>
  1440. </li>
  1441. </ul>
  1442. </li>
  1443. <li class="nav-item">
  1444. <a href="javascript:;" class="nav-link nav-toggle">
  1445. <i class="icon-folder"></i>
  1446. <span class="title">Multi Level Menu</span>
  1447. <span class="arrow "></span>
  1448. </a>
  1449. <ul class="sub-menu">
  1450. <li class="nav-item">
  1451. <a href="javascript:;" class="nav-link nav-toggle">
  1452. <i class="icon-settings"></i> Item 1
  1453. <span class="arrow"></span>
  1454. </a>
  1455. <ul class="sub-menu">
  1456. <li class="nav-item">
  1457. <a href="?p=dashboard-2" target="_blank" class="nav-link">
  1458. <i class="icon-user"></i> Arrow Toggle
  1459. <span class="arrow nav-toggle"></span>
  1460. </a>
  1461. <ul class="sub-menu">
  1462. <li class="nav-item">
  1463. <a href="#" class="nav-link">
  1464. <i class="icon-power"></i> Sample Link 1</a>
  1465. </li>
  1466. <li class="nav-item">
  1467. <a href="#" class="nav-link">
  1468. <i class="icon-paper-plane"></i> Sample Link 1</a>
  1469. </li>
  1470. <li class="nav-item">
  1471. <a href="#" class="nav-link">
  1472. <i class="icon-star"></i> Sample Link 1</a>
  1473. </li>
  1474. </ul>
  1475. </li>
  1476. <li class="nav-item">
  1477. <a href="#" class="nav-link">
  1478. <i class="icon-camera"></i> Sample Link 1</a>
  1479. </li>
  1480. <li class="nav-item">
  1481. <a href="#" class="nav-link">
  1482. <i class="icon-link"></i> Sample Link 2</a>
  1483. </li>
  1484. <li class="nav-item">
  1485. <a href="#" class="nav-link">
  1486. <i class="icon-pointer"></i> Sample Link 3</a>
  1487. </li>
  1488. </ul>
  1489. </li>
  1490. <li class="nav-item">
  1491. <a href="?p=dashboard-2" target="_blank" class="nav-link">
  1492. <i class="icon-globe"></i> Arrow Toggle
  1493. <span class="arrow nav-toggle"></span>
  1494. </a>
  1495. <ul class="sub-menu">
  1496. <li class="nav-item">
  1497. <a href="#" class="nav-link">
  1498. <i class="icon-tag"></i> Sample Link 1</a>
  1499. </li>
  1500. <li class="nav-item">
  1501. <a href="#" class="nav-link">
  1502. <i class="icon-pencil"></i> Sample Link 1</a>
  1503. </li>
  1504. <li class="nav-item">
  1505. <a href="#" class="nav-link">
  1506. <i class="icon-graph"></i> Sample Link 1</a>
  1507. </li>
  1508. </ul>
  1509. </li>
  1510. <li class="nav-item">
  1511. <a href="#" class="nav-link">
  1512. <i class="icon-bar-chart"></i> Item 3 </a>
  1513. </li>
  1514. </ul>
  1515. </li>
  1516. </ul>
  1517. <!-- END SIDEBAR MENU -->
  1518. </div>
  1519. <!-- END SIDEBAR -->
  1520. </div>
  1521. <!-- END SIDEBAR -->
  1522. <!-- BEGIN CONTENT -->
  1523. <div class="page-content-wrapper">
  1524. <!-- BEGIN CONTENT BODY -->
  1525. <div class="page-content">
  1526. <!-- BEGIN PAGE HEADER-->
  1527. <!-- BEGIN THEME PANEL -->
  1528. <div class="theme-panel">
  1529. <div class="toggler tooltips" data-container="body" data-placement="left" data-html="true" data-original-title="Click to open advance theme customizer panel">
  1530. <i class="icon-settings"></i>
  1531. </div>
  1532. <div class="toggler-close">
  1533. <i class="icon-close"></i>
  1534. </div>
  1535. <div class="theme-options">
  1536. <div class="theme-option theme-colors clearfix">
  1537. <span> THEME COLOR </span>
  1538. <ul>
  1539. <li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default"> </li>
  1540. <li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey"> </li>
  1541. <li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue"> </li>
  1542. <li class="color-dark tooltips" data-style="dark" data-container="body" data-original-title="Dark"> </li>
  1543. <li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light"> </li>
  1544. </ul>
  1545. </div>
  1546. <div class="theme-option">
  1547. <span> Layout </span>
  1548. <select class="layout-option form-control input-small">
  1549. <option value="fluid" selected="selected">Fluid</option>
  1550. <option value="boxed">Boxed</option>
  1551. </select>
  1552. </div>
  1553. <div class="theme-option">
  1554. <span> Header </span>
  1555. <select class="page-header-option form-control input-small">
  1556. <option value="fixed" selected="selected">Fixed</option>
  1557. <option value="default">Default</option>
  1558. </select>
  1559. </div>
  1560. <div class="theme-option">
  1561. <span> Top Dropdown</span>
  1562. <select class="page-header-top-dropdown-style-option form-control input-small">
  1563. <option value="light" selected="selected">Light</option>
  1564. <option value="dark">Dark</option>
  1565. </select>
  1566. </div>
  1567. <div class="theme-option">
  1568. <span> Sidebar Mode</span>
  1569. <select class="sidebar-option form-control input-small">
  1570. <option value="fixed">Fixed</option>
  1571. <option value="default" selected="selected">Default</option>
  1572. </select>
  1573. </div>
  1574. <div class="theme-option">
  1575. <span> Sidebar Style</span>
  1576. <select class="sidebar-style-option form-control input-small">
  1577. <option value="default" selected="selected">Default</option>
  1578. <option value="compact">Compact</option>
  1579. </select>
  1580. </div>
  1581. <div class="theme-option">
  1582. <span> Sidebar Menu </span>
  1583. <select class="sidebar-menu-option form-control input-small">
  1584. <option value="accordion" selected="selected">Accordion</option>
  1585. <option value="hover">Hover</option>
  1586. </select>
  1587. </div>
  1588. <div class="theme-option">
  1589. <span> Sidebar Position </span>
  1590. <select class="sidebar-pos-option form-control input-small">
  1591. <option value="left" selected="selected">Left</option>
  1592. <option value="right">Right</option>
  1593. </select>
  1594. </div>
  1595. <div class="theme-option">
  1596. <span> Footer </span>
  1597. <select class="page-footer-option form-control input-small">
  1598. <option value="fixed">Fixed</option>
  1599. <option value="default" selected="selected">Default</option>
  1600. </select>
  1601. </div>
  1602. </div>
  1603. </div>
  1604. <!-- END THEME PANEL -->
  1605. <h1 class="page-title"> Blank Page Layout
  1606. <small>blank page layout</small>
  1607. </h1>
  1608. <div class="page-bar">
  1609. <ul class="page-breadcrumb">
  1610. <li>
  1611. <i class="icon-home"></i>
  1612. <a href="index.html">Home</a>
  1613. <i class="fa fa-angle-right"></i>
  1614. </li>
  1615. <li>
  1616. <a href="#">Blank Page</a>
  1617. <i class="fa fa-angle-right"></i>
  1618. </li>
  1619. <li>
  1620. <span>Page Layouts</span>
  1621. </li>
  1622. </ul>
  1623. <div class="page-toolbar">
  1624. <div class="btn-group pull-right">
  1625. <button type="button" class="btn btn-fit-height grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"> Actions
  1626. <i class="fa fa-angle-down"></i>
  1627. </button>
  1628. <ul class="dropdown-menu pull-right" role="menu">
  1629. <li>
  1630. <a href="#">
  1631. <i class="icon-bell"></i> Action</a>
  1632. </li>
  1633. <li>
  1634. <a href="#">
  1635. <i class="icon-shield"></i> Another action</a>
  1636. </li>
  1637. <li>
  1638. <a href="#">
  1639. <i class="icon-user"></i> Something else here</a>
  1640. </li>
  1641. <li class="divider"> </li>
  1642. <li>
  1643. <a href="#">
  1644. <i class="icon-bag"></i> Separated link</a>
  1645. </li>
  1646. </ul>
  1647. </div>
  1648. </div>
  1649. </div>
  1650. <!-- END PAGE HEADER-->
  1651. <div class="note note-info">
  1652. <p> <app-root></app-root> </p>
  1653. </div>
  1654. </div>
  1655. <!-- END CONTENT BODY -->
  1656. </div>
  1657. <!-- END CONTENT -->
  1658. <!-- BEGIN QUICK SIDEBAR -->
  1659. <a href="javascript:;" class="page-quick-sidebar-toggler">
  1660. <i class="icon-login"></i>
  1661. </a>
  1662. <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
  1663. <div class="page-quick-sidebar">
  1664. <ul class="nav nav-tabs">
  1665. <li class="active">
  1666. <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
  1667. <span class="badge badge-danger">2</span>
  1668. </a>
  1669. </li>
  1670. <li>
  1671. <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
  1672. <span class="badge badge-success">7</span>
  1673. </a>
  1674. </li>
  1675. <li class="dropdown">
  1676. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
  1677. <i class="fa fa-angle-down"></i>
  1678. </a>
  1679. <ul class="dropdown-menu pull-right">
  1680. <li>
  1681. <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
  1682. <i class="icon-bell"></i> Alerts </a>
  1683. </li>
  1684. <li>
  1685. <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
  1686. <i class="icon-info"></i> Notifications </a>
  1687. </li>
  1688. <li>
  1689. <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
  1690. <i class="icon-speech"></i> Activities </a>
  1691. </li>
  1692. <li class="divider"></li>
  1693. <li>
  1694. <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
  1695. <i class="icon-settings"></i> Settings </a>
  1696. </li>
  1697. </ul>
  1698. </li>
  1699. </ul>
  1700. <div class="tab-content">
  1701. <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
  1702. <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
  1703. <h3 class="list-heading">Staff</h3>
  1704. <ul class="media-list list-items">
  1705. <li class="media">
  1706. <div class="media-status">
  1707. <span class="badge badge-success">8</span>
  1708. </div>
  1709. <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
  1710. <div class="media-body">
  1711. <h4 class="media-heading">Bob Nilson</h4>
  1712. <div class="media-heading-sub"> Project Manager </div>
  1713. </div>
  1714. </li>
  1715. <li class="media">
  1716. <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
  1717. <div class="media-body">
  1718. <h4 class="media-heading">Nick Larson</h4>
  1719. <div class="media-heading-sub"> Art Director </div>
  1720. </div>
  1721. </li>
  1722. <li class="media">
  1723. <div class="media-status">
  1724. <span class="badge badge-danger">3</span>
  1725. </div>
  1726. <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
  1727. <div class="media-body">
  1728. <h4 class="media-heading">Deon Hubert</h4>
  1729. <div class="media-heading-sub"> CTO </div>
  1730. </div>
  1731. </li>
  1732. <li class="media">
  1733. <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
  1734. <div class="media-body">
  1735. <h4 class="media-heading">Ella Wong</h4>
  1736. <div class="media-heading-sub"> CEO </div>
  1737. </div>
  1738. </li>
  1739. </ul>
  1740. <h3 class="list-heading">Customers</h3>
  1741. <ul class="media-list list-items">
  1742. <li class="media">
  1743. <div class="media-status">
  1744. <span class="badge badge-warning">2</span>
  1745. </div>
  1746. <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
  1747. <div class="media-body">
  1748. <h4 class="media-heading">Lara Kunis</h4>
  1749. <div class="media-heading-sub"> CEO, Loop Inc </div>
  1750. <div class="media-heading-small"> Last seen 03:10 AM </div>
  1751. </div>
  1752. </li>
  1753. <li class="media">
  1754. <div class="media-status">
  1755. <span class="label label-sm label-success">new</span>
  1756. </div>
  1757. <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
  1758. <div class="media-body">
  1759. <h4 class="media-heading">Ernie Kyllonen</h4>
  1760. <div class="media-heading-sub"> Project Manager,
  1761. <br> SmartBizz PTL </div>
  1762. </div>
  1763. </li>
  1764. <li class="media">
  1765. <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
  1766. <div class="media-body">
  1767. <h4 class="media-heading">Lisa Stone</h4>
  1768. <div class="media-heading-sub"> CTO, Keort Inc </div>
  1769. <div class="media-heading-small"> Last seen 13:10 PM </div>
  1770. </div>
  1771. </li>
  1772. <li class="media">
  1773. <div class="media-status">
  1774. <span class="badge badge-success">7</span>
  1775. </div>
  1776. <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
  1777. <div class="media-body">
  1778. <h4 class="media-heading">Deon Portalatin</h4>
  1779. <div class="media-heading-sub"> CFO, H&D LTD </div>
  1780. </div>
  1781. </li>
  1782. <li class="media">
  1783. <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
  1784. <div class="media-body">
  1785. <h4 class="media-heading">Irina Savikova</h4>
  1786. <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
  1787. </div>
  1788. </li>
  1789. <li class="media">
  1790. <div class="media-status">
  1791. <span class="badge badge-danger">4</span>
  1792. </div>
  1793. <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
  1794. <div class="media-body">
  1795. <h4 class="media-heading">Maria Gomez</h4>
  1796. <div class="media-heading-sub"> Manager, Infomatic Inc </div>
  1797. <div class="media-heading-small"> Last seen 03:10 AM </div>
  1798. </div>
  1799. </li>
  1800. </ul>
  1801. </div>
  1802. <div class="page-quick-sidebar-item">
  1803. <div class="page-quick-sidebar-chat-user">
  1804. <div class="page-quick-sidebar-nav">
  1805. <a href="javascript:;" class="page-quick-sidebar-back-to-list">
  1806. <i class="icon-arrow-left"></i>Back</a>
  1807. </div>
  1808. <div class="page-quick-sidebar-chat-user-messages">
  1809. <div class="post out">
  1810. <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
  1811. <div class="message">
  1812. <span class="arrow"></span>
  1813. <a href="javascript:;" class="name">Bob Nilson</a>
  1814. <span class="datetime">20:15</span>
  1815. <span class="body"> When could you send me the report ? </span>
  1816. </div>
  1817. </div>
  1818. <div class="post in">
  1819. <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
  1820. <div class="message">
  1821. <span class="arrow"></span>
  1822. <a href="javascript:;" class="name">Ella Wong</a>
  1823. <span class="datetime">20:15</span>
  1824. <span class="body"> Its almost done. I will be sending it shortly </span>
  1825. </div>
  1826. </div>
  1827. <div class="post out">
  1828. <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
  1829. <div class="message">
  1830. <span class="arrow"></span>
  1831. <a href="javascript:;" class="name">Bob Nilson</a>
  1832. <span class="datetime">20:15</span>
  1833. <span class="body"> Alright. Thanks! :) </span>
  1834. </div>
  1835. </div>
  1836. <div class="post in">
  1837. <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
  1838. <div class="message">
  1839. <span class="arrow"></span>
  1840. <a href="javascript:;" class="name">Ella Wong</a>
  1841. <span class="datetime">20:16</span>
  1842. <span class="body"> You are most welcome. Sorry for the delay. </span>
  1843. </div>
  1844. </div>
  1845. <div class="post out">
  1846. <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
  1847. <div class="message">
  1848. <span class="arrow"></span>
  1849. <a href="javascript:;" class="name">Bob Nilson</a>
  1850. <span class="datetime">20:17</span>
  1851. <span class="body"> No probs. Just take your time :) </span>
  1852. </div>
  1853. </div>
  1854. <div class="post in">
  1855. <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
  1856. <div class="message">
  1857. <span class="arrow"></span>
  1858. <a href="javascript:;" class="name">Ella Wong</a>
  1859. <span class="datetime">20:40</span>
  1860. <span class="body"> Alright. I just emailed it to you. </span>
  1861. </div>
  1862. </div>
  1863. <div class="post out">
  1864. <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
  1865. <div class="message">
  1866. <span class="arrow"></span>
  1867. <a href="javascript:;" class="name">Bob Nilson</a>
  1868. <span class="datetime">20:17</span>
  1869. <span class="body"> Great! Thanks. Will check it right away. </span>
  1870. </div>
  1871. </div>
  1872. <div class="post in">
  1873. <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
  1874. <div class="message">
  1875. <span class="arrow"></span>
  1876. <a href="javascript:;" class="name">Ella Wong</a>
  1877. <span class="datetime">20:40</span>
  1878. <span class="body"> Please let me know if you have any comment. </span>
  1879. </div>
  1880. </div>
  1881. <div class="post out">
  1882. <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
  1883. <div class="message">
  1884. <span class="arrow"></span>
  1885. <a href="javascript:;" class="name">Bob Nilson</a>
  1886. <span class="datetime">20:17</span>
  1887. <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
  1888. </div>
  1889. </div>
  1890. </div>
  1891. <div class="page-quick-sidebar-chat-user-form">
  1892. <div class="input-group">
  1893. <input type="text" class="form-control" placeholder="Type a message here...">
  1894. <div class="input-group-btn">
  1895. <button type="button" class="btn green">
  1896. <i class="icon-paper-clip"></i>
  1897. </button>
  1898. </div>
  1899. </div>
  1900. </div>
  1901. </div>
  1902. </div>
  1903. </div>
  1904. <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
  1905. <div class="page-quick-sidebar-alerts-list">
  1906. <h3 class="list-heading">General</h3>
  1907. <ul class="feeds list-items">
  1908. <li>
  1909. <div class="col1">
  1910. <div class="cont">
  1911. <div class="cont-col1">
  1912. <div class="label label-sm label-info">
  1913. <i class="fa fa-check"></i>
  1914. </div>
  1915. </div>
  1916. <div class="cont-col2">
  1917. <div class="desc"> You have 4 pending tasks.
  1918. <span class="label label-sm label-warning "> Take action
  1919. <i class="fa fa-share"></i>
  1920. </span>
  1921. </div>
  1922. </div>
  1923. </div>
  1924. </div>
  1925. <div class="col2">
  1926. <div class="date"> Just now </div>
  1927. </div>
  1928. </li>
  1929. <li>
  1930. <a href="javascript:;">
  1931. <div class="col1">
  1932. <div class="cont">
  1933. <div class="cont-col1">
  1934. <div class="label label-sm label-success">
  1935. <i class="fa fa-bar-chart-o"></i>
  1936. </div>
  1937. </div>
  1938. <div class="cont-col2">
  1939. <div class="desc"> Finance Report for year 2013 has been released. </div>
  1940. </div>
  1941. </div>
  1942. </div>
  1943. <div class="col2">
  1944. <div class="date"> 20 mins </div>
  1945. </div>
  1946. </a>
  1947. </li>
  1948. <li>
  1949. <div class="col1">
  1950. <div class="cont">
  1951. <div class="cont-col1">
  1952. <div class="label label-sm label-danger">
  1953. <i class="fa fa-user"></i>
  1954. </div>
  1955. </div>
  1956. <div class="cont-col2">
  1957. <div class="desc"> You have 5 pending membership that requires a quick review. </div>
  1958. </div>
  1959. </div>
  1960. </div>
  1961. <div class="col2">
  1962. <div class="date"> 24 mins </div>
  1963. </div>
  1964. </li>
  1965. <li>
  1966. <div class="col1">
  1967. <div class="cont">
  1968. <div class="cont-col1">
  1969. <div class="label label-sm label-info">
  1970. <i class="fa fa-shopping-cart"></i>
  1971. </div>
  1972. </div>
  1973. <div class="cont-col2">
  1974. <div class="desc"> New order received with
  1975. <span class="label label-sm label-success"> Reference Number: DR23923 </span>
  1976. </div>
  1977. </div>
  1978. </div>
  1979. </div>
  1980. <div class="col2">
  1981. <div class="date"> 30 mins </div>
  1982. </div>
  1983. </li>
  1984. <li>
  1985. <div class="col1">
  1986. <div class="cont">
  1987. <div class="cont-col1">
  1988. <div class="label label-sm label-success">
  1989. <i class="fa fa-user"></i>
  1990. </div>
  1991. </div>
  1992. <div class="cont-col2">
  1993. <div class="desc"> You have 5 pending membership that requires a quick review. </div>
  1994. </div>
  1995. </div>
  1996. </div>
  1997. <div class="col2">
  1998. <div class="date"> 24 mins </div>
  1999. </div>
  2000. </li>
  2001. <li>
  2002. <div class="col1">
  2003. <div class="cont">
  2004. <div class="cont-col1">
  2005. <div class="label label-sm label-info">
  2006. <i class="fa fa-bell-o"></i>
  2007. </div>
  2008. </div>
  2009. <div class="cont-col2">
  2010. <div class="desc"> Web server hardware needs to be upgraded.
  2011. <span class="label label-sm label-warning"> Overdue </span>
  2012. </div>
  2013. </div>
  2014. </div>
  2015. </div>
  2016. <div class="col2">
  2017. <div class="date"> 2 hours </div>
  2018. </div>
  2019. </li>
  2020. <li>
  2021. <a href="javascript:;">
  2022. <div class="col1">
  2023. <div class="cont">
  2024. <div class="cont-col1">
  2025. <div class="label label-sm label-default">
  2026. <i class="fa fa-briefcase"></i>
  2027. </div>
  2028. </div>
  2029. <div class="cont-col2">
  2030. <div class="desc"> IPO Report for year 2013 has been released. </div>
  2031. </div>
  2032. </div>
  2033. </div>
  2034. <div class="col2">
  2035. <div class="date"> 20 mins </div>
  2036. </div>
  2037. </a>
  2038. </li>
  2039. </ul>
  2040. <h3 class="list-heading">System</h3>
  2041. <ul class="feeds list-items">
  2042. <li>
  2043. <div class="col1">
  2044. <div class="cont">
  2045. <div class="cont-col1">
  2046. <div class="label label-sm label-info">
  2047. <i class="fa fa-check"></i>
  2048. </div>
  2049. </div>
  2050. <div class="cont-col2">
  2051. <div class="desc"> You have 4 pending tasks.
  2052. <span class="label label-sm label-warning "> Take action
  2053. <i class="fa fa-share"></i>
  2054. </span>
  2055. </div>
  2056. </div>
  2057. </div>
  2058. </div>
  2059. <div class="col2">
  2060. <div class="date"> Just now </div>
  2061. </div>
  2062. </li>
  2063. <li>
  2064. <a href="javascript:;">
  2065. <div class="col1">
  2066. <div class="cont">
  2067. <div class="cont-col1">
  2068. <div class="label label-sm label-danger">
  2069. <i class="fa fa-bar-chart-o"></i>
  2070. </div>
  2071. </div>
  2072. <div class="cont-col2">
  2073. <div class="desc"> Finance Report for year 2013 has been released. </div>
  2074. </div>
  2075. </div>
  2076. </div>
  2077. <div class="col2">
  2078. <div class="date"> 20 mins </div>
  2079. </div>
  2080. </a>
  2081. </li>
  2082. <li>
  2083. <div class="col1">
  2084. <div class="cont">
  2085. <div class="cont-col1">
  2086. <div class="label label-sm label-default">
  2087. <i class="fa fa-user"></i>
  2088. </div>
  2089. </div>
  2090. <div class="cont-col2">
  2091. <div class="desc"> You have 5 pending membership that requires a quick review. </div>
  2092. </div>
  2093. </div>
  2094. </div>
  2095. <div class="col2">
  2096. <div class="date"> 24 mins </div>
  2097. </div>
  2098. </li>
  2099. <li>
  2100. <div class="col1">
  2101. <div class="cont">
  2102. <div class="cont-col1">
  2103. <div class="label label-sm label-info">
  2104. <i class="fa fa-shopping-cart"></i>
  2105. </div>
  2106. </div>
  2107. <div class="cont-col2">
  2108. <div class="desc"> New order received with
  2109. <span class="label label-sm label-success"> Reference Number: DR23923 </span>
  2110. </div>
  2111. </div>
  2112. </div>
  2113. </div>
  2114. <div class="col2">
  2115. <div class="date"> 30 mins </div>
  2116. </div>
  2117. </li>
  2118. <li>
  2119. <div class="col1">
  2120. <div class="cont">
  2121. <div class="cont-col1">
  2122. <div class="label label-sm label-success">
  2123. <i class="fa fa-user"></i>
  2124. </div>
  2125. </div>
  2126. <div class="cont-col2">
  2127. <div class="desc"> You have 5 pending membership that requires a quick review. </div>
  2128. </div>
  2129. </div>
  2130. </div>
  2131. <div class="col2">
  2132. <div class="date"> 24 mins </div>
  2133. </div>
  2134. </li>
  2135. <li>
  2136. <div class="col1">
  2137. <div class="cont">
  2138. <div class="cont-col1">
  2139. <div class="label label-sm label-warning">
  2140. <i class="fa fa-bell-o"></i>
  2141. </div>
  2142. </div>
  2143. <div class="cont-col2">
  2144. <div class="desc"> Web server hardware needs to be upgraded.
  2145. <span class="label label-sm label-default "> Overdue </span>
  2146. </div>
  2147. </div>
  2148. </div>
  2149. </div>
  2150. <div class="col2">
  2151. <div class="date"> 2 hours </div>
  2152. </div>
  2153. </li>
  2154. <li>
  2155. <a href="javascript:;">
  2156. <div class="col1">
  2157. <div class="cont">
  2158. <div class="cont-col1">
  2159. <div class="label label-sm label-info">
  2160. <i class="fa fa-briefcase"></i>
  2161. </div>
  2162. </div>
  2163. <div class="cont-col2">
  2164. <div class="desc"> IPO Report for year 2013 has been released. </div>
  2165. </div>
  2166. </div>
  2167. </div>
  2168. <div class="col2">
  2169. <div class="date"> 20 mins </div>
  2170. </div>
  2171. </a>
  2172. </li>
  2173. </ul>
  2174. </div>
  2175. </div>
  2176. <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
  2177. <div class="page-quick-sidebar-settings-list">
  2178. <h3 class="list-heading">General Settings</h3>
  2179. <ul class="list-items borderless">
  2180. <li> Enable Notifications
  2181. <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
  2182. <li> Allow Tracking
  2183. <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
  2184. <li> Log Errors
  2185. <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
  2186. <li> Auto Sumbit Issues
  2187. <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
  2188. <li> Enable SMS Alerts
  2189. <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
  2190. </ul>
  2191. <h3 class="list-heading">System Settings</h3>
  2192. <ul class="list-items borderless">
  2193. <li> Security Level
  2194. <select class="form-control input-inline input-sm input-small">
  2195. <option value="1">Normal</option>
  2196. <option value="2" selected>Medium</option>
  2197. <option value="e">High</option>
  2198. </select>
  2199. </li>
  2200. <li> Failed Email Attempts
  2201. <input class="form-control input-inline input-sm input-small" value="5" /> </li>
  2202. <li> Secondary SMTP Port
  2203. <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
  2204. <li> Notify On System Error
  2205. <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
  2206. <li> Notify On SMTP Error
  2207. <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
  2208. </ul>
  2209. <div class="inner-content">
  2210. <button class="btn btn-success">
  2211. <i class="icon-settings"></i> Save Changes</button>
  2212. </div>
  2213. </div>
  2214. </div>
  2215. </div>
  2216. </div>
  2217. </div>
  2218. <!-- END QUICK SIDEBAR -->
  2219. </div>
  2220. <!-- END CONTAINER -->
  2221.  
  2222. </body>
  2223. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement