Home Verkennen Help
Registreren Inloggen
xonos
/
EQ2EMU-Labs
2
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Aftakking: master
Aftakkingen Labels
EQ2EMU-Labs
/
index.php

index.php 60 KB
Permalink Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854 
  1. <?php
    2. 

  2. 	require('autoload.php');
    3. 

  3. ?>
    4. 

  4. <!DOCTYPE html>
    5. 

  5. <html lang="en">
    6. 

  6. 	<head>
    7. 

  7.         <meta charset="utf-8">
    8. 

  8.         <title>EQ2EMU Labs</title>
    9. 

  9.         <meta name="description" content="Page Titile">
    10. 

  10.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
    11. 

  11.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
    12. 

  12.         <!-- Call App Mode on ios devices -->
    13. 

  13.         <meta name="apple-mobile-web-app-capable" content="yes" />
    14. 

  14.         <!-- Remove Tap Highlight on Windows Phone IE -->
    15. 

  15.         <meta name="msapplication-tap-highlight" content="no">
    16. 

  16.         <!-- base css -->
    17. 

  17.         <link rel="stylesheet" media="screen, print" href="css/vendors.bundle.css">
    18. 

  18.         <link rel="stylesheet" media="screen, print" href="css/app.bundle.css">
    19. 

  19.         <!-- Place favicon.ico in the root directory -->
    20. 

  20.         <link rel="apple-touch-icon" sizes="180x180" href="img/eq2emu_labs_logo_180.png">
    21. 

  21.         <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/eq2emu_labs_favico_32.png">
    22. 

  22.         <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
    23. 

  23. 		<!--<link id="mytheme" rel="stylesheet" href="css/themes/cust-theme-8.css">-->
    24. 

  24. 		
    25. 

  25.         <link rel="stylesheet" href="css/animate.min.css">
    26. 

  26.         <link rel="stylesheet" href="css/fa-light.css">
    27. 

  27.         <link rel="stylesheet" href="css/fa-regular.css">
    28. 

  28.         <link rel="stylesheet" href="css/fa-solid.css">
    29. 

  29.         <link rel="stylesheet" href="css/fa-duotone.css">
    30. 

  30.         <link rel="stylesheet" href="css/fa-brands.css">
    31. 

  31.         <link rel="stylesheet" href="css/eq2emu.css?v=<?php echo microtime(); ?>">
    32. 

  32. 		
    33. 

  33.         <!--<link rel="stylesheet" media="screen, print" href="css/your_styles.css">-->
    34. 

  34.         <script src="js/vendors.bundle.js"></script>
    35. 

  35.         <script src="js/app.bundle.js"></script>
    36. 

  36.         <script src="js/eq2emu.js?v=<?php echo microtime(); ?>"></script>
    37. 

  37.     </head>
    38. 

  38.     <body class="mod-bg-1 ">
    39. 

  39.         <!-- DOC: script to save and load page settings -->
    40. 

  40. 		<?php include('inc/layout/labs.templatescript.php'); ?>
    41. 

  41.         <!-- BEGIN Page Wrapper -->
    42. 

  42.         <div class="page-wrapper">
    43. 

  43.             <div class="page-inner">
    44. 

  44.                 <!-- BEGIN Left Aside -->
    45. 

  45.                 <aside class="page-sidebar">
    46. 

  46.                     <!-- <div class="page-logo">
    47. 

  47.                     </div>
    48. 

  48.                      BEGIN PRIMARY NAVIGATION -->
    49. 

  49.                     <nav id="js-primary-nav" class="primary-nav" role="navigation">
    50. 

  50.                         <div class="nav-filter">
    51. 

  51.                             <div class="position-relative">
    52. 

  52.                                 <input type="text" id="nav_filter_input" placeholder="Filter menu" class="form-control" tabindex="0">
    53. 

  53.                                 <a href="#" onclick="return false;" class="btn-primary btn-search-close js-waves-off" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar">
    54. 

  54.                                     <i class="fal fa-chevron-up"></i>
    55. 

  55.                                 </a>
    56. 

  56.                             </div>
    57. 

  57.                         </div>
    58. 

  58.                         <div class="info-card">
    59. 

  59. 							<img src="img/eq2emu_nav_logo.png"/>
    60. 

  60.                         </div>
    61. 

  61.                         <ul id="js-nav-menu" class="nav-menu">
    62. 

  62. 							<?php echo get_nav_menu(); ?>
    63. 

  63. 						</ul>
    64. 

  64.                         <div class="filter-message js-filter-message bg-success-600"></div>
    65. 

  65.                     </nav>
    66. 

  66.                     <!-- END PRIMARY NAVIGATION -->
    67. 

  67.                     <!-- NAV FOOTER -->
    68. 

  68.                     <div class="nav-footer shadow-top">
    69. 

  69.                         <a href="#" onclick="return false;" data-action="toggle" data-class="nav-function-minify" class="hidden-md-down">
    70. 

  70.                             <i class="ni ni-chevron-right"></i>
    71. 

  71.                             <i class="ni ni-chevron-right"></i>
    72. 

  72.                         </a>
    73. 

  73.                         <ul class="list-table m-auto nav-footer-buttons">
    74. 

  74.                             <li>
    75. 

  75.                                 <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Chat logs">
    76. 

  76.                                     <i class="fal fa-comments"></i>
    77. 

  77.                                 </a>
    78. 

  78.                             </li>
    79. 

  79.                             <li>
    80. 

  80.                                 <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Support Chat">
    81. 

  81.                                     <i class="fal fa-life-ring"></i>
    82. 

  82.                                 </a>
    83. 

  83.                             </li>
    84. 

  84.                             <li>
    85. 

  85.                                 <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Make a call">
    86. 

  86.                                     <i class="fal fa-phone"></i>
    87. 

  87.                                 </a>
    88. 

  88.                             </li>
    89. 

  89.                         </ul>
    90. 

  90.                     </div> <!-- END NAV FOOTER -->
    91. 

  91.                 </aside>
    92. 

  92.                 <!-- END Left Aside -->
    93. 

  93.                 <div class="page-content-wrapper">
    94. 

  94.                     <!-- BEGIN Page Footer -->
    95. 

  95.                     <?php if(_auth_status) { include('inc/layout/labs.header.php'); } ?>
    96. 

  96.                     <!-- END Page Footer -->
    97. 

  97.                     <main id="js-page-content" role="main" class="page-content">
    98. 

  98. 

  99. 						<div class="subheader">
    100. 

  100. 							<h1 class="subheader-title">
    101. 

  101. 								<i class='subheader-icon <?php echo $_m['icon'];?>'></i> <?php echo $_m['title'];?><span class='fw-300'></span> <sup class='badge badge-primary fw-500'>Module</sup>
    102. 

  102. 								<small>
    103. 

  103. 									<?php echo $_m['desc'];?>
    104. 

  104. 								</small>
    105. 

  105. 							</h1>
    106. 

  106. 						</div>
    107. 

  107. 						<!-- the #js-page-content id is needed for some plugins to initialize -->
    108. 

  108. 						<?php
    109. 

  109. 						if(file_exists('inc/modules/'.$_modules[$_SESSION[_sid]['view']]['file'].'.php')) {
    110. 

  110. 							include('inc/modules/'.$_modules[$_SESSION[_sid]['view']]['file'].'.php');
    111. 

  111. 						} else {
    112. 

  112. 							include('inc/modules/module.404.php');
    113. 

  113. 						}
    114. 

  114. 							
    115. 

  115. 						?>
    116. 

  116.                     </main>
    117. 

  117. 					<!-- this overlay is activated only when mobile menu is triggered -->
    118. 

  118.                     <div class="page-content-overlay" data-action="toggle" data-class="mobile-nav-on"></div>
    119. 

  119. 					<!-- END Page Content -->
    120. 

  120.                     <!-- BEGIN Page Footer -->
    121. 

  121.                     <?php if(_auth_status) { include('inc/layout/labs.footer.php'); } ?>
    122. 

  122.                     <!-- END Page Footer -->
    123. 

  123.                     <!-- BEGIN Shortcuts -->
    124. 

  124.                     <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" aria-labelledby="modal-shortcut" aria-hidden="true">
    125. 

  125.                         <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
    126. 

  126.                             <div class="modal-content">
    127. 

  127.                                 <div class="modal-body">
    128. 

  128.                                     <ul class="app-list w-auto h-auto p-0 text-left">
    129. 

  129.                                         <li>
    130. 

  130.                                             <a href="intel_introduction.html" class="app-list-item text-white border-0 m-0">
    131. 

  131.                                                 <div class="icon-stack">
    132. 

  132.                                                     <i class="base base-7 icon-stack-3x opacity-100 color-primary-500 "></i>
    133. 

  133.                                                     <i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
    134. 

  134.                                                     <i class="fal fa-home icon-stack-1x opacity-100 color-white"></i>
    135. 

  135.                                                 </div>
    136. 

  136.                                                 <span class="app-list-name">
    137. 

  137.                                                     Home
    138. 

  138.                                                 </span>
    139. 

  139.                                             </a>
    140. 

  140.                                         </li>
    141. 

  141.                                         <li>
    142. 

  142.                                             <a href="page_inbox_general.html" class="app-list-item text-white border-0 m-0">
    143. 

  143.                                                 <div class="icon-stack">
    144. 

  144.                                                     <i class="base base-7 icon-stack-3x opacity-100 color-success-500 "></i>
    145. 

  145.                                                     <i class="base base-7 icon-stack-2x opacity-100 color-success-300 "></i>
    146. 

  146.                                                     <i class="ni ni-envelope icon-stack-1x text-white"></i>
    147. 

  147.                                                 </div>
    148. 

  148.                                                 <span class="app-list-name">
    149. 

  149.                                                     Inbox
    150. 

  150.                                                 </span>
    151. 

  151.                                             </a>
    152. 

  152.                                         </li>
    153. 

  153.                                         <li>
    154. 

  154.                                             <a href="intel_introduction.html" class="app-list-item text-white border-0 m-0">
    155. 

  155.                                                 <div class="icon-stack">
    156. 

  156.                                                     <i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
    157. 

  157.                                                     <i class="fal fa-plus icon-stack-1x opacity-100 color-white"></i>
    158. 

  158.                                                 </div>
    159. 

  159.                                                 <span class="app-list-name">
    160. 

  160.                                                     Add More
    161. 

  161.                                                 </span>
    162. 

  162.                                             </a>
    163. 

  163.                                         </li>
    164. 

  164.                                     </ul>
    165. 

  165.                                 </div>
    166. 

  166.                             </div>
    167. 

  167.                         </div>
    168. 

  168.                     </div>
    169. 

  169.                     <!-- END Shortcuts -->
    170. 

  170.                     <!-- BEGIN Color profile -->
    171. 

  171.                     <!-- this area is hidden and will not be seen on screens or screen readers -->
    172. 

  172.                     <!-- we use this only for CSS color refernce for JS stuff -->
    173. 

  173.                     <p id="js-color-profile" class="d-none">
    174. 

  174.                         <span class="color-primary-50"></span>
    175. 

  175.                         <span class="color-primary-100"></span>
    176. 

  176.                         <span class="color-primary-200"></span>
    177. 

  177.                         <span class="color-primary-300"></span>
    178. 

  178.                         <span class="color-primary-400"></span>
    179. 

  179.                         <span class="color-primary-500"></span>
    180. 

  180.                         <span class="color-primary-600"></span>
    181. 

  181.                         <span class="color-primary-700"></span>
    182. 

  182.                         <span class="color-primary-800"></span>
    183. 

  183.                         <span class="color-primary-900"></span>
    184. 

  184.                         <span class="color-info-50"></span>
    185. 

  185.                         <span class="color-info-100"></span>
    186. 

  186.                         <span class="color-info-200"></span>
    187. 

  187.                         <span class="color-info-300"></span>
    188. 

  188.                         <span class="color-info-400"></span>
    189. 

  189.                         <span class="color-info-500"></span>
    190. 

  190.                         <span class="color-info-600"></span>
    191. 

  191.                         <span class="color-info-700"></span>
    192. 

  192.                         <span class="color-info-800"></span>
    193. 

  193.                         <span class="color-info-900"></span>
    194. 

  194.                         <span class="color-danger-50"></span>
    195. 

  195.                         <span class="color-danger-100"></span>
    196. 

  196.                         <span class="color-danger-200"></span>
    197. 

  197.                         <span class="color-danger-300"></span>
    198. 

  198.                         <span class="color-danger-400"></span>
    199. 

  199.                         <span class="color-danger-500"></span>
    200. 

  200.                         <span class="color-danger-600"></span>
    201. 

  201.                         <span class="color-danger-700"></span>
    202. 

  202.                         <span class="color-danger-800"></span>
    203. 

  203.                         <span class="color-danger-900"></span>
    204. 

  204.                         <span class="color-warning-50"></span>
    205. 

  205.                         <span class="color-warning-100"></span>
    206. 

  206.                         <span class="color-warning-200"></span>
    207. 

  207.                         <span class="color-warning-300"></span>
    208. 

  208.                         <span class="color-warning-400"></span>
    209. 

  209.                         <span class="color-warning-500"></span>
    210. 

  210.                         <span class="color-warning-600"></span>
    211. 

  211.                         <span class="color-warning-700"></span>
    212. 

  212.                         <span class="color-warning-800"></span>
    213. 

  213.                         <span class="color-warning-900"></span>
    214. 

  214.                         <span class="color-success-50"></span>
    215. 

  215.                         <span class="color-success-100"></span>
    216. 

  216.                         <span class="color-success-200"></span>
    217. 

  217.                         <span class="color-success-300"></span>
    218. 

  218.                         <span class="color-success-400"></span>
    219. 

  219.                         <span class="color-success-500"></span>
    220. 

  220.                         <span class="color-success-600"></span>
    221. 

  221.                         <span class="color-success-700"></span>
    222. 

  222.                         <span class="color-success-800"></span>
    223. 

  223.                         <span class="color-success-900"></span>
    224. 

  224.                         <span class="color-fusion-50"></span>
    225. 

  225.                         <span class="color-fusion-100"></span>
    226. 

  226.                         <span class="color-fusion-200"></span>
    227. 

  227.                         <span class="color-fusion-300"></span>
    228. 

  228.                         <span class="color-fusion-400"></span>
    229. 

  229.                         <span class="color-fusion-500"></span>
    230. 

  230.                         <span class="color-fusion-600"></span>
    231. 

  231.                         <span class="color-fusion-700"></span>
    232. 

  232.                         <span class="color-fusion-800"></span>
    233. 

  233.                         <span class="color-fusion-900"></span>
    234. 

  234.                     </p>
    235. 

  235.                     <!-- END Color profile -->
    236. 

  236.                 </div>
    237. 

  237.             </div>
    238. 

  238.         </div>
    239. 

  239.         <!-- END Page Wrapper -->
    240. 

  240.         <!-- BEGIN Quick Menu -->
    241. 

  241.         <!-- to add more items, please make sure to change the variable '$menu-items: number;' in your _page-components-shortcut.scss -->
    242. 

  242.         <nav class="shortcut-menu d-none d-sm-block">
    243. 

  243.             <input type="checkbox" class="menu-open" name="menu-open" id="menu_open" />
    244. 

  244.             <label for="menu_open" class="menu-open-button ">
    245. 

  245.                 <span class="app-shortcut-icon d-block"></span>
    246. 

  246.             </label>
    247. 

  247.             <a href="#" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Scroll Top">
    248. 

  248.                 <i class="fal fa-arrow-up"></i>
    249. 

  249.             </a>
    250. 

  250.             <a href="page_login.html" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Logout">
    251. 

  251.                 <i class="fal fa-sign-out"></i>
    252. 

  252.             </a>
    253. 

  253.             <a href="#" class="menu-item btn" data-action="app-fullscreen" data-toggle="tooltip" data-placement="left" title="Full Screen">
    254. 

  254.                 <i class="fal fa-expand"></i>
    255. 

  255.             </a>
    256. 

  256.             <a href="#" class="menu-item btn" data-action="app-print" data-toggle="tooltip" data-placement="left" title="Print page">
    257. 

  257.                 <i class="fal fa-print"></i>
    258. 

  258.             </a>
    259. 

  259.             <a href="#" class="menu-item btn" data-action="app-voice" data-toggle="tooltip" data-placement="left" title="Voice command">
    260. 

  260.                 <i class="fal fa-microphone"></i>
    261. 

  261.             </a>
    262. 

  262.         </nav>
    263. 

  263.         <!-- END Quick Menu -->
    264. 

  264.         <!-- BEGIN Messenger -->
    265. 

  265.         <div class="modal fade js-modal-messenger modal-backdrop-transparent" tabindex="-1" role="dialog" aria-hidden="true">
    266. 

  266.             <div class="modal-dialog modal-dialog-right">
    267. 

  267.                 <div class="modal-content h-100">
    268. 

  268.                     <div class="dropdown-header bg-trans-gradient d-flex align-items-center w-100">
    269. 

  269.                         <div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
    270. 

  270.                             <span class="mr-2">
    271. 

  271.                                 <span class="rounded-circle profile-image d-block" style="background-image:url('img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
    272. 

  272.                             </span>
    273. 

  273.                             <div class="info-card-text">
    274. 

  274.                                 <a href="javascript:void(0);" class="fs-lg text-truncate text-truncate-lg text-white" data-toggle="dropdown" aria-expanded="false">
    275. 

  275.                                     Tracey Chang
    276. 

  276.                                     <i class="fal fa-angle-down d-inline-block ml-1 text-white fs-md"></i>
    277. 

  277.                                 </a>
    278. 

  278.                                 <div class="dropdown-menu">
    279. 

  279.                                     <a class="dropdown-item" href="#">Send Email</a>
    280. 

  280.                                     <a class="dropdown-item" href="#">Create Appointment</a>
    281. 

  281.                                     <a class="dropdown-item" href="#">Block User</a>
    282. 

  282.                                 </div>
    283. 

  283.                                 <span class="text-truncate text-truncate-md opacity-80">IT Director</span>
    284. 

  284.                             </div>
    285. 

  285.                         </div>
    286. 

  286.                         <button type="button" class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2" data-dismiss="modal" aria-label="Close">
    287. 

  287.                             <span aria-hidden="true"><i class="fal fa-times"></i></span>
    288. 

  288.                         </button>
    289. 

  289.                     </div>
    290. 

  290.                     <div class="modal-body p-0 h-100 d-flex">
    291. 

  291.                         <!-- BEGIN msgr-list -->
    292. 

  292.                         <div class="msgr-list d-flex flex-column bg-faded border-faded border-top-0 border-right-0 border-bottom-0 position-absolute pos-top pos-bottom">
    293. 

  293.                             <div>
    294. 

  294.                                 <div class="height-4 width-3 h3 m-0 d-flex justify-content-center flex-column color-primary-500 pl-3 mt-2">
    295. 

  295.                                     <i class="fal fa-search"></i>
    296. 

  296.                                 </div>
    297. 

  297.                                 <input type="text" class="form-control bg-white" id="msgr_listfilter_input" placeholder="Filter contacts" aria-label="FriendSearch" data-listfilter="#js-msgr-listfilter">
    298. 

  298.                             </div>
    299. 

  299.                             <div class="flex-1 h-100 custom-scroll">
    300. 

  300.                                 <div class="w-100">
    301. 

  301.                                     <ul id="js-msgr-listfilter" class="list-unstyled m-0">
    302. 

  302.                                         <li>
    303. 

  303.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="tracey chang online">
    304. 

  304.                                                 <div class="d-table-cell align-middle status status-success status-sm ">
    305. 

  305.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
    306. 

  306.                                                 </div>
    307. 

  307.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    308. 

  308.                                                     <div class="text-truncate text-truncate-md">
    309. 

  309.                                                         Tracey Chang
    310. 

  310.                                                         <small class="d-block font-italic text-success fs-xs">
    311. 

  311.                                                             Online
    312. 

  312.                                                         </small>
    313. 

  313.                                                     </div>
    314. 

  314.                                                 </div>
    315. 

  315.                                             </a>
    316. 

  316.                                         </li>
    317. 

  317.                                         <li>
    318. 

  318.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="oliver kopyuv online">
    319. 

  319.                                                 <div class="d-table-cell align-middle status status-success status-sm ">
    320. 

  320.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
    321. 

  321.                                                 </div>
    322. 

  322.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    323. 

  323.                                                     <div class="text-truncate text-truncate-md">
    324. 

  324.                                                         Oliver Kopyuv
    325. 

  325.                                                         <small class="d-block font-italic text-success fs-xs">
    326. 

  326.                                                             Online
    327. 

  327.                                                         </small>
    328. 

  328.                                                     </div>
    329. 

  329.                                                 </div>
    330. 

  330.                                             </a>
    331. 

  331.                                         </li>
    332. 

  332.                                         <li>
    333. 

  333.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="dr john cook phd away">
    334. 

  334.                                                 <div class="d-table-cell align-middle status status-warning status-sm ">
    335. 

  335.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
    336. 

  336.                                                 </div>
    337. 

  337.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    338. 

  338.                                                     <div class="text-truncate text-truncate-md">
    339. 

  339.                                                         Dr. John Cook PhD
    340. 

  340.                                                         <small class="d-block font-italic fs-xs">
    341. 

  341.                                                             Away
    342. 

  342.                                                         </small>
    343. 

  343.                                                     </div>
    344. 

  344.                                                 </div>
    345. 

  345.                                             </a>
    346. 

  346.                                         </li>
    347. 

  347.                                         <li>
    348. 

  348.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney online">
    349. 

  349.                                                 <div class="d-table-cell align-middle status status-success status-sm ">
    350. 

  350.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-g.png'); background-size: cover;"></span>
    351. 

  351.                                                 </div>
    352. 

  352.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    353. 

  353.                                                     <div class="text-truncate text-truncate-md">
    354. 

  354.                                                         Ali Amdaney
    355. 

  355.                                                         <small class="d-block font-italic fs-xs text-success">
    356. 

  356.                                                             Online
    357. 

  357.                                                         </small>
    358. 

  358.                                                     </div>
    359. 

  359.                                                 </div>
    360. 

  360.                                             </a>
    361. 

  361.                                         </li>
    362. 

  362.                                         <li>
    363. 

  363.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="sarah mcbrook online">
    364. 

  364.                                                 <div class="d-table-cell align-middle status status-success status-sm">
    365. 

  365.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
    366. 

  366.                                                 </div>
    367. 

  367.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    368. 

  368.                                                     <div class="text-truncate text-truncate-md">
    369. 

  369.                                                         Sarah McBrook
    370. 

  370.                                                         <small class="d-block font-italic fs-xs text-success">
    371. 

  371.                                                             Online
    372. 

  372.                                                         </small>
    373. 

  373.                                                     </div>
    374. 

  374.                                                 </div>
    375. 

  375.                                             </a>
    376. 

  376.                                         </li>
    377. 

  377.                                         <li>
    378. 

  378.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney offline">
    379. 

  379.                                                 <div class="d-table-cell align-middle status status-sm">
    380. 

  380.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
    381. 

  381.                                                 </div>
    382. 

  382.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    383. 

  383.                                                     <div class="text-truncate text-truncate-md">
    384. 

  384.                                                         oliver.kopyuv@gotbootstrap.com
    385. 

  385.                                                         <small class="d-block font-italic fs-xs">
    386. 

  386.                                                             Offline
    387. 

  387.                                                         </small>
    388. 

  388.                                                     </div>
    389. 

  389.                                                 </div>
    390. 

  390.                                             </a>
    391. 

  391.                                         </li>
    392. 

  392.                                         <li>
    393. 

  393.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney busy">
    394. 

  394.                                                 <div class="d-table-cell align-middle status status-danger status-sm">
    395. 

  395.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-j.png'); background-size: cover;"></span>
    396. 

  396.                                                 </div>
    397. 

  397.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    398. 

  398.                                                     <div class="text-truncate text-truncate-md">
    399. 

  399.                                                         oliver.kopyuv@gotbootstrap.com
    400. 

  400.                                                         <small class="d-block font-italic fs-xs text-danger">
    401. 

  401.                                                             Busy
    402. 

  402.                                                         </small>
    403. 

  403.                                                     </div>
    404. 

  404.                                                 </div>
    405. 

  405.                                             </a>
    406. 

  406.                                         </li>
    407. 

  407.                                         <li>
    408. 

  408.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney offline">
    409. 

  409.                                                 <div class="d-table-cell align-middle status status-sm">
    410. 

  410.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
    411. 

  411.                                                 </div>
    412. 

  412.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    413. 

  413.                                                     <div class="text-truncate text-truncate-md">
    414. 

  414.                                                         oliver.kopyuv@gotbootstrap.com
    415. 

  415.                                                         <small class="d-block font-italic fs-xs">
    416. 

  416.                                                             Offline
    417. 

  417.                                                         </small>
    418. 

  418.                                                     </div>
    419. 

  419.                                                 </div>
    420. 

  420.                                             </a>
    421. 

  421.                                         </li>
    422. 

  422.                                         <li>
    423. 

  423.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney inactive">
    424. 

  424.                                                 <div class="d-table-cell align-middle">
    425. 

  425.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-m.png'); background-size: cover;"></span>
    426. 

  426.                                                 </div>
    427. 

  427.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    428. 

  428.                                                     <div class="text-truncate text-truncate-md">
    429. 

  429.                                                         +714651347790
    430. 

  430.                                                         <small class="d-block font-italic fs-xs opacity-50">
    431. 

  431.                                                             Missed Call
    432. 

  432.                                                         </small>
    433. 

  433.                                                     </div>
    434. 

  434.                                                 </div>
    435. 

  435.                                             </a>
    436. 

  436.                                         </li>
    437. 

  437.                                     </ul>
    438. 

  438.                                     <div class="filter-message js-filter-message"></div>
    439. 

  439.                                 </div>
    440. 

  440.                             </div>
    441. 

  441.                             <div>
    442. 

  442.                                 <a class="fs-xl d-flex align-items-center p-3">
    443. 

  443.                                     <i class="fal fa-cogs"></i>
    444. 

  444.                                 </a>
    445. 

  445.                             </div>
    446. 

  446.                         </div>
    447. 

  447.                         <!-- END msgr-list -->
    448. 

  448.                         <!-- BEGIN msgr -->
    449. 

  449.                         <div class="msgr d-flex h-100 flex-column bg-white">
    450. 

  450.                             <!-- BEGIN custom-scroll -->
    451. 

  451.                             <div class="custom-scroll flex-1 h-100">
    452. 

  452.                                 <div id="chat_container" class="w-100 p-4">
    453. 

  453.                                     <!-- start .chat-segment -->
    454. 

  454.                                     <div class="chat-segment">
    455. 

  455.                                         <div class="time-stamp text-center mb-2 fw-400">
    456. 

  456.                                             Jun 19
    457. 

  457.                                         </div>
    458. 

  458.                                     </div>
    459. 

  459.                                     <!--  end .chat-segment -->
    460. 

  460.                                     <!-- start .chat-segment -->
    461. 

  461.                                     <div class="chat-segment chat-segment-sent">
    462. 

  462.                                         <div class="chat-message">
    463. 

  463.                                             <p>
    464. 

  464.                                                 Hey Tracey, did you get my files?
    465. 

  465.                                             </p>
    466. 

  466.                                         </div>
    467. 

  467.                                         <div class="text-right fw-300 text-muted mt-1 fs-xs">
    468. 

  468.                                             3:00 pm
    469. 

  469.                                         </div>
    470. 

  470.                                     </div>
    471. 

  471.                                     <!--  end .chat-segment -->
    472. 

  472.                                     <!-- start .chat-segment -->
    473. 

  473.                                     <div class="chat-segment chat-segment-get">
    474. 

  474.                                         <div class="chat-message">
    475. 

  475.                                             <p>
    476. 

  476.                                                 Hi
    477. 

  477.                                             </p>
    478. 

  478.                                             <p>
    479. 

  479.                                                 Sorry going through a busy time in office. Yes I analyzed the solution.
    480. 

  480.                                             </p>
    481. 

  481.                                             <p>
    482. 

  482.                                                 It will require some resource, which I could not manage.
    483. 

  483.                                             </p>
    484. 

  484.                                         </div>
    485. 

  485.                                         <div class="fw-300 text-muted mt-1 fs-xs">
    486. 

  486.                                             3:24 pm
    487. 

  487.                                         </div>
    488. 

  488.                                     </div>
    489. 

  489.                                     <!--  end .chat-segment -->
    490. 

  490.                                     <!-- start .chat-segment -->
    491. 

  491.                                     <div class="chat-segment chat-segment-sent chat-start">
    492. 

  492.                                         <div class="chat-message">
    493. 

  493.                                             <p>
    494. 

  494.                                                 Okay
    495. 

  495.                                             </p>
    496. 

  496.                                         </div>
    497. 

  497.                                     </div>
    498. 

  498.                                     <!--  end .chat-segment -->
    499. 

  499.                                     <!-- start .chat-segment -->
    500. 

  500.                                     <div class="chat-segment chat-segment-sent chat-end">
    501. 

  501.                                         <div class="chat-message">
    502. 

  502.                                             <p>
    503. 

  503.                                                 Sending you some dough today, you can allocate the resources to this project.
    504. 

  504.                                             </p>
    505. 

  505.                                         </div>
    506. 

  506.                                         <div class="text-right fw-300 text-muted mt-1 fs-xs">
    507. 

  507.                                             3:26 pm
    508. 

  508.                                         </div>
    509. 

  509.                                     </div>
    510. 

  510.                                     <!--  end .chat-segment -->
    511. 

  511.                                     <!-- start .chat-segment -->
    512. 

  512.                                     <div class="chat-segment chat-segment-get chat-start">
    513. 

  513.                                         <div class="chat-message">
    514. 

  514.                                             <p>
    515. 

  515.                                                 Perfect. Thanks a lot!
    516. 

  516.                                             </p>
    517. 

  517.                                         </div>
    518. 

  518.                                     </div>
    519. 

  519.                                     <!--  end .chat-segment -->
    520. 

  520.                                     <!-- start .chat-segment -->
    521. 

  521.                                     <div class="chat-segment chat-segment-get">
    522. 

  522.                                         <div class="chat-message">
    523. 

  523.                                             <p>
    524. 

  524.                                                 I will have them ready by tonight.
    525. 

  525.                                             </p>
    526. 

  526.                                         </div>
    527. 

  527.                                     </div>
    528. 

  528.                                     <!--  end .chat-segment -->
    529. 

  529.                                     <!-- start .chat-segment -->
    530. 

  530.                                     <div class="chat-segment chat-segment-get chat-end">
    531. 

  531.                                         <div class="chat-message">
    532. 

  532.                                             <p>
    533. 

  533.                                                 Cheers
    534. 

  534.                                             </p>
    535. 

  535.                                         </div>
    536. 

  536.                                     </div>
    537. 

  537.                                     <!--  end .chat-segment -->
    538. 

  538.                                     <!-- start .chat-segment for timestamp -->
    539. 

  539.                                     <div class="chat-segment">
    540. 

  540.                                         <div class="time-stamp text-center mb-2 fw-400">
    541. 

  541.                                             Jun 20
    542. 

  542.                                         </div>
    543. 

  543.                                     </div>
    544. 

  544.                                     <!--  end .chat-segment for timestamp -->
    545. 

  545.                                 </div>
    546. 

  546.                             </div>
    547. 

  547.                             <!-- END custom-scroll  -->
    548. 

  548.                             <!-- BEGIN msgr__chatinput -->
    549. 

  549.                             <div class="d-flex flex-column">
    550. 

  550.                                 <div class="border-faded border-right-0 border-bottom-0 border-left-0 flex-1 mr-3 ml-3 position-relative shadow-top">
    551. 

  551.                                     <div class="pt-3 pb-1 pr-0 pl-0 rounded-0" tabindex="-1">
    552. 

  552.                                         <div id="msgr_input" contenteditable="true" data-placeholder="Type your message here..." class="height-10 form-content-editable"></div>
    553. 

  553.                                     </div>
    554. 

  554.                                 </div>
    555. 

  555.                                 <div class="height-8 px-3 d-flex flex-row align-items-center flex-wrap flex-shrink-0">
    556. 

  556.                                     <a href="javascript:void(0);" class="btn btn-icon fs-xl width-1 mr-1" data-toggle="tooltip" data-original-title="More options" data-placement="top">
    557. 

  557.                                         <i class="fal fa-ellipsis-v-alt color-fusion-300"></i>
    558. 

  558.                                     </a>
    559. 

  559.                                     <a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1" data-toggle="tooltip" data-original-title="Attach files" data-placement="top">
    560. 

  560.                                         <i class="fal fa-paperclip color-fusion-300"></i>
    561. 

  561.                                     </a>
    562. 

  562.                                     <a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1" data-toggle="tooltip" data-original-title="Insert photo" data-placement="top">
    563. 

  563.                                         <i class="fal fa-camera color-fusion-300"></i>
    564. 

  564.                                     </a>
    565. 

  565.                                     <div class="ml-auto">
    566. 

  566.                                         <a href="javascript:void(0);" class="btn btn-info">Send</a>
    567. 

  567.                                     </div>
    568. 

  568.                                 </div>
    569. 

  569.                             </div>
    570. 

  570.                             <!-- END msgr__chatinput -->
    571. 

  571.                         </div>
    572. 

  572.                         <!-- END msgr -->
    573. 

  573.                     </div>
    574. 

  574.                 </div>
    575. 

  575.             </div>
    576. 

  576.         </div>
    577. 

  577.         <!-- END Messenger -->
    578. 

  578.         <!-- BEGIN Page Settings -->
    579. 

  579.         <div class="modal fade js-modal-settings modal-backdrop-transparent" tabindex="-1" role="dialog" aria-hidden="true">
    580. 

  580.             <div class="modal-dialog modal-dialog-right modal-md">
    581. 

  581.                 <div class="modal-content">
    582. 

  582.                     <div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center w-100">
    583. 

  583.                         <h4 class="m-0 text-center color-white">
    584. 

  584.                             Layout Settings
    585. 

  585.                             <small class="mb-0 opacity-80">User Interface Settings</small>
    586. 

  586.                         </h4>
    587. 

  587.                         <button type="button" class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2" data-dismiss="modal" aria-label="Close">
    588. 

  588.                             <span aria-hidden="true"><i class="fal fa-times"></i></span>
    589. 

  589.                         </button>
    590. 

  590.                     </div>
    591. 

  591.                     <div class="modal-body p-0">
    592. 

  592.                         <div class="settings-panel">
    593. 

  593.                             <div class="mt-4 d-table w-100 px-5">
    594. 

  594.                                 <div class="d-table-cell align-middle">
    595. 

  595.                                     <h5 class="p-0">
    596. 

  596.                                         App Layout
    597. 

  597.                                     </h5>
    598. 

  598.                                 </div>
    599. 

  599.                             </div>
    600. 

  600.                             <div class="list" id="fh">
    601. 

  601.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="header-function-fixed"></a>
    602. 

  602.                                 <span class="onoffswitch-title">Fixed Header</span>
    603. 

  603.                                 <span class="onoffswitch-title-desc">header is in a fixed at all times</span>
    604. 

  604.                             </div>
    605. 

  605.                             <div class="list" id="nff">
    606. 

  606.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-fixed"></a>
    607. 

  607.                                 <span class="onoffswitch-title">Fixed Navigation</span>
    608. 

  608.                                 <span class="onoffswitch-title-desc">left panel is fixed</span>
    609. 

  609.                             </div>
    610. 

  610.                             <div class="list" id="nfm">
    611. 

  611.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-minify"></a>
    612. 

  612.                                 <span class="onoffswitch-title">Minify Navigation</span>
    613. 

  613.                                 <span class="onoffswitch-title-desc">Skew nav to maximize space</span>
    614. 

  614.                             </div>
    615. 

  615.                             <div class="list" id="nfh">
    616. 

  616.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-hidden"></a>
    617. 

  617.                                 <span class="onoffswitch-title">Hide Navigation</span>
    618. 

  618.                                 <span class="onoffswitch-title-desc">roll mouse on edge to reveal</span>
    619. 

  619.                             </div>
    620. 

  620.                             <div class="list" id="nft">
    621. 

  621.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-top"></a>
    622. 

  622.                                 <span class="onoffswitch-title">Top Navigation</span>
    623. 

  623.                                 <span class="onoffswitch-title-desc">Relocate left pane to top</span>
    624. 

  624.                             </div>
    625. 

  625.                             <div class="list" id="mmb">
    626. 

  626.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-main-boxed"></a>
    627. 

  627.                                 <span class="onoffswitch-title">Boxed Layout</span>
    628. 

  628.                                 <span class="onoffswitch-title-desc">Encapsulates to a container</span>
    629. 

  629.                             </div>
    630. 

  630.                             <div class="expanded">
    631. 

  631.                                 <ul class="">
    632. 

  632.                                     <li>
    633. 

  633.                                         <div class="bg-fusion-50" data-action="toggle" data-class="mod-bg-1"></div>
    634. 

  634.                                     </li>
    635. 

  635.                                     <li>
    636. 

  636.                                         <div class="bg-warning-200" data-action="toggle" data-class="mod-bg-2"></div>
    637. 

  637.                                     </li>
    638. 

  638.                                     <li>
    639. 

  639.                                         <div class="bg-primary-200" data-action="toggle" data-class="mod-bg-3"></div>
    640. 

  640.                                     </li>
    641. 

  641.                                     <li>
    642. 

  642.                                         <div class="bg-success-300" data-action="toggle" data-class="mod-bg-4"></div>
    643. 

  643.                                     </li>
    644. 

  644.                                 </ul>
    645. 

  645.                                 <div class="list" id="mbgf">
    646. 

  646.                                     <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-fixed-bg"></a>
    647. 

  647.                                     <span class="onoffswitch-title">Fixed Background</span>
    648. 

  648.                                 </div>
    649. 

  649.                             </div>
    650. 

  650.                             <div class="mt-4 d-table w-100 px-5">
    651. 

  651.                                 <div class="d-table-cell align-middle">
    652. 

  652.                                     <h5 class="p-0">
    653. 

  653.                                         Mobile Menu
    654. 

  654.                                     </h5>
    655. 

  655.                                 </div>
    656. 

  656.                             </div>
    657. 

  657.                             <div class="list" id="nmp">
    658. 

  658.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-push"></a>
    659. 

  659.                                 <span class="onoffswitch-title">Push Content</span>
    660. 

  660.                                 <span class="onoffswitch-title-desc">Content pushed on menu reveal</span>
    661. 

  661.                             </div>
    662. 

  662.                             <div class="list" id="nmno">
    663. 

  663.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-no-overlay"></a>
    664. 

  664.                                 <span class="onoffswitch-title">No Overlay</span>
    665. 

  665.                                 <span class="onoffswitch-title-desc">Removes mesh on menu reveal</span>
    666. 

  666.                             </div>
    667. 

  667.                             <div class="list" id="sldo">
    668. 

  668.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-slide-out"></a>
    669. 

  669.                                 <span class="onoffswitch-title">Off-Canvas <sup>(beta)</sup></span>
    670. 

  670.                                 <span class="onoffswitch-title-desc">Content overlaps menu</span>
    671. 

  671.                             </div>
    672. 

  672.                             <div class="mt-4 d-table w-100 px-5">
    673. 

  673.                                 <div class="d-table-cell align-middle">
    674. 

  674.                                     <h5 class="p-0">
    675. 

  675.                                         Accessibility
    676. 

  676.                                     </h5>
    677. 

  677.                                 </div>
    678. 

  678.                             </div>
    679. 

  679.                             <div class="list" id="mbf">
    680. 

  680.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-bigger-font"></a>
    681. 

  681.                                 <span class="onoffswitch-title">Bigger Content Font</span>
    682. 

  682.                                 <span class="onoffswitch-title-desc">content fonts are bigger for readability</span>
    683. 

  683.                             </div>
    684. 

  684.                             <div class="list" id="mhc">
    685. 

  685.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-high-contrast"></a>
    686. 

  686.                                 <span class="onoffswitch-title">High Contrast Text (WCAG 2 AA)</span>
    687. 

  687.                                 <span class="onoffswitch-title-desc">4.5:1 text contrast ratio</span>
    688. 

  688.                             </div>
    689. 

  689.                             <div class="list" id="mcb">
    690. 

  690.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-color-blind"></a>
    691. 

  691.                                 <span class="onoffswitch-title">Daltonism <sup>(beta)</sup> </span>
    692. 

  692.                                 <span class="onoffswitch-title-desc">color vision deficiency</span>
    693. 

  693.                             </div>
    694. 

  694.                             <div class="list" id="mpc">
    695. 

  695.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-pace-custom"></a>
    696. 

  696.                                 <span class="onoffswitch-title">Preloader Inside</span>
    697. 

  697.                                 <span class="onoffswitch-title-desc">preloader will be inside content</span>
    698. 

  698.                             </div>
    699. 

  699.                             <div class="mt-4 d-table w-100 px-5">
    700. 

  700.                                 <div class="d-table-cell align-middle">
    701. 

  701.                                     <h5 class="p-0">
    702. 

  702.                                         Global Modifications
    703. 

  703.                                     </h5>
    704. 

  704.                                 </div>
    705. 

  705.                             </div>
    706. 

  706.                             <div class="list" id="mcbg">
    707. 

  707.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-clean-page-bg"></a>
    708. 

  708.                                 <span class="onoffswitch-title">Clean Page Background</span>
    709. 

  709.                                 <span class="onoffswitch-title-desc">adds more whitespace</span>
    710. 

  710.                             </div>
    711. 

  711.                             <div class="list" id="mhni">
    712. 

  712.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-hide-nav-icons"></a>
    713. 

  713.                                 <span class="onoffswitch-title">Hide Navigation Icons</span>
    714. 

  714.                                 <span class="onoffswitch-title-desc">invisible navigation icons</span>
    715. 

  715.                             </div>
    716. 

  716.                             <div class="list" id="dan">
    717. 

  717.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-disable-animation"></a>
    718. 

  718.                                 <span class="onoffswitch-title">Disable CSS Animation</span>
    719. 

  719.                                 <span class="onoffswitch-title-desc">Disables CSS based animations</span>
    720. 

  720.                             </div>
    721. 

  721.                             <div class="list" id="mhic">
    722. 

  722.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-hide-info-card"></a>
    723. 

  723.                                 <span class="onoffswitch-title">Hide Info Card</span>
    724. 

  724.                                 <span class="onoffswitch-title-desc">Hides info card from left panel</span>
    725. 

  725.                             </div>
    726. 

  726.                             <div class="list" id="mlph">
    727. 

  727.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-lean-subheader"></a>
    728. 

  728.                                 <span class="onoffswitch-title">Lean Subheader</span>
    729. 

  729.                                 <span class="onoffswitch-title-desc">distinguished page header</span>
    730. 

  730.                             </div>
    731. 

  731.                             <div class="list" id="mnl">
    732. 

  732.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-nav-link"></a>
    733. 

  733.                                 <span class="onoffswitch-title">Hierarchical Navigation</span>
    734. 

  734.                                 <span class="onoffswitch-title-desc">Clear breakdown of nav links</span>
    735. 

  735.                             </div>
    736. 

  736.                             <div class="list mt-1">
    737. 

  737.                                 <span class="onoffswitch-title">Global Font Size <small>(RESETS ON REFRESH)</small> </span>
    738. 

  738.                                 <div class="btn-group btn-group-sm btn-group-toggle my-2" data-toggle="buttons">
    739. 

  739.                                     <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-sm" data-target="html">
    740. 

  740.                                         <input type="radio" name="changeFrontSize"> SM
    741. 

  741.                                     </label>
    742. 

  742.                                     <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text" data-target="html">
    743. 

  743.                                         <input type="radio" name="changeFrontSize" checked=""> MD
    744. 

  744.                                     </label>
    745. 

  745.                                     <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-lg" data-target="html">
    746. 

  746.                                         <input type="radio" name="changeFrontSize"> LG
    747. 

  747.                                     </label>
    748. 

  748.                                     <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-xl" data-target="html">
    749. 

  749.                                         <input type="radio" name="changeFrontSize"> XL
    750. 

  750.                                     </label>
    751. 

  751.                                 </div>
    752. 

  752.                                 <span class="onoffswitch-title-desc d-block mb-0">Change <strong>root</strong> font size to effect rem
    753. 

  753.                                     values</span>
    754. 

  754.                             </div>
    755. 

  755.                             <hr class="mb-0 mt-4">
    756. 

  756.                             <div class="mt-2 d-table w-100 pl-5 pr-3">
    757. 

  757.                                 <div class="fs-xs text-muted p-2 alert alert-warning mt-3 mb-2">
    758. 

  758.                                     <i class="fal fa-exclamation-triangle text-warning mr-2"></i>The settings below uses localStorage to load
    759. 

  759.                                     the external CSS file as an overlap to the base css. Due to network latency and CPU utilization, you may
    760. 

  760.                                     experience a brief flickering effect on page load which may show the intial applied theme for a split
    761. 

  761.                                     second. Setting the prefered style/theme in the header will prevent this from happening.
    762. 

  762.                                 </div>
    763. 

  763.                             </div>
    764. 

  764.                             <div class="mt-2 d-table w-100 pl-5 pr-3">
    765. 

  765.                                 <div class="d-table-cell align-middle">
    766. 

  766.                                     <h5 class="p-0">
    767. 

  767.                                         Theme colors
    768. 

  768.                                     </h5>
    769. 

  769.                                 </div>
    770. 

  770.                             </div>
    771. 

  771.                             <div class="expanded theme-colors pl-5 pr-3">
    772. 

  772.                                 <ul class="m-0">
    773. 

  773.                                     <li>
    774. 

  774.                                         <a href="#" id="myapp-0" data-action="theme-update" data-themesave data-theme="" data-toggle="tooltip" data-placement="top" title="Wisteria (base css)" data-original-title="Wisteria (base css)"></a>
    775. 

  775.                                     </li>
    776. 

  776.                                     <li>
    777. 

  777.                                         <a href="#" id="myapp-1" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-1.css" data-toggle="tooltip" data-placement="top" title="Tapestry" data-original-title="Tapestry"></a>
    778. 

  778.                                     </li>
    779. 

  779.                                     <li>
    780. 

  780.                                         <a href="#" id="myapp-2" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-2.css" data-toggle="tooltip" data-placement="top" title="Atlantis" data-original-title="Atlantis"></a>
    781. 

  781.                                     </li>
    782. 

  782.                                     <li>
    783. 

  783.                                         <a href="#" id="myapp-3" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-3.css" data-toggle="tooltip" data-placement="top" title="Indigo" data-original-title="Indigo"></a>
    784. 

  784.                                     </li>
    785. 

  785.                                     <li>
    786. 

  786.                                         <a href="#" id="myapp-4" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-4.css" data-toggle="tooltip" data-placement="top" title="Dodger Blue" data-original-title="Dodger Blue"></a>
    787. 

  787.                                     </li>
    788. 

  788.                                     <li>
    789. 

  789.                                         <a href="#" id="myapp-5" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-5.css" data-toggle="tooltip" data-placement="top" title="Tradewind" data-original-title="Tradewind"></a>
    790. 

  790.                                     </li>
    791. 

  791.                                     <li>
    792. 

  792.                                         <a href="#" id="myapp-6" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-6.css" data-toggle="tooltip" data-placement="top" title="Cranberry" data-original-title="Cranberry"></a>
    793. 

  793.                                     </li>
    794. 

  794.                                     <li>
    795. 

  795.                                         <a href="#" id="myapp-7" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-7.css" data-toggle="tooltip" data-placement="top" title="Oslo Gray" data-original-title="Oslo Gray"></a>
    796. 

  796.                                     </li>
    797. 

  797.                                     <li>
    798. 

  798.                                         <a href="#" id="myapp-8" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-8.css" data-toggle="tooltip" data-placement="top" title="Chetwode Blue" data-original-title="Chetwode Blue"></a>
    799. 

  799.                                     </li>
    800. 

  800.                                     <li>
    801. 

  801.                                         <a href="#" id="myapp-9" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-9.css" data-toggle="tooltip" data-placement="top" title="Apricot" data-original-title="Apricot"></a>
    802. 

  802.                                     </li>
    803. 

  803.                                     <li>
    804. 

  804.                                         <a href="#" id="myapp-10" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-10.css" data-toggle="tooltip" data-placement="top" title="Blue Smoke" data-original-title="Blue Smoke"></a>
    805. 

  805.                                     </li>
    806. 

  806.                                     <li>
    807. 

  807.                                         <a href="#" id="myapp-11" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-11.css" data-toggle="tooltip" data-placement="top" title="Green Smoke" data-original-title="Green Smoke"></a>
    808. 

  808.                                     </li>
    809. 

  809.                                     <li>
    810. 

  810.                                         <a href="#" id="myapp-12" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-12.css" data-toggle="tooltip" data-placement="top" title="Wild Blue Yonder" data-original-title="Wild Blue Yonder"></a>
    811. 

  811.                                     </li>
    812. 

  812.                                     <li>
    813. 

  813.                                         <a href="#" id="myapp-13" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-13.css" data-toggle="tooltip" data-placement="top" title="Emerald" data-original-title="Emerald"></a>
    814. 

  814.                                     </li>
    815. 

  815.                                 </ul>
    816. 

  816.                             </div>
    817. 

  817.                             <hr class="mb-0 mt-4">
    818. 

  818.                             <div class="pl-5 pr-3 py-3 bg-faded">
    819. 

  819.                                 <div class="row no-gutters">
    820. 

  820.                                     <div class="col-6 pr-1">
    821. 

  821.                                         <a href="#" class="btn btn-outline-danger fw-500 btn-block" data-action="app-reset">Reset Settings</a>
    822. 

  822.                                     </div>
    823. 

  823.                                     <div class="col-6 pl-1">
    824. 

  824.                                         <a href="#" class="btn btn-danger fw-500 btn-block" data-action="factory-reset">Factory Reset</a>
    825. 

  825.                                     </div>
    826. 

  826.                                 </div>
    827. 

  827.                             </div>
    828. 

  828.                         </div> <span id="saving"></span>
    829. 

  829.                     </div>
    830. 

  830.                 </div>
    831. 

  831.             </div>
    832. 

  832.         </div>
    833. 

  833.         <!-- END Page Settings -->
    834. 

  834.         <!-- base vendor bundle: 
    835. 

  835. 			 DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations 
    836. 

  836. 						+ pace.js (recommended)
    837. 

  837. 						+ jquery.js (core)
    838. 

  838. 						+ jquery-ui-cust.js (core)
    839. 

  839. 						+ popper.js (core)
    840. 

  840. 						+ bootstrap.js (core)
    841. 

  841. 						+ slimscroll.js (extension)
    842. 

  842. 						+ app.navigation.js (core)
    843. 

  843. 						+ ba-throttle-debounce.js (core)
    844. 

  844. 						+ waves.js (extension)
    845. 

  845. 						+ smartpanels.js (extension)
    846. 

  846. 						+ src/../jquery-snippets.js (core) -->
    847. 

  847.         <!--<script src="js/../script.js"></script>
    848. 

  848. 	<script>
    849. 

  849. 		$(document).ready(function () {
    850. 

  850. 			
    851. 

  851. 		});
    852. 

  852. 	</script>-->
    853. 

  853.     </body>
    854. 

  854. </html>
    855.