SHARE
TWEET

Untitled

a guest Jan 14th, 2020 106 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4 & Angular 8
  5. Author: KeenThemes
  6. Website: http://www.keenthemes.com/
  7. Contact: support@keenthemes.com
  8. Follow: www.twitter.com/keenthemes
  9. Dribbble: www.dribbble.com/keenthemes
  10. Like: www.facebook.com/keenthemes
  11. Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
  12. Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
  13. License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
  14. -->
  15. <html lang="en">
  16.  
  17.     <!-- begin::Head -->
  18.     <head>
  19.         <base href="">
  20.         <meta charset="utf-8" />
  21.         <title>Metronic | Dashboard</title>
  22.         <meta name="description" content="Updates and statistics">
  23.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  24.  
  25.         <!--begin::Fonts -->
  26.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:300,400,500,600,700">
  27.  
  28.         <!--end::Fonts -->
  29.  
  30.         <!--begin::Page Vendors Styles(used by this page) -->
  31.         <link href="assets/plugins/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />
  32.  
  33.         <!--end::Page Vendors Styles -->
  34.  
  35.         <!--begin::Global Theme Styles(used by all pages) -->
  36.         <link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
  37.         <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
  38.  
  39.         <!--end::Global Theme Styles -->
  40.  
  41.         <!--begin::Layout Skins(used by all pages) -->
  42.         <link href="assets/css/skins/header/base/light.css" rel="stylesheet" type="text/css" />
  43.         <link href="assets/css/skins/header/menu/light.css" rel="stylesheet" type="text/css" />
  44.         <link href="assets/css/skins/brand/dark.css" rel="stylesheet" type="text/css" />
  45.         <link href="assets/css/skins/aside/dark.css" rel="stylesheet" type="text/css" />
  46.  
  47.         <!--end::Layout Skins -->
  48.         <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
  49.     </head>
  50.  
  51.     <!-- end::Head -->
  52.  
  53.     <!-- begin::Body -->
  54.     <body class="kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header-mobile--fixed kt-subheader--enabled kt-subheader--fixed kt-subheader--solid kt-aside--enabled kt-aside--fixed kt-page--loading">
  55.  
  56.         <!-- begin:: Page -->
  57.  
  58.         <!-- begin:: Header Mobile -->
  59.         <div id="kt_header_mobile" class="kt-header-mobile  kt-header-mobile--fixed ">
  60.             <div class="kt-header-mobile__logo">
  61.                 <a href="index.html">
  62.                     <img alt="Logo" src="assets/media/logos/logo-light.png" />
  63.                 </a>
  64.             </div>
  65.             <div class="kt-header-mobile__toolbar">
  66.                 <button class="kt-header-mobile__toggler kt-header-mobile__toggler--left" id="kt_aside_mobile_toggler"><span></span></button>
  67.                 <button class="kt-header-mobile__toggler" id="kt_header_mobile_toggler"><span></span></button>
  68.                 <button class="kt-header-mobile__topbar-toggler" id="kt_header_mobile_topbar_toggler"><i class="flaticon-more"></i></button>
  69.             </div>
  70.         </div>
  71.  
  72.         <!-- end:: Header Mobile -->
  73.         <div class="kt-grid kt-grid--hor kt-grid--root">
  74.             <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
  75.  
  76.                 <!-- begin:: Aside -->
  77.  
  78.                 <!-- Uncomment this to display the close button of the panel
  79. <button class="kt-aside-close " id="kt_aside_close_btn"><i class="la la-close"></i></button>
  80. -->
  81.                 <div class="kt-aside  kt-aside--fixed  kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop" id="kt_aside">
  82.  
  83.                     <!-- begin:: Aside -->
  84.                     <div class="kt-aside__brand kt-grid__item " id="kt_aside_brand">
  85.                         <div class="kt-aside__brand-logo">
  86.                             <a href="index.html">
  87.                                 <img alt="Logo" src="assets/media/logos/logo-light.png" />
  88.                             </a>
  89.                         </div>
  90.                         <div class="kt-aside__brand-tools">
  91.                             <button class="kt-aside__brand-aside-toggler" id="kt_aside_toggler">
  92.                                 <span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
  93.                                         <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  94.                                             <polygon points="0 0 24 0 24 24 0 24" />
  95.                                             <path d="M5.29288961,6.70710318 C4.90236532,6.31657888 4.90236532,5.68341391 5.29288961,5.29288961 C5.68341391,4.90236532 6.31657888,4.90236532 6.70710318,5.29288961 L12.7071032,11.2928896 C13.0856821,11.6714686 13.0989277,12.281055 12.7371505,12.675721 L7.23715054,18.675721 C6.86395813,19.08284 6.23139076,19.1103429 5.82427177,18.7371505 C5.41715278,18.3639581 5.38964985,17.7313908 5.76284226,17.3242718 L10.6158586,12.0300721 L5.29288961,6.70710318 Z" fill="#000000" fill-rule="nonzero" transform="translate(8.999997, 11.999999) scale(-1, 1) translate(-8.999997, -11.999999) " />
  96.                                             <path d="M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999) " />
  97.                                         </g>
  98.                                     </svg></span>
  99.                                 <span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
  100.                                         <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  101.                                             <polygon points="0 0 24 0 24 24 0 24" />
  102.                                             <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z" fill="#000000" fill-rule="nonzero" />
  103.                                             <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) " />
  104.                                         </g>
  105.                                     </svg></span>
  106.                             </button>
  107.  
  108.                             <!--
  109.             <button class="kt-aside__brand-aside-toggler kt-aside__brand-aside-toggler--left" id="kt_aside_toggler"><span></span></button>
  110.             -->
  111.                         </div>
  112.                     </div>
  113.  
  114.                     <!-- end:: Aside -->
  115.  
  116.                     <!-- begin:: Aside Menu -->
  117.                     <div class="kt-aside-menu-wrapper kt-grid__item kt-grid__item--fluid" id="kt_aside_menu_wrapper">
  118.                         <div id="kt_aside_menu" class="kt-aside-menu " data-ktmenu-vertical="1" data-ktmenu-scroll="1" data-ktmenu-dropdown-timeout="500">
  119.                             <ul class="kt-menu__nav ">
  120.                                 <li class="kt-menu__item  kt-menu__item--active" aria-haspopup="true"><a href="/" class="kt-menu__link "><span class="kt-menu__link-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
  121.                                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  122.                                                     <polygon points="0 0 24 0 24 24 0 24" />
  123.                                                     <path d="M12.9336061,16.072447 L19.36,10.9564761 L19.5181585,10.8312381 C20.1676248,10.3169571 20.2772143,9.3735535 19.7629333,8.72408713 C19.6917232,8.63415859 19.6104327,8.55269514 19.5206557,8.48129411 L12.9336854,3.24257445 C12.3871201,2.80788259 11.6128799,2.80788259 11.0663146,3.24257445 L4.47482784,8.48488609 C3.82645598,9.00054628 3.71887192,9.94418071 4.23453211,10.5925526 C4.30500305,10.6811601 4.38527899,10.7615046 4.47382636,10.8320511 L4.63,10.9564761 L11.0659024,16.0730648 C11.6126744,16.5077525 12.3871218,16.5074963 12.9336061,16.072447 Z" fill="#000000" fill-rule="nonzero" />
  124.                                                     <path d="M11.0563554,18.6706981 L5.33593024,14.122919 C4.94553994,13.8125559 4.37746707,13.8774308 4.06710397,14.2678211 C4.06471678,14.2708238 4.06234874,14.2738418 4.06,14.2768747 L4.06,14.2768747 C3.75257288,14.6738539 3.82516916,15.244888 4.22214834,15.5523151 C4.22358765,15.5534297 4.2250303,15.55454 4.22647627,15.555646 L11.0872776,20.8031356 C11.6250734,21.2144692 12.371757,21.2145375 12.909628,20.8033023 L19.7677785,15.559828 C20.1693192,15.2528257 20.2459576,14.6784381 19.9389553,14.2768974 C19.9376429,14.2751809 19.9363245,14.2734691 19.935,14.2717619 L19.935,14.2717619 C19.6266937,13.8743807 19.0546209,13.8021712 18.6572397,14.1104775 C18.654352,14.112718 18.6514778,14.1149757 18.6486172,14.1172508 L12.9235044,18.6705218 C12.377022,19.1051477 11.6029199,19.1052208 11.0563554,18.6706981 Z" fill="#000000" opacity="0.3" />
  125.                                                 </g>
  126.                                             </svg></span><span class="kt-menu__link-text">{{ antl.formatMessage('menu.places') }}</span></a></li>
  127.                                 <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover"><a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
  128.                                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  129.                                                     <rect x="0" y="0" width="24" height="24" />
  130.                                                     <path d="M5,5 L5,15 C5,15.5948613 5.25970314,16.1290656 5.6719139,16.4954176 C5.71978107,16.5379595 5.76682388,16.5788906 5.81365532,16.6178662 C5.82524933,16.6294602 15,7.45470952 15,7.45470952 C15,6.9962515 15,6.17801499 15,5 L5,5 Z M5,3 L15,3 C16.1045695,3 17,3.8954305 17,5 L17,15 C17,17.209139 15.209139,19 13,19 L7,19 C4.790861,19 3,17.209139 3,15 L3,5 C3,3.8954305 3.8954305,3 5,3 Z" fill="#000000" fill-rule="nonzero" transform="translate(10.000000, 11.000000) rotate(-315.000000) translate(-10.000000, -11.000000) " />
  131.                                                     <path d="M20,22 C21.6568542,22 23,20.6568542 23,19 C23,17.8954305 22,16.2287638 20,14 C18,16.2287638 17,17.8954305 17,19 C17,20.6568542 18.3431458,22 20,22 Z" fill="#000000" opacity="0.3" />
  132.                                                 </g>
  133.                                             </svg></span><span class="kt-menu__link-text">Group category</span><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
  134.                                     <div class="kt-menu__submenu "><span class="kt-menu__arrow"></span>
  135.                                         <ul class="kt-menu__subnav">
  136.                                             <li class="kt-menu__item  kt-menu__item--parent" aria-haspopup="true"><span class="kt-menu__link"><span class="kt-menu__link-text">Skins</span></span></li>
  137.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="/" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span class="kt-menu__link-text">{{ antl.formatMessage('menu.menus') }}</span></a></li>
  138.                                         </ul>
  139.                                     </div>
  140.                                 </li>
  141.                                 <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover"><a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
  142.                                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  143.                                                     <rect x="0" y="0" width="24" height="24" />
  144.                                                     <path d="M5,5 L5,15 C5,15.5948613 5.25970314,16.1290656 5.6719139,16.4954176 C5.71978107,16.5379595 5.76682388,16.5788906 5.81365532,16.6178662 C5.82524933,16.6294602 15,7.45470952 15,7.45470952 C15,6.9962515 15,6.17801499 15,5 L5,5 Z M5,3 L15,3 C16.1045695,3 17,3.8954305 17,5 L17,15 C17,17.209139 15.209139,19 13,19 L7,19 C4.790861,19 3,17.209139 3,15 L3,5 C3,3.8954305 3.8954305,3 5,3 Z" fill="#000000" fill-rule="nonzero" transform="translate(10.000000, 11.000000) rotate(-315.000000) translate(-10.000000, -11.000000) " />
  145.                                                     <path d="M20,22 C21.6568542,22 23,20.6568542 23,19 C23,17.8954305 22,16.2287638 20,14 C18,16.2287638 17,17.8954305 17,19 C17,20.6568542 18.3431458,22 20,22 Z" fill="#000000" opacity="0.3" />
  146.                                                 </g>
  147.                                             </svg></span><span class="kt-menu__link-text">Children</span><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
  148.                                     <div class="kt-menu__submenu "><span class="kt-menu__arrow"></span>
  149.                                         <ul class="kt-menu__subnav">
  150.                                             <li class="kt-menu__item  kt-menu__item--parent" aria-haspopup="true"><span class="kt-menu__link"><span class="kt-menu__link-text">Skins</span></span></li>
  151.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="/" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span class="kt-menu__link-text">{{ antl.formatMessage('menu.menus') }}</span></a></li>
  152.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="/" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span class="kt-menu__link-text">{{ antl.formatMessage('menu.categories') }}</span></a></li>
  153.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="/" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span class="kt-menu__link-text">{{ antl.formatMessage('menu.items') }}</span></a></li>
  154.                                         </ul>
  155.                                     </div>
  156.                                 </li>
  157.                                
  158.                                
  159.                             </ul>
  160.                         </div>
  161.                     </div>
  162.  
  163.                     <!-- end:: Aside Menu -->
  164.                 </div>
  165.  
  166.                 <!-- end:: Aside -->
  167.                 <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">
  168.  
  169.                     <!-- begin:: Header -->
  170.                     <div id="kt_header" class="kt-header kt-grid__item  kt-header--fixed ">
  171.  
  172.                         <!-- begin:: Header Menu -->
  173.  
  174.                         <!-- Uncomment this to display the close button of the panel
  175. <button class="kt-header-menu-wrapper-close" id="kt_header_menu_mobile_close_btn"><i class="la la-close"></i></button>
  176. -->
  177.                         <div class="kt-header-menu-wrapper" id="kt_header_menu_wrapper">
  178.                             <div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile  kt-header-menu--layout-default ">
  179.                                
  180.                             </div>
  181.                         </div>
  182.  
  183.                         <!-- end:: Header Menu -->
  184.  
  185.                         <!-- begin:: Header Topbar -->
  186.                         <div class="kt-header__topbar">
  187.  
  188.                             <!--begin: Search -->
  189.  
  190.                             <!--begin: Search -->
  191.                             <div class="kt-header__topbar-item kt-header__topbar-item--search dropdown" id="kt_quick_search_toggle">
  192.                                 <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px">
  193.                                     <span class="kt-header__topbar-icon">
  194.                                         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
  195.                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  196.                                                 <rect x="0" y="0" width="24" height="24" />
  197.                                                 <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  198.                                                 <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero" />
  199.                                             </g>
  200.                                         </svg> </span>
  201.                                 </div>
  202.                                 <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-lg">
  203.                                     <div class="kt-quick-search kt-quick-search--dropdown kt-quick-search--result-compact" id="kt_quick_search_dropdown">
  204.                                         <form method="get" class="kt-quick-search__form">
  205.                                             <div class="input-group">
  206.                                                 <div class="input-group-prepend"><span class="input-group-text"><i class="flaticon2-search-1"></i></span></div>
  207.                                                 <input type="text" class="form-control kt-quick-search__input" placeholder="Search...">
  208.                                                 <div class="input-group-append"><span class="input-group-text"><i class="la la-close kt-quick-search__close"></i></span></div>
  209.                                             </div>
  210.                                         </form>
  211.                                         <div class="kt-quick-search__wrapper kt-scroll" data-scroll="true" data-height="325" data-mobile-height="200">
  212.                                         </div>
  213.                                     </div>
  214.                                 </div>
  215.                             </div>
  216.  
  217.                             <!--end: Search -->
  218.  
  219.                             <!--end: Search -->
  220.  
  221.                        
  222.  
  223.                             <!--begin: Language bar -->
  224.                             <div class="kt-header__topbar-item kt-header__topbar-item--langs">
  225.                                 <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px">
  226.                                     <span class="kt-header__topbar-icon">
  227.                                         <img class="" src="assets/media/flags/226-united-states.svg" alt="" />
  228.                                     </span>
  229.                                 </div>
  230.                                 <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround">
  231.                                     <ul class="kt-nav kt-margin-t-10 kt-margin-b-10">
  232.                                         <li class="kt-nav__item">
  233.                                             <a href="/switch/en" class="kt-nav__link">
  234.                                                 <span class="kt-nav__link-icon"><img src="assets/media/flags/226-united-states.svg" alt="" /></span>
  235.                                                 <span class="kt-nav__link-text">English</span>
  236.                                             </a>
  237.                                         </li>
  238.                                         {{--  kt-nav__item--active add this to be active  --}}
  239.                                         <li class="kt-nav__item">
  240.                                             <a href="/switch/it" class="kt-nav__link">
  241.                                                 <span class="kt-nav__link-icon"><img src="assets/media/flags/128-spain.svg" alt="" /></span>
  242.                                                 <span class="kt-nav__link-text">Italiano</span>
  243.                                             </a>
  244.                                         </li>
  245.                                     </ul>
  246.                                 </div>
  247.                             </div>
  248.  
  249.                             <!--end: Language bar -->
  250.  
  251.                             <!--begin: User Bar -->
  252.                             <div class="kt-header__topbar-item kt-header__topbar-item--user">
  253.                                 <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="0px,0px">
  254.                                     <div class="kt-header__topbar-user">
  255.                                         <span class="kt-header__topbar-welcome kt-hidden-mobile">Hi,</span>
  256.                                         <span class="kt-header__topbar-username kt-hidden-mobile">Sean</span>
  257.                                         <img class="kt-hidden" alt="Pic" src="assets/media/users/300_25.jpg" />
  258.  
  259.                                         <!--use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) -->
  260.                                         <span class="kt-badge kt-badge--username kt-badge--unified-success kt-badge--lg kt-badge--rounded kt-badge--bold">S</span>
  261.                                     </div>
  262.                                 </div>
  263.                                 <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround dropdown-menu-xl">
  264.  
  265.                                     <!--begin: Head -->
  266.                                     <div class="kt-user-card kt-user-card--skin-dark kt-notification-item-padding-x" style="background-image: url(assets/media/misc/bg-1.jpg)">
  267.                                         <div class="kt-user-card__avatar">
  268.                                             <img class="kt-hidden" alt="Pic" src="assets/media/users/300_25.jpg" />
  269.  
  270.                                             <!--use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) -->
  271.                                             <span class="kt-badge kt-badge--lg kt-badge--rounded kt-badge--bold kt-font-success">S</span>
  272.                                         </div>
  273.                                         <div class="kt-user-card__name">
  274.                                             Sean Stone
  275.                                         </div>
  276.                                         <div class="kt-user-card__badge">
  277.                                             <span class="btn btn-success btn-sm btn-bold btn-font-md">23 messages</span>
  278.                                         </div>
  279.                                     </div>
  280.  
  281.                                     <!--end: Head -->
  282.  
  283.                                     <!--begin: Navigation -->
  284.                                     <div class="kt-notification">
  285.                                         <div class="kt-notification__custom kt-space-between">
  286.                                             <a href="login" class="btn btn-label btn-label-brand btn-sm btn-bold">Sign Out</a>
  287.                                         </div>
  288.                                     </div>
  289.  
  290.                                     <!--end: Navigation -->
  291.                                 </div>
  292.                             </div>
  293.  
  294.                             <!--end: User Bar -->
  295.                         </div>
  296.  
  297.                         <!-- end:: Header Topbar -->
  298.                     </div>
  299.  
  300.                     <!-- end:: Header -->
  301.                     <div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
  302.  
  303.                         <!-- begin:: Content Head -->
  304.                         <div class="kt-subheader  kt-grid__item" id="kt_subheader">
  305.                             <div class="kt-container  kt-container--fluid ">
  306.                                 <div class="kt-subheader__main">
  307.                                     <h3 class="kt-subheader__title">Dashboard</h3>
  308.                                     <span class="kt-subheader__separator kt-subheader__separator--v"></span>
  309.                                     <span class="kt-subheader__desc">#XRS-45670</span>
  310.                                     <a href="#" class="btn btn-label-warning btn-bold btn-sm btn-icon-h kt-margin-l-10">
  311.                                         Add New
  312.                                     </a>
  313.                                     <div class="kt-input-icon kt-input-icon--right kt-subheader__search kt-hidden">
  314.                                         <input type="text" class="form-control" placeholder="Search order..." id="generalSearch">
  315.                                         <span class="kt-input-icon__icon kt-input-icon__icon--right">
  316.                                             <span><i class="flaticon2-search-1"></i></span>
  317.                                         </span>
  318.                                     </div>
  319.                                 </div>
  320.                                 <div class="kt-subheader__toolbar">
  321.                                     <div class="kt-subheader__wrapper">
  322.                                         <a href="#" class="btn kt-subheader__btn-secondary">Today</a>
  323.                                         <a href="#" class="btn kt-subheader__btn-secondary">Month</a>
  324.                                         <a href="#" class="btn kt-subheader__btn-secondary">Year</a>
  325.                                         <a href="#" class="btn kt-subheader__btn-daterange" id="kt_dashboard_daterangepicker" data-toggle="kt-tooltip" title="Select dashboard daterange" data-placement="left">
  326.                                             <span class="kt-subheader__btn-daterange-title" id="kt_dashboard_daterangepicker_title">Today</span>&nbsp;
  327.                                             <span class="kt-subheader__btn-daterange-date" id="kt_dashboard_daterangepicker_date">Aug 16</span>
  328.                                             <i class="flaticon2-calendar-1"></i>
  329.                                         </a>
  330.                                         <div class="dropdown dropdown-inline" data-toggle-="kt-tooltip" title="Quick actions" data-placement="left">
  331.                                             <a href="#" class="btn btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  332.                                                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon kt-svg-icon--success kt-svg-icon--md">
  333.                                                     <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  334.                                                         <polygon points="0 0 24 0 24 24 0 24" />
  335.                                                         <path d="M5.85714286,2 L13.7364114,2 C14.0910962,2 14.4343066,2.12568431 14.7051108,2.35473959 L19.4686994,6.3839416 C19.8056532,6.66894833 20,7.08787823 20,7.52920201 L20,20.0833333 C20,21.8738751 19.9795521,22 18.1428571,22 L5.85714286,22 C4.02044787,22 4,21.8738751 4,20.0833333 L4,3.91666667 C4,2.12612489 4.02044787,2 5.85714286,2 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  336.                                                         <path d="M11,14 L9,14 C8.44771525,14 8,13.5522847 8,13 C8,12.4477153 8.44771525,12 9,12 L11,12 L11,10 C11,9.44771525 11.4477153,9 12,9 C12.5522847,9 13,9.44771525 13,10 L13,12 L15,12 C15.5522847,12 16,12.4477153 16,13 C16,13.5522847 15.5522847,14 15,14 L13,14 L13,16 C13,16.5522847 12.5522847,17 12,17 C11.4477153,17 11,16.5522847 11,16 L11,14 Z" fill="#000000" />
  337.                                                     </g>
  338.                                                 </svg>
  339.  
  340.                                                 <!--<i class="flaticon2-plus"></i>-->
  341.                                             </a>
  342.                                             <div class="dropdown-menu dropdown-menu-fit dropdown-menu-md dropdown-menu-right">
  343.  
  344.                                                 <!--begin::Nav-->
  345.                                                 <ul class="kt-nav">
  346.                                                     <li class="kt-nav__head">
  347.                                                         Add anything or jump to:
  348.                                                         <i class="flaticon2-information" data-toggle="kt-tooltip" data-placement="right" title="Click to learn more..."></i>
  349.                                                     </li>
  350.                                                     <li class="kt-nav__separator"></li>
  351.                                                     <li class="kt-nav__item">
  352.                                                         <a href="#" class="kt-nav__link">
  353.                                                             <i class="kt-nav__link-icon flaticon2-drop"></i>
  354.                                                             <span class="kt-nav__link-text">Order</span>
  355.                                                         </a>
  356.                                                     </li>
  357.                                                     <li class="kt-nav__item">
  358.                                                         <a href="#" class="kt-nav__link">
  359.                                                             <i class="kt-nav__link-icon flaticon2-calendar-8"></i>
  360.                                                             <span class="kt-nav__link-text">Ticket</span>
  361.                                                         </a>
  362.                                                     </li>
  363.                                                     <li class="kt-nav__item">
  364.                                                         <a href="#" class="kt-nav__link">
  365.                                                             <i class="kt-nav__link-icon flaticon2-telegram-logo"></i>
  366.                                                             <span class="kt-nav__link-text">Goal</span>
  367.                                                         </a>
  368.                                                     </li>
  369.                                                     <li class="kt-nav__item">
  370.                                                         <a href="#" class="kt-nav__link">
  371.                                                             <i class="kt-nav__link-icon flaticon2-new-email"></i>
  372.                                                             <span class="kt-nav__link-text">Support Case</span>
  373.                                                             <span class="kt-nav__link-badge">
  374.                                                                 <span class="kt-badge kt-badge--brand kt-badge--rounded">5</span>
  375.                                                             </span>
  376.                                                         </a>
  377.                                                     </li>
  378.                                                     <li class="kt-nav__separator"></li>
  379.                                                     <li class="kt-nav__foot">
  380.                                                         <a class="btn btn-label-brand btn-bold btn-sm" href="#">Upgrade plan</a>
  381.                                                         <a class="btn btn-clean btn-bold btn-sm kt-hidden" href="#" data-toggle="kt-tooltip" data-placement="right" title="Click to learn more...">Learn more</a>
  382.                                                     </li>
  383.                                                 </ul>
  384.  
  385.                                                 <!--end::Nav-->
  386.                                             </div>
  387.                                         </div>
  388.                                     </div>
  389.                                 </div>
  390.                             </div>
  391.                         </div>
  392.  
  393.                         <!-- end:: Content Head -->
  394.  
  395.                         <!-- begin:: Content -->
  396.                         <h1>Content here</h1>
  397.  
  398.                         <!-- end:: Content -->
  399.                     </div>
  400.  
  401.                     <!-- begin:: Footer -->
  402.                     <div class="kt-footer  kt-grid__item kt-grid kt-grid--desktop kt-grid--ver-desktop" id="kt_footer">
  403.                         <div class="kt-container  kt-container--fluid ">
  404.                             <div class="kt-footer__copyright">
  405.                                 2020&nbsp;&copy;&nbsp;<a href="http://keenthemes.com/metronic" target="_blank" class="kt-link">Keenthemes</a>
  406.                             </div>
  407.                             <div class="kt-footer__menu">
  408.                                 <a href="http://keenthemes.com/metronic" target="_blank" class="kt-footer__menu-link kt-link">About</a>
  409.                                 <a href="http://keenthemes.com/metronic" target="_blank" class="kt-footer__menu-link kt-link">Team</a>
  410.                                 <a href="http://keenthemes.com/metronic" target="_blank" class="kt-footer__menu-link kt-link">Contact</a>
  411.                             </div>
  412.                         </div>
  413.                     </div>
  414.  
  415.                     <!-- end:: Footer -->
  416.                 </div>
  417.             </div>
  418.         </div>
  419.  
  420.         <!-- end:: Page -->
  421.  
  422.         <!-- begin::Quick Panel -->
  423.         <div id="kt_quick_panel" class="kt-quick-panel">
  424.             <a href="#" class="kt-quick-panel__close" id="kt_quick_panel_close_btn"><i class="flaticon2-delete"></i></a>
  425.             <div class="kt-quick-panel__nav">
  426.                 <ul class="nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand  kt-notification-item-padding-x" role="tablist">
  427.                     <li class="nav-item active">
  428.                         <a class="nav-link active" data-toggle="tab" href="#kt_quick_panel_tab_notifications" role="tab">Notifications</a>
  429.                     </li>
  430.                     <li class="nav-item">
  431.                         <a class="nav-link" data-toggle="tab" href="#kt_quick_panel_tab_logs" role="tab">Audit Logs</a>
  432.                     </li>
  433.                     <li class="nav-item">
  434.                         <a class="nav-link" data-toggle="tab" href="#kt_quick_panel_tab_settings" role="tab">Settings</a>
  435.                     </li>
  436.                 </ul>
  437.             </div>
  438.             <div class="kt-quick-panel__content">
  439.                 <div class="tab-content">
  440.                     <div class="tab-pane fade show kt-scroll active" id="kt_quick_panel_tab_notifications" role="tabpanel">
  441.                         <div class="kt-notification">
  442.                             <a href="#" class="kt-notification__item">
  443.                                 <div class="kt-notification__item-icon">
  444.                                     <i class="flaticon2-line-chart kt-font-success"></i>
  445.                                 </div>
  446.                                 <div class="kt-notification__item-details">
  447.                                     <div class="kt-notification__item-title">
  448.                                         New order has been received
  449.                                     </div>
  450.                                     <div class="kt-notification__item-time">
  451.                                         2 hrs ago
  452.                                     </div>
  453.                                 </div>
  454.                             </a>
  455.                             <a href="#" class="kt-notification__item">
  456.                                 <div class="kt-notification__item-icon">
  457.                                     <i class="flaticon2-box-1 kt-font-brand"></i>
  458.                                 </div>
  459.                                 <div class="kt-notification__item-details">
  460.                                     <div class="kt-notification__item-title">
  461.                                         New customer is registered
  462.                                     </div>
  463.                                     <div class="kt-notification__item-time">
  464.                                         3 hrs ago
  465.                                     </div>
  466.                                 </div>
  467.                             </a>
  468.                             <a href="#" class="kt-notification__item">
  469.                                 <div class="kt-notification__item-icon">
  470.                                     <i class="flaticon2-chart2 kt-font-danger"></i>
  471.                                 </div>
  472.                                 <div class="kt-notification__item-details">
  473.                                     <div class="kt-notification__item-title">
  474.                                         Application has been approved
  475.                                     </div>
  476.                                     <div class="kt-notification__item-time">
  477.                                         3 hrs ago
  478.                                     </div>
  479.                                 </div>
  480.                             </a>
  481.                             <a href="#" class="kt-notification__item">
  482.                                 <div class="kt-notification__item-icon">
  483.                                     <i class="flaticon2-image-file kt-font-warning"></i>
  484.                                 </div>
  485.                                 <div class="kt-notification__item-details">
  486.                                     <div class="kt-notification__item-title">
  487.                                         New file has been uploaded
  488.                                     </div>
  489.                                     <div class="kt-notification__item-time">
  490.                                         5 hrs ago
  491.                                     </div>
  492.                                 </div>
  493.                             </a>
  494.                             <a href="#" class="kt-notification__item">
  495.                                 <div class="kt-notification__item-icon">
  496.                                     <i class="flaticon2-drop kt-font-info"></i>
  497.                                 </div>
  498.                                 <div class="kt-notification__item-details">
  499.                                     <div class="kt-notification__item-title">
  500.                                         New user feedback received
  501.                                     </div>
  502.                                     <div class="kt-notification__item-time">
  503.                                         8 hrs ago
  504.                                     </div>
  505.                                 </div>
  506.                             </a>
  507.                             <a href="#" class="kt-notification__item">
  508.                                 <div class="kt-notification__item-icon">
  509.                                     <i class="flaticon2-pie-chart-2 kt-font-success"></i>
  510.                                 </div>
  511.                                 <div class="kt-notification__item-details">
  512.                                     <div class="kt-notification__item-title">
  513.                                         System reboot has been successfully completed
  514.                                     </div>
  515.                                     <div class="kt-notification__item-time">
  516.                                         12 hrs ago
  517.                                     </div>
  518.                                 </div>
  519.                             </a>
  520.                             <a href="#" class="kt-notification__item">
  521.                                 <div class="kt-notification__item-icon">
  522.                                     <i class="flaticon2-favourite kt-font-danger"></i>
  523.                                 </div>
  524.                                 <div class="kt-notification__item-details">
  525.                                     <div class="kt-notification__item-title">
  526.                                         New order has been placed
  527.                                     </div>
  528.                                     <div class="kt-notification__item-time">
  529.                                         15 hrs ago
  530.                                     </div>
  531.                                 </div>
  532.                             </a>
  533.                             <a href="#" class="kt-notification__item kt-notification__item--read">
  534.                                 <div class="kt-notification__item-icon">
  535.                                     <i class="flaticon2-safe kt-font-primary"></i>
  536.                                 </div>
  537.                                 <div class="kt-notification__item-details">
  538.                                     <div class="kt-notification__item-title">
  539.                                         Company meeting canceled
  540.                                     </div>
  541.                                     <div class="kt-notification__item-time">
  542.                                         19 hrs ago
  543.                                     </div>
  544.                                 </div>
  545.                             </a>
  546.                             <a href="#" class="kt-notification__item">
  547.                                 <div class="kt-notification__item-icon">
  548.                                     <i class="flaticon2-psd kt-font-success"></i>
  549.                                 </div>
  550.                                 <div class="kt-notification__item-details">
  551.                                     <div class="kt-notification__item-title">
  552.                                         New report has been received
  553.                                     </div>
  554.                                     <div class="kt-notification__item-time">
  555.                                         23 hrs ago
  556.                                     </div>
  557.                                 </div>
  558.                             </a>
  559.                             <a href="#" class="kt-notification__item">
  560.                                 <div class="kt-notification__item-icon">
  561.                                     <i class="flaticon-download-1 kt-font-danger"></i>
  562.                                 </div>
  563.                                 <div class="kt-notification__item-details">
  564.                                     <div class="kt-notification__item-title">
  565.                                         Finance report has been generated
  566.                                     </div>
  567.                                     <div class="kt-notification__item-time">
  568.                                         25 hrs ago
  569.                                     </div>
  570.                                 </div>
  571.                             </a>
  572.                             <a href="#" class="kt-notification__item">
  573.                                 <div class="kt-notification__item-icon">
  574.                                     <i class="flaticon-security kt-font-warning"></i>
  575.                                 </div>
  576.                                 <div class="kt-notification__item-details">
  577.                                     <div class="kt-notification__item-title">
  578.                                         New customer comment recieved
  579.                                     </div>
  580.                                     <div class="kt-notification__item-time">
  581.                                         2 days ago
  582.                                     </div>
  583.                                 </div>
  584.                             </a>
  585.                             <a href="#" class="kt-notification__item">
  586.                                 <div class="kt-notification__item-icon">
  587.                                     <i class="flaticon2-pie-chart kt-font-warning"></i>
  588.                                 </div>
  589.                                 <div class="kt-notification__item-details">
  590.                                     <div class="kt-notification__item-title">
  591.                                         New customer is registered
  592.                                     </div>
  593.                                     <div class="kt-notification__item-time">
  594.                                         3 days ago
  595.                                     </div>
  596.                                 </div>
  597.                             </a>
  598.                         </div>
  599.                     </div>
  600.                     <div class="tab-pane fade kt-scroll" id="kt_quick_panel_tab_logs" role="tabpanel">
  601.                         <div class="kt-notification-v2">
  602.                             <a href="#" class="kt-notification-v2__item">
  603.                                 <div class="kt-notification-v2__item-icon">
  604.                                     <i class="flaticon-bell kt-font-brand"></i>
  605.                                 </div>
  606.                                 <div class="kt-notification-v2__itek-wrapper">
  607.                                     <div class="kt-notification-v2__item-title">
  608.                                         5 new user generated report
  609.                                     </div>
  610.                                     <div class="kt-notification-v2__item-desc">
  611.                                         Reports based on sales
  612.                                     </div>
  613.                                 </div>
  614.                             </a>
  615.                             <a href="#" class="kt-notification-v2__item">
  616.                                 <div class="kt-notification-v2__item-icon">
  617.                                     <i class="flaticon2-box kt-font-danger"></i>
  618.                                 </div>
  619.                                 <div class="kt-notification-v2__itek-wrapper">
  620.                                     <div class="kt-notification-v2__item-title">
  621.                                         2 new items submited
  622.                                     </div>
  623.                                     <div class="kt-notification-v2__item-desc">
  624.                                         by Grog John
  625.                                     </div>
  626.                                 </div>
  627.                             </a>
  628.                             <a href="#" class="kt-notification-v2__item">
  629.                                 <div class="kt-notification-v2__item-icon">
  630.                                     <i class="flaticon-psd kt-font-brand"></i>
  631.                                 </div>
  632.                                 <div class="kt-notification-v2__itek-wrapper">
  633.                                     <div class="kt-notification-v2__item-title">
  634.                                         79 PSD files generated
  635.                                     </div>
  636.                                     <div class="kt-notification-v2__item-desc">
  637.                                         Reports based on sales
  638.                                     </div>
  639.                                 </div>
  640.                             </a>
  641.                             <a href="#" class="kt-notification-v2__item">
  642.                                 <div class="kt-notification-v2__item-icon">
  643.                                     <i class="flaticon2-supermarket kt-font-warning"></i>
  644.                                 </div>
  645.                                 <div class="kt-notification-v2__itek-wrapper">
  646.                                     <div class="kt-notification-v2__item-title">
  647.                                         $2900 worth producucts sold
  648.                                     </div>
  649.                                     <div class="kt-notification-v2__item-desc">
  650.                                         Total 234 items
  651.                                     </div>
  652.                                 </div>
  653.                             </a>
  654.                             <a href="#" class="kt-notification-v2__item">
  655.                                 <div class="kt-notification-v2__item-icon">
  656.                                     <i class="flaticon-paper-plane-1 kt-font-success"></i>
  657.                                 </div>
  658.                                 <div class="kt-notification-v2__itek-wrapper">
  659.                                     <div class="kt-notification-v2__item-title">
  660.                                         4.5h-avarage response time
  661.                                     </div>
  662.                                     <div class="kt-notification-v2__item-desc">
  663.                                         Fostest is Barry
  664.                                     </div>
  665.                                 </div>
  666.                             </a>
  667.                             <a href="#" class="kt-notification-v2__item">
  668.                                 <div class="kt-notification-v2__item-icon">
  669.                                     <i class="flaticon2-information kt-font-danger"></i>
  670.                                 </div>
  671.                                 <div class="kt-notification-v2__itek-wrapper">
  672.                                     <div class="kt-notification-v2__item-title">
  673.                                         Database server is down
  674.                                     </div>
  675.                                     <div class="kt-notification-v2__item-desc">
  676.                                         10 mins ago
  677.                                     </div>
  678.                                 </div>
  679.                             </a>
  680.                             <a href="#" class="kt-notification-v2__item">
  681.                                 <div class="kt-notification-v2__item-icon">
  682.                                     <i class="flaticon2-mail-1 kt-font-brand"></i>
  683.                                 </div>
  684.                                 <div class="kt-notification-v2__itek-wrapper">
  685.                                     <div class="kt-notification-v2__item-title">
  686.                                         System report has been generated
  687.                                     </div>
  688.                                     <div class="kt-notification-v2__item-desc">
  689.                                         Fostest is Barry
  690.                                     </div>
  691.                                 </div>
  692.                             </a>
  693.                             <a href="#" class="kt-notification-v2__item">
  694.                                 <div class="kt-notification-v2__item-icon">
  695.                                     <i class="flaticon2-hangouts-logo kt-font-warning"></i>
  696.                                 </div>
  697.                                 <div class="kt-notification-v2__itek-wrapper">
  698.                                     <div class="kt-notification-v2__item-title">
  699.                                         4.5h-avarage response time
  700.                                     </div>
  701.                                     <div class="kt-notification-v2__item-desc">
  702.                                         Fostest is Barry
  703.                                     </div>
  704.                                 </div>
  705.                             </a>
  706.                         </div>
  707.                     </div>
  708.                     <div class="tab-pane kt-quick-panel__content-padding-x fade kt-scroll" id="kt_quick_panel_tab_settings" role="tabpanel">
  709.                         <form class="kt-form">
  710.                             <div class="kt-heading kt-heading--sm kt-heading--space-sm">Customer Care</div>
  711.                             <div class="form-group form-group-xs row">
  712.                                 <label class="col-8 col-form-label">Enable Notifications:</label>
  713.                                 <div class="col-4 kt-align-right">
  714.                                     <span class="kt-switch kt-switch--success kt-switch--sm">
  715.                                         <label>
  716.                                             <input type="checkbox" checked="checked" name="quick_panel_notifications_1">
  717.                                             <span></span>
  718.                                         </label>
  719.                                     </span>
  720.                                 </div>
  721.                             </div>
  722.                             <div class="form-group form-group-xs row">
  723.                                 <label class="col-8 col-form-label">Enable Case Tracking:</label>
  724.                                 <div class="col-4 kt-align-right">
  725.                                     <span class="kt-switch kt-switch--success kt-switch--sm">
  726.                                         <label>
  727.                                             <input type="checkbox" name="quick_panel_notifications_2">
  728.                                             <span></span>
  729.                                         </label>
  730.                                     </span>
  731.                                 </div>
  732.                             </div>
  733.                             <div class="form-group form-group-last form-group-xs row">
  734.                                 <label class="col-8 col-form-label">Support Portal:</label>
  735.                                 <div class="col-4 kt-align-right">
  736.                                     <span class="kt-switch kt-switch--success kt-switch--sm">
  737.                                         <label>
  738.                                             <input type="checkbox" checked="checked" name="quick_panel_notifications_2">
  739.                                             <span></span>
  740.                                         </label>
  741.                                     </span>
  742.                                 </div>
  743.                             </div>
  744.                             <div class="kt-separator kt-separator--space-md kt-separator--border-dashed"></div>
  745.                             <div class="kt-heading kt-heading--sm kt-heading--space-sm">Reports</div>
  746.                             <div class="form-group form-group-xs row">
  747.                                 <label class="col-8 col-form-label">Generate Reports:</label>
  748.                                 <div class="col-4 kt-align-right">
  749.                                     <span class="kt-switch kt-switch--sm kt-switch--danger">
  750.                                         <label>
  751.                                             <input type="checkbox" checked="checked" name="quick_panel_notifications_3">
  752.                                             <span></span>
  753.                                         </label>
  754.                                     </span>
  755.                                 </div>
  756.                             </div>
  757.                             <div class="form-group form-group-xs row">
  758.                                 <label class="col-8 col-form-label">Enable Report Export:</label>
  759.                                 <div class="col-4 kt-align-right">
  760.                                     <span class="kt-switch kt-switch--sm kt-switch--danger">
  761.                                         <label>
  762.                                             <input type="checkbox" name="quick_panel_notifications_3">
  763.                                             <span></span>
  764.                                         </label>
  765.                                     </span>
  766.                                 </div>
  767.                             </div>
  768.                             <div class="form-group form-group-last form-group-xs row">
  769.                                 <label class="col-8 col-form-label">Allow Data Collection:</label>
  770.                                 <div class="col-4 kt-align-right">
  771.                                     <span class="kt-switch kt-switch--sm kt-switch--danger">
  772.                                         <label>
  773.                                             <input type="checkbox" checked="checked" name="quick_panel_notifications_4">
  774.                                             <span></span>
  775.                                         </label>
  776.                                     </span>
  777.                                 </div>
  778.                             </div>
  779.                             <div class="kt-separator kt-separator--space-md kt-separator--border-dashed"></div>
  780.                             <div class="kt-heading kt-heading--sm kt-heading--space-sm">Memebers</div>
  781.                             <div class="form-group form-group-xs row">
  782.                                 <label class="col-8 col-form-label">Enable Member singup:</label>
  783.                                 <div class="col-4 kt-align-right">
  784.                                     <span class="kt-switch kt-switch--sm kt-switch--brand">
  785.                                         <label>
  786.                                             <input type="checkbox" checked="checked" name="quick_panel_notifications_5">
  787.                                             <span></span>
  788.                                         </label>
  789.                                     </span>
  790.                                 </div>
  791.                             </div>
  792.                             <div class="form-group form-group-xs row">
  793.                                 <label class="col-8 col-form-label">Allow User Feedbacks:</label>
  794.                                 <div class="col-4 kt-align-right">
  795.                                     <span class="kt-switch kt-switch--sm kt-switch--brand">
  796.                                         <label>
  797.                                             <input type="checkbox" name="quick_panel_notifications_5">
  798.                                             <span></span>
  799.                                         </label>
  800.                                     </span>
  801.                                 </div>
  802.                             </div>
  803.                             <div class="form-group form-group-last form-group-xs row">
  804.                                 <label class="col-8 col-form-label">Enable Customer Portal:</label>
  805.                                 <div class="col-4 kt-align-right">
  806.                                     <span class="kt-switch kt-switch--sm kt-switch--brand">
  807.                                         <label>
  808.                                             <input type="checkbox" checked="checked" name="quick_panel_notifications_6">
  809.                                             <span></span>
  810.                                         </label>
  811.                                     </span>
  812.                                 </div>
  813.                             </div>
  814.                         </form>
  815.                     </div>
  816.                 </div>
  817.             </div>
  818.         </div>
  819.  
  820.         <!-- end::Quick Panel -->
  821.  
  822.         <!-- begin::Scrolltop -->
  823.         <div id="kt_scrolltop" class="kt-scrolltop">
  824.             <i class="fa fa-arrow-up"></i>
  825.         </div>
  826.  
  827.         <!-- end::Scrolltop -->
  828.  
  829.         <!-- begin::Demo Panel -->
  830.         <div id="kt_demo_panel" class="kt-demo-panel">
  831.             <div class="kt-demo-panel__head">
  832.                 <h3 class="kt-demo-panel__title">
  833.                     Select A Demo
  834.  
  835.                     <!--<small>5</small>-->
  836.                 </h3>
  837.                 <a href="#" class="kt-demo-panel__close" id="kt_demo_panel_close"><i class="flaticon2-delete"></i></a>
  838.             </div>
  839.             <div class="kt-demo-panel__body">
  840.                 <div class="kt-demo-panel__item kt-demo-panel__item--active">
  841.                     <div class="kt-demo-panel__item-title">
  842.                         Demo 1
  843.                     </div>
  844.                     <div class="kt-demo-panel__item-preview">
  845.                         <img src="assets/media//demos/preview/demo1.jpg" alt="" />
  846.                         <div class="kt-demo-panel__item-preview-overlay">
  847.                             <a href="https://keenthemes.com/metronic/preview/demo1/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  848.                             <a href="https://keenthemes.com/metronic/preview/demo1/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  849.                         </div>
  850.                     </div>
  851.                 </div>
  852.                 <div class="kt-demo-panel__item ">
  853.                     <div class="kt-demo-panel__item-title">
  854.                         Demo 2
  855.                     </div>
  856.                     <div class="kt-demo-panel__item-preview">
  857.                         <img src="assets/media//demos/preview/demo2.jpg" alt="" />
  858.                         <div class="kt-demo-panel__item-preview-overlay">
  859.                             <a href="https://keenthemes.com/metronic/preview/demo2/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  860.                             <a href="https://keenthemes.com/metronic/preview/demo2/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  861.                         </div>
  862.                     </div>
  863.                 </div>
  864.                 <div class="kt-demo-panel__item ">
  865.                     <div class="kt-demo-panel__item-title">
  866.                         Demo 3
  867.                     </div>
  868.                     <div class="kt-demo-panel__item-preview">
  869.                         <img src="assets/media//demos/preview/demo3.jpg" alt="" />
  870.                         <div class="kt-demo-panel__item-preview-overlay">
  871.                             <a href="https://keenthemes.com/metronic/preview/demo3/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  872.                             <a href="https://keenthemes.com/metronic/preview/demo3/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  873.                         </div>
  874.                     </div>
  875.                 </div>
  876.                 <div class="kt-demo-panel__item ">
  877.                     <div class="kt-demo-panel__item-title">
  878.                         Demo 4
  879.                     </div>
  880.                     <div class="kt-demo-panel__item-preview">
  881.                         <img src="assets/media//demos/preview/demo4.jpg" alt="" />
  882.                         <div class="kt-demo-panel__item-preview-overlay">
  883.                             <a href="https://keenthemes.com/metronic/preview/demo4/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  884.                             <a href="https://keenthemes.com/metronic/preview/demo4/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  885.                         </div>
  886.                     </div>
  887.                 </div>
  888.                 <div class="kt-demo-panel__item ">
  889.                     <div class="kt-demo-panel__item-title">
  890.                         Demo 5
  891.                     </div>
  892.                     <div class="kt-demo-panel__item-preview">
  893.                         <img src="assets/media//demos/preview/demo5.jpg" alt="" />
  894.                         <div class="kt-demo-panel__item-preview-overlay">
  895.                             <a href="https://keenthemes.com/metronic/preview/demo5/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  896.                             <a href="https://keenthemes.com/metronic/preview/demo5/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  897.                         </div>
  898.                     </div>
  899.                 </div>
  900.                 <div class="kt-demo-panel__item ">
  901.                     <div class="kt-demo-panel__item-title">
  902.                         Demo 6
  903.                     </div>
  904.                     <div class="kt-demo-panel__item-preview">
  905.                         <img src="assets/media//demos/preview/demo6.jpg" alt="" />
  906.                         <div class="kt-demo-panel__item-preview-overlay">
  907.                             <a href="https://keenthemes.com/metronic/preview/demo6/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  908.                             <a href="https://keenthemes.com/metronic/preview/demo6/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  909.                         </div>
  910.                     </div>
  911.                 </div>
  912.                 <div class="kt-demo-panel__item ">
  913.                     <div class="kt-demo-panel__item-title">
  914.                         Demo 7
  915.                     </div>
  916.                     <div class="kt-demo-panel__item-preview">
  917.                         <img src="assets/media//demos/preview/demo7.jpg" alt="" />
  918.                         <div class="kt-demo-panel__item-preview-overlay">
  919.                             <a href="https://keenthemes.com/metronic/preview/demo7/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  920.                             <a href="https://keenthemes.com/metronic/preview/demo7/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  921.                         </div>
  922.                     </div>
  923.                 </div>
  924.                 <div class="kt-demo-panel__item ">
  925.                     <div class="kt-demo-panel__item-title">
  926.                         Demo 8
  927.                     </div>
  928.                     <div class="kt-demo-panel__item-preview">
  929.                         <img src="assets/media//demos/preview/demo8.jpg" alt="" />
  930.                         <div class="kt-demo-panel__item-preview-overlay">
  931.                             <a href="https://keenthemes.com/metronic/preview/demo8/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  932.                             <a href="https://keenthemes.com/metronic/preview/demo8/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  933.                         </div>
  934.                     </div>
  935.                 </div>
  936.                 <div class="kt-demo-panel__item ">
  937.                     <div class="kt-demo-panel__item-title">
  938.                         Demo 9
  939.                     </div>
  940.                     <div class="kt-demo-panel__item-preview">
  941.                         <img src="assets/media//demos/preview/demo9.jpg" alt="" />
  942.                         <div class="kt-demo-panel__item-preview-overlay">
  943.                             <a href="https://keenthemes.com/metronic/preview/demo9/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  944.                             <a href="https://keenthemes.com/metronic/preview/demo9/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  945.                         </div>
  946.                     </div>
  947.                 </div>
  948.                 <div class="kt-demo-panel__item ">
  949.                     <div class="kt-demo-panel__item-title">
  950.                         Demo 10
  951.                     </div>
  952.                     <div class="kt-demo-panel__item-preview">
  953.                         <img src="assets/media//demos/preview/demo10.jpg" alt="" />
  954.                         <div class="kt-demo-panel__item-preview-overlay">
  955.                             <a href="https://keenthemes.com/metronic/preview/demo10/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  956.                             <a href="https://keenthemes.com/metronic/preview/demo10/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  957.                         </div>
  958.                     </div>
  959.                 </div>
  960.                 <div class="kt-demo-panel__item ">
  961.                     <div class="kt-demo-panel__item-title">
  962.                         Demo 11
  963.                     </div>
  964.                     <div class="kt-demo-panel__item-preview">
  965.                         <img src="assets/media//demos/preview/demo11.jpg" alt="" />
  966.                         <div class="kt-demo-panel__item-preview-overlay">
  967.                             <a href="https://keenthemes.com/metronic/preview/demo11/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  968.                             <a href="https://keenthemes.com/metronic/preview/demo11/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  969.                         </div>
  970.                     </div>
  971.                 </div>
  972.                 <div class="kt-demo-panel__item ">
  973.                     <div class="kt-demo-panel__item-title">
  974.                         Demo 12
  975.                     </div>
  976.                     <div class="kt-demo-panel__item-preview">
  977.                         <img src="assets/media//demos/preview/demo12.jpg" alt="" />
  978.                         <div class="kt-demo-panel__item-preview-overlay">
  979.                             <a href="https://keenthemes.com/metronic/preview/demo12/index.html" class="btn btn-brand btn-elevate " target="_blank">Default</a>
  980.                             <a href="https://keenthemes.com/metronic/preview/demo12/rtl/index.html" class="btn btn-light btn-elevate" target="_blank">RTL Version</a>
  981.                         </div>
  982.                     </div>
  983.                 </div>
  984.                 <div class="kt-demo-panel__item ">
  985.                     <div class="kt-demo-panel__item-title">
  986.                         Demo 13
  987.                     </div>
  988.                     <div class="kt-demo-panel__item-preview">
  989.                         <img src="assets/media//demos/preview/demo13.jpg" alt="" />
  990.                         <div class="kt-demo-panel__item-preview-overlay">
  991.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  992.                         </div>
  993.                     </div>
  994.                 </div>
  995.                 <div class="kt-demo-panel__item ">
  996.                     <div class="kt-demo-panel__item-title">
  997.                         Demo 14
  998.                     </div>
  999.                     <div class="kt-demo-panel__item-preview">
  1000.                         <img src="assets/media//demos/preview/demo14.jpg" alt="" />
  1001.                         <div class="kt-demo-panel__item-preview-overlay">
  1002.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  1003.                         </div>
  1004.                     </div>
  1005.                 </div>
  1006.                 <div class="kt-demo-panel__item ">
  1007.                     <div class="kt-demo-panel__item-title">
  1008.                         Demo 15
  1009.                     </div>
  1010.                     <div class="kt-demo-panel__item-preview">
  1011.                         <img src="assets/media//demos/preview/demo15.jpg" alt="" />
  1012.                         <div class="kt-demo-panel__item-preview-overlay">
  1013.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  1014.                         </div>
  1015.                     </div>
  1016.                 </div>
  1017.                 <div class="kt-demo-panel__item ">
  1018.                     <div class="kt-demo-panel__item-title">
  1019.                         Demo 16
  1020.                     </div>
  1021.                     <div class="kt-demo-panel__item-preview">
  1022.                         <img src="assets/media//demos/preview/demo16.jpg" alt="" />
  1023.                         <div class="kt-demo-panel__item-preview-overlay">
  1024.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  1025.                         </div>
  1026.                     </div>
  1027.                 </div>
  1028.                 <div class="kt-demo-panel__item ">
  1029.                     <div class="kt-demo-panel__item-title">
  1030.                         Demo 17
  1031.                     </div>
  1032.                     <div class="kt-demo-panel__item-preview">
  1033.                         <img src="assets/media//demos/preview/demo17.jpg" alt="" />
  1034.                         <div class="kt-demo-panel__item-preview-overlay">
  1035.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  1036.                         </div>
  1037.                     </div>
  1038.                 </div>
  1039.                 <div class="kt-demo-panel__item ">
  1040.                     <div class="kt-demo-panel__item-title">
  1041.                         Demo 18
  1042.                     </div>
  1043.                     <div class="kt-demo-panel__item-preview">
  1044.                         <img src="assets/media//demos/preview/demo18.jpg" alt="" />
  1045.                         <div class="kt-demo-panel__item-preview-overlay">
  1046.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  1047.                         </div>
  1048.                     </div>
  1049.                 </div>
  1050.                 <div class="kt-demo-panel__item ">
  1051.                     <div class="kt-demo-panel__item-title">
  1052.                         Demo 19
  1053.                     </div>
  1054.                     <div class="kt-demo-panel__item-preview">
  1055.                         <img src="assets/media//demos/preview/demo19.jpg" alt="" />
  1056.                         <div class="kt-demo-panel__item-preview-overlay">
  1057.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  1058.                         </div>
  1059.                     </div>
  1060.                 </div>
  1061.                 <div class="kt-demo-panel__item ">
  1062.                     <div class="kt-demo-panel__item-title">
  1063.                         Demo 20
  1064.                     </div>
  1065.                     <div class="kt-demo-panel__item-preview">
  1066.                         <img src="assets/media//demos/preview/demo20.jpg" alt="" />
  1067.                         <div class="kt-demo-panel__item-preview-overlay">
  1068.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  1069.                         </div>
  1070.                     </div>
  1071.                 </div>
  1072.                 <div class="kt-demo-panel__item ">
  1073.                     <div class="kt-demo-panel__item-title">
  1074.                         Demo 21
  1075.                     </div>
  1076.                     <div class="kt-demo-panel__item-preview">
  1077.                         <img src="assets/media//demos/preview/demo21.jpg" alt="" />
  1078.                         <div class="kt-demo-panel__item-preview-overlay">
  1079.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  1080.                         </div>
  1081.                     </div>
  1082.                 </div>
  1083.                 <div class="kt-demo-panel__item ">
  1084.                     <div class="kt-demo-panel__item-title">
  1085.                         Demo 22
  1086.                     </div>
  1087.                     <div class="kt-demo-panel__item-preview">
  1088.                         <img src="assets/media//demos/preview/demo22.jpg" alt="" />
  1089.                         <div class="kt-demo-panel__item-preview-overlay">
  1090.                             <a href="#" class="btn btn-brand btn-elevate disabled">Coming soon</a>
  1091.                         </div>
  1092.                     </div>
  1093.                 </div>
  1094.                 <a href="https://1.envato.market/EA4JP" target="_blank" class="kt-demo-panel__purchase btn btn-brand btn-elevate btn-bold btn-upper">
  1095.                     Buy Metronic Now!
  1096.                 </a>
  1097.             </div>
  1098.         </div>
  1099.  
  1100.         <!-- end::Demo Panel -->
  1101.  
  1102.         <!--Begin:: Chat-->
  1103.         <div class="modal fade- modal-sticky-bottom-right" id="kt_chat_modal" role="dialog" data-backdrop="false">
  1104.             <div class="modal-dialog" role="document">
  1105.                 <div class="modal-content">
  1106.                     <div class="kt-chat">
  1107.                         <div class="kt-portlet kt-portlet--last">
  1108.                             <div class="kt-portlet__head">
  1109.                                 <div class="kt-chat__head ">
  1110.                                     <div class="kt-chat__left">
  1111.                                         <div class="kt-chat__label">
  1112.                                             <a href="#" class="kt-chat__title">Jason Muller</a>
  1113.                                             <span class="kt-chat__status">
  1114.                                                 <span class="kt-badge kt-badge--dot kt-badge--success"></span> Active
  1115.                                             </span>
  1116.                                         </div>
  1117.                                     </div>
  1118.                                     <div class="kt-chat__right">
  1119.                                         <div class="dropdown dropdown-inline">
  1120.                                             <button type="button" class="btn btn-clean btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  1121.                                                 <i class="flaticon-more-1"></i>
  1122.                                             </button>
  1123.                                             <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-md">
  1124.  
  1125.                                                 <!--begin::Nav-->
  1126.                                                 <ul class="kt-nav">
  1127.                                                     <li class="kt-nav__head">
  1128.                                                         Messaging
  1129.                                                         <i class="flaticon2-information" data-toggle="kt-tooltip" data-placement="right" title="Click to learn more..."></i>
  1130.                                                     </li>
  1131.                                                     <li class="kt-nav__separator"></li>
  1132.                                                     <li class="kt-nav__item">
  1133.                                                         <a href="#" class="kt-nav__link">
  1134.                                                             <i class="kt-nav__link-icon flaticon2-group"></i>
  1135.                                                             <span class="kt-nav__link-text">New Group</span>
  1136.                                                         </a>
  1137.                                                     </li>
  1138.                                                     <li class="kt-nav__item">
  1139.                                                         <a href="#" class="kt-nav__link">
  1140.                                                             <i class="kt-nav__link-icon flaticon2-open-text-book"></i>
  1141.                                                             <span class="kt-nav__link-text">Contacts</span>
  1142.                                                             <span class="kt-nav__link-badge">
  1143.                                                                 <span class="kt-badge kt-badge--brand  kt-badge--rounded-">5</span>
  1144.                                                             </span>
  1145.                                                         </a>
  1146.                                                     </li>
  1147.                                                     <li class="kt-nav__item">
  1148.                                                         <a href="#" class="kt-nav__link">
  1149.                                                             <i class="kt-nav__link-icon flaticon2-bell-2"></i>
  1150.                                                             <span class="kt-nav__link-text">Calls</span>
  1151.                                                         </a>
  1152.                                                     </li>
  1153.                                                     <li class="kt-nav__item">
  1154.                                                         <a href="#" class="kt-nav__link">
  1155.                                                             <i class="kt-nav__link-icon flaticon2-dashboard"></i>
  1156.                                                             <span class="kt-nav__link-text">Settings</span>
  1157.                                                         </a>
  1158.                                                     </li>
  1159.                                                     <li class="kt-nav__item">
  1160.                                                         <a href="#" class="kt-nav__link">
  1161.                                                             <i class="kt-nav__link-icon flaticon2-protected"></i>
  1162.                                                             <span class="kt-nav__link-text">Help</span>
  1163.                                                         </a>
  1164.                                                     </li>
  1165.                                                     <li class="kt-nav__separator"></li>
  1166.                                                     <li class="kt-nav__foot">
  1167.                                                         <a class="btn btn-label-brand btn-bold btn-sm" href="#">Upgrade plan</a>
  1168.                                                         <a class="btn btn-clean btn-bold btn-sm" href="#" data-toggle="kt-tooltip" data-placement="right" title="Click to learn more...">Learn more</a>
  1169.                                                     </li>
  1170.                                                 </ul>
  1171.  
  1172.                                                 <!--end::Nav-->
  1173.                                             </div>
  1174.                                         </div>
  1175.                                         <button type="button" class="btn btn-clean btn-sm btn-icon" data-dismiss="modal">
  1176.                                             <i class="flaticon2-cross"></i>
  1177.                                         </button>
  1178.                                     </div>
  1179.                                 </div>
  1180.                             </div>
  1181.                             <div class="kt-portlet__body">
  1182.                                 <div class="kt-scroll kt-scroll--pull" data-height="410" data-mobile-height="225">
  1183.                                     <div class="kt-chat__messages kt-chat__messages--solid">
  1184.                                         <div class="kt-chat__message kt-chat__message--success">
  1185.                                             <div class="kt-chat__user">
  1186.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  1187.                                                     <img src="assets/media/users/100_12.jpg" alt="image">
  1188.                                                 </span>
  1189.                                                 <a href="#" class="kt-chat__username">Jason Muller</span></a>
  1190.                                                 <span class="kt-chat__datetime">2 Hours</span>
  1191.                                             </div>
  1192.                                             <div class="kt-chat__text">
  1193.                                                 How likely are you to recommend our company<br> to your friends and family?
  1194.                                             </div>
  1195.                                         </div>
  1196.                                         <div class="kt-chat__message kt-chat__message--right kt-chat__message--brand">
  1197.                                             <div class="kt-chat__user">
  1198.                                                 <span class="kt-chat__datetime">30 Seconds</span>
  1199.                                                 <a href="#" class="kt-chat__username">You</span></a>
  1200.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  1201.                                                     <img src="assets/media/users/300_21.jpg" alt="image">
  1202.                                                 </span>
  1203.                                             </div>
  1204.                                             <div class="kt-chat__text">
  1205.                                                 Hey there, we’re just writing to let you know that you’ve<br> been subscribed to a repository on GitHub.
  1206.                                             </div>
  1207.                                         </div>
  1208.                                         <div class="kt-chat__message kt-chat__message--success">
  1209.                                             <div class="kt-chat__user">
  1210.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  1211.                                                     <img src="assets/media/users/100_12.jpg" alt="image">
  1212.                                                 </span>
  1213.                                                 <a href="#" class="kt-chat__username">Jason Muller</span></a>
  1214.                                                 <span class="kt-chat__datetime">30 Seconds</span>
  1215.                                             </div>
  1216.                                             <div class="kt-chat__text">
  1217.                                                 Ok, Understood!
  1218.                                             </div>
  1219.                                         </div>
  1220.                                         <div class="kt-chat__message kt-chat__message--right kt-chat__message--brand">
  1221.                                             <div class="kt-chat__user">
  1222.                                                 <span class="kt-chat__datetime">Just Now</span>
  1223.                                                 <a href="#" class="kt-chat__username">You</span></a>
  1224.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  1225.                                                     <img src="assets/media/users/300_21.jpg" alt="image">
  1226.                                                 </span>
  1227.                                             </div>
  1228.                                             <div class="kt-chat__text">
  1229.                                                 You’ll receive notifications for all issues, pull requests!
  1230.                                             </div>
  1231.                                         </div>
  1232.                                         <div class="kt-chat__message kt-chat__message--success">
  1233.                                             <div class="kt-chat__user">
  1234.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  1235.                                                     <img src="assets/media/users/100_12.jpg" alt="image">
  1236.                                                 </span>
  1237.                                                 <a href="#" class="kt-chat__username">Jason Muller</span></a>
  1238.                                                 <span class="kt-chat__datetime">2 Hours</span>
  1239.                                             </div>
  1240.                                             <div class="kt-chat__text">
  1241.                                                 You were automatically <b class="kt-font-brand">subscribed</b> <br>because you’ve been given access to the repository
  1242.                                             </div>
  1243.                                         </div>
  1244.                                         <div class="kt-chat__message kt-chat__message--right kt-chat__message--brand">
  1245.                                             <div class="kt-chat__user">
  1246.                                                 <span class="kt-chat__datetime">30 Seconds</span>
  1247.                                                 <a href="#" class="kt-chat__username">You</span></a>
  1248.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  1249.                                                     <img src="assets/media/users/300_21.jpg" alt="image">
  1250.                                                 </span>
  1251.                                             </div>
  1252.                                             <div class="kt-chat__text">
  1253.                                                 You can unwatch this repository immediately <br>by clicking here: <a href="#" class="kt-font-bold kt-link"></a>
  1254.                                             </div>
  1255.                                         </div>
  1256.                                         <div class="kt-chat__message kt-chat__message--success">
  1257.                                             <div class="kt-chat__user">
  1258.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  1259.                                                     <img src="assets/media/users/100_12.jpg" alt="image">
  1260.                                                 </span>
  1261.                                                 <a href="#" class="kt-chat__username">Jason Muller</span></a>
  1262.                                                 <span class="kt-chat__datetime">30 Seconds</span>
  1263.                                             </div>
  1264.                                             <div class="kt-chat__text">
  1265.                                                 Discover what students who viewed Learn <br>Figma - UI/UX Design Essential Training also viewed
  1266.                                             </div>
  1267.                                         </div>
  1268.                                         <div class="kt-chat__message kt-chat__message--right kt-chat__message--brand">
  1269.                                             <div class="kt-chat__user">
  1270.                                                 <span class="kt-chat__datetime">Just Now</span>
  1271.                                                 <a href="#" class="kt-chat__username">You</span></a>
  1272.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  1273.                                                     <img src="assets/media/users/300_21.jpg" alt="image">
  1274.                                                 </span>
  1275.                                             </div>
  1276.                                             <div class="kt-chat__text">
  1277.                                                 Most purchased Business courses during this sale!
  1278.                                             </div>
  1279.                                         </div>
  1280.                                     </div>
  1281.                                 </div>
  1282.                             </div>
  1283.                             <div class="kt-portlet__foot">
  1284.                                 <div class="kt-chat__input">
  1285.                                     <div class="kt-chat__editor">
  1286.                                         <textarea placeholder="Type here..." style="height: 50px"></textarea>
  1287.                                     </div>
  1288.                                     <div class="kt-chat__toolbar">
  1289.                                         <div class="kt_chat__tools">
  1290.                                             <a href="#"><i class="flaticon2-link"></i></a>
  1291.                                             <a href="#"><i class="flaticon2-photograph"></i></a>
  1292.                                             <a href="#"><i class="flaticon2-photo-camera"></i></a>
  1293.                                         </div>
  1294.                                         <div class="kt_chat__actions">
  1295.                                             <button type="button" class="btn btn-brand btn-md  btn-font-sm btn-upper btn-bold kt-chat__reply">reply</button>
  1296.                                         </div>
  1297.                                     </div>
  1298.                                 </div>
  1299.                             </div>
  1300.                         </div>
  1301.                     </div>
  1302.                 </div>
  1303.             </div>
  1304.         </div>
  1305.  
  1306.         <!--ENd:: Chat-->
  1307.  
  1308.         <!-- begin::Global Config(global config for global JS sciprts) -->
  1309.         <script>
  1310.             var KTAppOptions = {
  1311.                 "colors": {
  1312.                     "state": {
  1313.                         "brand": "#5d78ff",
  1314.                         "dark": "#282a3c",
  1315.                         "light": "#ffffff",
  1316.                         "primary": "#5867dd",
  1317.                         "success": "#34bfa3",
  1318.                         "info": "#36a3f7",
  1319.                         "warning": "#ffb822",
  1320.                         "danger": "#fd3995"
  1321.                     },
  1322.                     "base": {
  1323.                         "label": [
  1324.                             "#c5cbe3",
  1325.                             "#a1a8c3",
  1326.                             "#3d4465",
  1327.                             "#3e4466"
  1328.                         ],
  1329.                         "shape": [
  1330.                             "#f0f3ff",
  1331.                             "#d9dffa",
  1332.                             "#afb4d4",
  1333.                             "#646c9a"
  1334.                         ]
  1335.                     }
  1336.                 }
  1337.             };
  1338.         </script>
  1339.  
  1340.         <!-- end::Global Config -->
  1341.  
  1342.         <!--begin::Global Theme Bundle(used by all pages) -->
  1343.         <script src="assets/plugins/global/plugins.bundle.js" type="text/javascript"></script>
  1344.         <script src="assets/js/scripts.bundle.js" type="text/javascript"></script>
  1345.  
  1346.         <!--end::Global Theme Bundle -->
  1347.  
  1348.         <!--begin::Page Vendors(used by this page) -->
  1349.         <script src="assets/plugins/custom/fullcalendar/fullcalendar.bundle.js" type="text/javascript"></script>
  1350.         <script src="//maps.google.com/maps/api/js?key=AIzaSyBTGnKT7dt597vo9QgeQ7BFhvSRP4eiMSM" type="text/javascript"></script>
  1351.         <script src="assets/plugins/custom/gmaps/gmaps.js" type="text/javascript"></script>
  1352.  
  1353.         <!--end::Page Vendors -->
  1354.  
  1355.         <!--begin::Page Scripts(used by this page) -->
  1356.         <script src="assets/js/pages/dashboard.js" type="text/javascript"></script>
  1357.  
  1358.         <!--end::Page Scripts -->
  1359.     </body>
  1360.  
  1361.     <!-- end::Body -->
  1362. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top