npm - admin-lte - Versions diffs - 4.0.0-alpha1 → 4.0.0-alpha2 - Mend

admin-lte 4.0.0-alpha1 → 4.0.0-alpha2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

package/.bundlewatch.config.json +2 -2
package/.cache/.eslintcache +1 -0
package/.cache/.stylelintcache +1 -0
package/.eslintignore +1 -0
package/.eslintrc.json +16 -0
package/.stylelintrc.json +47 -0
package/LICENSE +1 -1
package/README.md +5 -6
package/dist/css/adminlte.css +2383 -2754
package/dist/css/adminlte.css.map +1 -1
package/dist/css/adminlte.min.css +2 -2
package/dist/css/adminlte.min.css.map +1 -1
package/dist/css/{rtl/adminlte.rtl.css → adminlte.rtl.css} +2377 -2749
package/dist/css/adminlte.rtl.css.map +1 -0
package/dist/css/adminlte.rtl.min.css +7 -0
package/dist/css/adminlte.rtl.min.css.map +1 -0
package/dist/js/adminlte.js +173 -182
package/dist/js/adminlte.js.map +1 -1
package/dist/js/adminlte.min.js +6 -1
package/dist/js/adminlte.min.js.map +1 -1
package/dist/pages/UI/timeline.html +698 -0
package/dist/pages/docs/browser-support.html +614 -0
package/dist/pages/docs/color-mode.html +855 -0
package/dist/pages/docs/components/main-header.html +926 -0
package/dist/pages/docs/layout.html +617 -0
package/dist/pages/docs.html +617 -0
package/dist/pages/examples/login.html +114 -187
package/dist/pages/examples/register.html +117 -190
package/dist/pages/forms/general.html +598 -647
package/dist/pages/index.html +1091 -0
package/dist/pages/index2.html +1452 -0
package/dist/pages/index3.html +950 -0
package/dist/pages/layout/fixed-sidebar.html +590 -638
package/dist/pages/layout/layout-rtl.html +623 -0
package/dist/pages/layout/sidebar-mini.html +623 -0
package/dist/pages/layout/unfixed-sidebar.html +589 -638
package/dist/pages/tables/simple.html +837 -938
package/dist/pages/widgets/cards.html +814 -698
package/dist/pages/widgets/info-box.html +864 -951
package/dist/pages/widgets/small-box.html +625 -678
package/index.html +1 -6
package/package.json +53 -36
package/src/config/assets.config.mjs +8 -0
package/src/config/astro.config.mjs +17 -0
package/src/config/postcss.config.mjs +15 -0
package/src/config/rollup.config.js +20 -0
package/src/html/.eslintrc.json +24 -0
package/src/html/.tsconfig.json +4 -0
package/src/html/components/_head.astro +31 -0
package/src/html/components/_scripts.astro +40 -0
package/src/html/components/dashboard/_footer.astro +12 -0
package/src/html/components/dashboard/_sidenav.astro +323 -0
package/src/{partials/dashboard/_topbar.html → html/components/dashboard/_topbar.astro} +20 -46
package/src/html/components/docs/browser-support/index.md +22 -0
package/src/html/components/docs/color-mode/navbar-html.md +80 -0
package/src/{partials/_scripts.html → html/components/docs/color-mode/toggle-script.md} +5 -52
package/src/html/components/docs/components/main-header-1.md +159 -0
package/src/html/components/docs/introduction/index.md +35 -0
package/src/html/env.d.ts +1 -0
package/src/html/pages/UI/timeline.astro +158 -0
package/src/html/pages/docs/browser-support.astro +58 -0
package/src/html/pages/docs/color-mode.astro +224 -0
package/src/html/pages/docs/components/main-header.astro +232 -0
package/src/html/pages/docs/index.astro +58 -0
package/src/html/pages/docs/layout.astro +77 -0
package/src/{pages/examples/login.html → html/pages/examples/login.astro} +13 -13
package/src/{pages/examples/register.html → html/pages/examples/register.astro} +13 -13
package/src/{pages/forms/general.html → html/pages/forms/general.astro} +26 -30
package/src/{index.html → html/pages/index.astro} +266 -189
package/src/{index2.html → html/pages/index2.astro} +229 -284
package/src/{index3.html → html/pages/index3.astro} +151 -169
package/src/{pages/layout/fixed-sidebar.html → html/pages/layout/fixed-sidebar.astro} +26 -29
package/src/html/pages/layout/layout-rtl.astro +84 -0
package/src/html/pages/layout/sidebar-mini.astro +83 -0
package/src/{pages/layout/unfixed-sidebar.html → html/pages/layout/unfixed-sidebar.astro} +26 -30
package/src/{pages/tables/simple.html → html/pages/tables/simple.astro} +26 -30
package/src/html/pages/widgets/cards.astro +308 -0
package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} +26 -31
package/src/html/pages/widgets/small-box.astro +121 -0
package/src/scss/_app-footer.scss +15 -0
package/src/scss/_app-header.scss +26 -0
package/src/scss/_app-main.scss +20 -0
package/src/scss/_app-sidebar.scss +429 -0
package/src/scss/{_wrapper.scss → _app-wrapper.scss} +8 -4
package/src/scss/_bootstrap-variables.scss +41 -26
package/src/scss/_callouts.scss +34 -0
package/src/scss/_cards.scss +30 -224
package/src/scss/_direct-chat.scss +15 -9
package/src/scss/_docs.scss +4 -0
package/src/scss/_dropdown.scss +7 -5
package/src/scss/_info-box.scss +2 -6
package/src/scss/_miscellaneous.scss +0 -455
package/src/scss/_mixins.scss +0 -6
package/src/scss/_root.scss +2 -58
package/src/scss/_small-box.scss +15 -38
package/src/scss/_table.scss +0 -50
package/src/scss/_timeline.scss +120 -0
package/src/scss/_variables-dark.scss +15 -8
package/src/scss/_variables.scss +30 -135
package/src/scss/adminlte.scss +1 -1
package/src/scss/mixins/_animations.scss +4 -0
package/src/scss/mixins/_scrollbar.scss +2 -2
package/src/scss/pages/_login_and_register.scss +1 -2
package/src/scss/parts/_core.scss +7 -15
package/src/scss/parts/_extra-components.scss +1 -2
package/src/ts/adminlte.ts +0 -2
package/src/ts/card-widget.ts +42 -18
package/src/ts/direct-chat.ts +33 -8
package/src/ts/layout.ts +6 -4
package/src/ts/push-menu.ts +94 -145
package/src/ts/treeview.ts +17 -23
package/src/ts/util/index.ts +2 -2
package/src/utils/index.js +11 -0
package/tsconfig.json +11 -3
package/.stylelintrc +0 -40
package/CHECKLIST.md +0 -0
package/dist/css/rtl/adminlte.rtl.css.map +0 -1
package/dist/css/rtl/adminlte.rtl.min.css +0 -7
package/dist/css/rtl/adminlte.rtl.min.css.map +0 -1
package/dist/index.html +0 -1065
package/dist/index2.html +0 -1629
package/dist/index3.html +0 -1015
package/gulpfile.js +0 -315
package/src/pages/widgets/cards.html +0 -143
package/src/pages/widgets/small-box.html +0 -124
package/src/partials/_head.html +0 -31
package/src/partials/dashboard/_footer.html +0 -9
package/src/partials/dashboard/_sidenav.html +0 -244
package/src/scss/_brand-container.scss +0 -72
package/src/scss/_content-header.scss +0 -9
package/src/scss/_content-wrapper.scss +0 -6
package/src/scss/_content.scss +0 -3
package/src/scss/_layout-fixed.scss +0 -43
package/src/scss/_layout-mobile.scss +0 -22
package/src/scss/_main-footer.scss +0 -28
package/src/scss/_main-header.scss +0 -40
package/src/scss/_main-sidebar.scss +0 -63
package/src/scss/_nav-sidebar.scss +0 -66
package/src/scss/_products.scss +0 -55
package/src/scss/_sidebar-close.scss +0 -6
package/src/scss/_sidebar-collapse.scss +0 -120
package/src/scss/_sidebar-horizontal.scss +0 -67
package/src/scss/_sidebar.scss +0 -11
package/src/scss/_users-list.scss +0 -45
package/src/scss/mixins/_brand-variant.scss +0 -9
package/src/scss/mixins/_cards.scss +0 -53
package/src/scss/mixins/_direct-chat.scss +0 -17
package/src/scss/mixins/_header-variant.scss +0 -22
package/src/scss/mixins/_nav-treeview-dark.scss +0 -87
package/src/scss/mixins/_nav-treeview-light.scss +0 -89
package/src/scss/mixins/_sidebar-color.scss +0 -9

package/dist/index.html DELETED Viewed

@@ -1,1065 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<!-- For RTL verison -->
-<!-- <html lang="en" dir="rtl"> -->
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <!-- Primary Meta Tags -->
-  <title>AdminLTE 4 | Dashboard</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="title" content="AdminLTE 4 | Dashboard">
-  <meta name="author" content="ColorlibHQ">
-  <meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard featuring over 800 components, 10+ plugins and 20 example pages using Vanilla JS.">
-  <meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard" />
-  <!-- By adding ./css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is light. -->
-  <meta name="color-scheme" content="light dark">
-  <!-- By adding ./css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is dark. -->
-  <!-- <meta name="color-scheme" content="dark light"> -->
-  <!-- OPTIONAL LINKS -->
-  <!-- Google Font: Source Sans Pro -->
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
-  <!-- overlayScrollbars -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/styles/overlayscrollbars.min.css" integrity="sha256-57dSpDS5wv9AYEEmLxcPfrVnygNCdqDWOXyoR46L9H0=" crossorigin="anonymous">
-  <!-- Font Awesome -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/all.min.css" integrity="sha256-Z1K5uhUaJXA7Ll0XrZ/0JhX4lAtZFpT6jkKrEDT0drU=" crossorigin="anonymous">
-  <!-- REQUIRED LINKS -->
-  <!-- Theme style -->
-  <link rel="stylesheet" href="./css/adminlte.css">
-  <!-- For RTL verison use ./css/rtl/adminlte.rtl.css, remove dist/css/adminlte.css -->
-  <!-- <link rel="stylesheet" href="./css/rtl/adminlte.rtl.css""> -->
-  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
-</head>
-<body class="layout-fixed">
-  <div class="wrapper">
-    <!-- Navbar -->
-    <nav class="main-header navbar navbar-expand navbar-light">
-      <div class="container-fluid">
-        <!-- Start navbar links -->
-        <ul class="navbar-nav">
-          <li class="nav-item">
-            <a class="nav-link" data-lte-toggle="sidebar-full" href="#" role="button">
-              <i class="fa-solid fa-bars"></i>
-            </a>
-          </li>
-          <li class="nav-item d-none d-md-block">
-            <a href="#" class="nav-link">Home</a>
-          </li>
-          <li class="nav-item d-none d-md-block">
-            <a href="#" class="nav-link">Contact</a>
-          </li>
-        </ul>
-        <!-- End navbar links -->
-        <ul class="navbar-nav ms-auto">
-          <!-- Navbar Search -->
-          <li class="nav-item">
-            <a class="nav-link" data-widget="navbar-search" href="#" role="button">
-              <i class="fa-solid fa-search"></i>
-            </a>
-          </li>
-          <!-- Messages Dropdown Menu -->
-          <li class="nav-item dropdown">
-            <a class="nav-link" data-bs-toggle="dropdown" href="#">
-              <i class="fa-regular fa-comments"></i>
-              <span class="navbar-badge badge text-bg-danger">3</span>
-            </a>
-            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
-              <a href="#" class="dropdown-item">
-                <!-- Message Start -->
-                <div class="d-flex">
-                  <div class="flex-shrink-0">
-                    <img src="./assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle me-3">
-                  </div>
-                  <div class="flex-grow-1">
-                    <h3 class="dropdown-item-title">
-                      Brad Diesel
-                      <span class="float-end fs-7 text-danger">
-                        <i class="fa-solid fa-star"></i>
-                      </span>
-                    </h3>
-                    <p class="fs-7">Call me whenever you can...</p>
-                    <p class="fs-7 text-muted">
-                      <i class="fa-regular fa-clock me-1"></i> 4 Hours Ago
-                    </p>
-                  </div>
-                </div>
-                <!-- Message End -->
-              </a>
-              <div class="dropdown-divider"></div>
-              <a href="#" class="dropdown-item">
-                <!-- Message Start -->
-                <div class="d-flex">
-                  <div class="flex-shrink-0">
-                    <img src="./assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle me-3">
-                  </div>
-                  <div class="flex-grow-1">
-                    <h3 class="dropdown-item-title">
-                      John Pierce
-                      <span class="float-end fs-7 text-muted">
-                        <i class="fa-solid fa-star"></i>
-                      </span>
-                    </h3>
-                    <p class="fs-7">I got your message bro</p>
-                    <p class="fs-7 text-muted">
-                      <i class="fa-regular fa-clock me-1"></i> 4 Hours Ago
-                    </p>
-                  </div>
-                </div>
-                <!-- Message End -->
-              </a>
-              <div class="dropdown-divider"></div>
-              <a href="#" class="dropdown-item">
-                <!-- Message Start -->
-                <div class="d-flex">
-                  <div class="flex-shrink-0">
-                    <img src="./assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle me-3">
-                  </div>
-                  <div class="flex-grow-1">
-                    <h3 class="dropdown-item-title">
-                      Nora Silvester
-                      <span class="float-end fs-7 text-warning">
-                        <i class="fa-solid fa-star"></i>
-                      </span>
-                    </h3>
-                    <p class="fs-7">The subject goes here</p>
-                    <p class="fs-7 text-muted">
-                      <i class="fa-regular fa-clock me-1"></i> 4 Hours Ago
-                    </p>
-                  </div>
-                </div>
-                <!-- Message End -->
-              </a>
-              <div class="dropdown-divider"></div>
-              <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
-            </div>
-          </li>
-          <!-- Notifications Dropdown Menu -->
-          <li class="nav-item dropdown">
-            <a class="nav-link" data-bs-toggle="dropdown" href="#">
-              <i class="fa-regular fa-bell"></i>
-              <span class="navbar-badge badge text-bg-warning">15</span>
-            </a>
-            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
-              <span class="dropdown-item dropdown-header">15 Notifications</span>
-              <div class="dropdown-divider"></div>
-              <a href="#" class="dropdown-item">
-                <i class="fa-solid fa-envelope me-2"></i> 4 new messages
-                <span class="float-end text-muted fs-7">3 mins</span>
-              </a>
-              <div class="dropdown-divider"></div>
-              <a href="#" class="dropdown-item">
-                <i class="fa-solid fa-users me-2"></i> 8 friend requests
-                <span class="float-end text-muted fs-7">12 hours</span>
-              </a>
-              <div class="dropdown-divider"></div>
-              <a href="#" class="dropdown-item">
-                <i class="fa-solid fa-file me-2"></i> 3 new reports
-                <span class="float-end text-muted fs-7">2 days</span>
-              </a>
-              <div class="dropdown-divider"></div>
-              <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
-            </div>
-          </li>
-          <li class="nav-item dropdown user-menu">
-            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
-              <img src="./assets/img/user2-160x160.jpg" class="user-image img-circle shadow" alt="User Image">
-              <span class="d-none d-md-inline">Alexander Pierce</span>
-            </a>
-            <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
-              <!-- User image -->
-              <li class="user-header text-bg-primary">
-                <img src="./assets/img/user2-160x160.jpg" class="img-circle shadow" alt="User Image">
-                <p>
-                  Alexander Pierce - Web Developer
-                  <small>Member since Nov. 2012</small>
-                </p>
-              </li>
-              <!-- Menu Body -->
-              <li class="user-body">
-                <div class="row">
-                  <div class="col-4 text-center">
-                    <a href="#">Followers</a>
-                  </div>
-                  <div class="col-4 text-center">
-                    <a href="#">Sales</a>
-                  </div>
-                  <div class="col-4 text-center">
-                    <a href="#">Friends</a>
-                  </div>
-                </div>
-                <!-- /.row -->
-              </li>
-              <!-- Menu Footer-->
-              <li class="user-footer">
-                <a href="#" class="btn btn-default btn-flat">Profile</a>
-                <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
-              </li>
-            </ul>
-          </li>
-          <li class="nav-item dropdown">
-            <button class="btn btn-link nav-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static">
-              <span class="theme-icon-active">
-                <i class="my-1"></i>
-              </span>
-            </button>
-            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;">
-              <li>
-                <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="light">
-                  <i class="fa-regular fa-sun me-2 opacity-50"></i>
-                  Light
-                  <i class="fa-solid fa-check ms-auto d-none"></i>
-                </button>
-              </li>
-              <li>
-                <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark">
-                  <i class="fa-solid fa-moon me-2 opacity-50"></i>
-                  Dark
-                  <i class="fa-solid fa-check ms-auto d-none"></i>
-                </button>
-              </li>
-              <li>
-                <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto">
-                  <i class="fa-solid fa-circle-half-stroke me-2 opacity-50"></i>
-                  Auto
-                  <i class="fa-solid fa-check ms-auto d-none"></i>
-                </button>
-              </li>
-            </ul>
-          </li>
-          <!-- TODO tackel in v4.1 -->
-          <!-- <li class="nav-item">
-        <a class="nav-link" data-widget="fullscreen" href="#" role="button">
-          <i class="fa-solid fa-expand-arrows-alt"></i>
-        </a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
-          <i class="fa-solid fa-th-large"></i>
-        </a>
-      </li> -->
-        </ul>
-      </div>
-    </nav>
-    <!-- /.navbar -->
-    <!-- Main Sidebar Container -->
-    <aside class="main-sidebar sidebar-bg-dark sidebar-color-primary shadow">
-      <div class="brand-container">
-        <a href="javascript:;" class="brand-link">
-          <img src="./assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
-          <span class="brand-text fw-light">AdminLTE 4</span>
-        </a>
-        <a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:;" role="button">
-          <i class="fa-solid fa-angle-double-left"></i>
-        </a>
-      </div>
-      <!-- Sidebar -->
-      <div class="sidebar">
-        <nav class="mt-2">
-          <!-- Sidebar Menu -->
-          <ul class="nav nav-pills nav-sidebar flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
-            <li class="nav-item menu-open">
-              <a href="javascript:;" class="nav-link active">
-                <i class="nav-icon fa-solid fa-circle"></i>
-                <p>
-                  Dashboard
-                  <i class="end fa-solid fa-angle-right"></i>
-                </p>
-              </a>
-              <ul class="nav nav-treeview">
-                <li class="nav-item">
-                  <a href="./index.html" class="nav-link active">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Dashboard v1</p>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a href="./index2.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Dashboard v2</p>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a href="./index3.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Dashboard v3</p>
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item ">
-              <a href="javascript:;" class="nav-link ">
-                <i class="nav-icon fa-solid fa-circle"></i>
-                <p>
-                  Widgets
-                  <i class="end fa-solid fa-angle-right"></i>
-                </p>
-              </a>
-              <ul class="nav nav-treeview">
-                <li class="nav-item">
-                  <a href="./pages/widgets/small-box.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Small Box</p>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a href="./pages/widgets/info-box.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>info Box</p>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a href="./pages/widgets/cards.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Cards</p>
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item ">
-              <a href="javascript:;" class="nav-link ">
-                <i class="nav-icon fa-solid fa-circle"></i>
-                <p>
-                  Layout Options
-                  <span class="badge text-bg-info float-end me-3">6</span>
-                  <i class="end fa-solid fa-angle-right"></i>
-                </p>
-              </a>
-              <ul class="nav nav-treeview">
-                <li class="nav-item">
-                  <a href="./pages/layout/unfixed-sidebar.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Unfixed Sidebar</p>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a href="./pages/layout/fixed-sidebar.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Fixed Sidebar</p>
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item ">
-              <a href="javascript:;" class="nav-link ">
-                <i class="nav-icon fa-solid fa-circle"></i>
-                <p>
-                  Forms
-                  <i class="end fa-solid fa-angle-right"></i>
-                </p>
-              </a>
-              <ul class="nav nav-treeview">
-                <li class="nav-item">
-                  <a href="./pages/forms/general.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>General Elements</p>
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item ">
-              <a href="javascript:;" class="nav-link ">
-                <i class="nav-icon fa-solid fa-circle"></i>
-                <p>
-                  Tables
-                  <i class="end fa-solid fa-angle-right"></i>
-                </p>
-              </a>
-              <ul class="nav nav-treeview">
-                <li class="nav-item">
-                  <a href="./pages/tables/simple.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Simple Tables</p>
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-header">EXAMPLES</li>
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-solid fa-arrow-right-to-bracket"></i>
-                <p>
-                  Login & Register
-                  <i class="end fa-solid fa-angle-right"></i>
-                </p>
-              </a>
-              <ul class="nav nav-treeview">
-                <li class="nav-item">
-                  <a href="./pages/examples/login.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Login v1</p>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a href="./pages/examples/register.html" class="nav-link ">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Register v1</p>
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-header">MULTI LEVEL EXAMPLE</li>
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-solid fa-circle"></i>
-                <p>Level 1</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-solid fa-circle"></i>
-                <p>
-                  Level 1
-                  <i class="end fa-solid fa-angle-right"></i>
-                </p>
-              </a>
-              <ul class="nav nav-treeview">
-                <li class="nav-item">
-                  <a href="javascript:;" class="nav-link">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Level 2</p>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a href="javascript:;" class="nav-link">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>
-                      Level 2
-                      <i class="end fa-solid fa-angle-right"></i>
-                    </p>
-                  </a>
-                  <ul class="nav nav-treeview">
-                    <li class="nav-item">
-                      <a href="javascript:;" class="nav-link">
-                        <i class="nav-icon fa-regular fa-dot-circle"></i>
-                        <p>Level 3</p>
-                      </a>
-                    </li>
-                    <li class="nav-item">
-                      <a href="javascript:;" class="nav-link">
-                        <i class="nav-icon fa-regular fa-dot-circle"></i>
-                        <p>Level 3</p>
-                      </a>
-                    </li>
-                    <li class="nav-item">
-                      <a href="javascript:;" class="nav-link">
-                        <i class="nav-icon fa-regular fa-dot-circle"></i>
-                        <p>Level 3</p>
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li class="nav-item">
-                  <a href="javascript:;" class="nav-link">
-                    <i class="nav-icon fa-regular fa-circle"></i>
-                    <p>Level 2</p>
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-solid fa-circle"></i>
-                <p>Level 1</p>
-              </a>
-            </li>
-            <li class="nav-header">LABELS</li>
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-regular fa-circle text-danger"></i>
-                <p class="text">Important</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-regular fa-circle text-warning"></i>
-                <p>Warning</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-regular fa-circle text-info"></i>
-                <p>Informational</p>
-              </a>
-            </li>
-          </ul>
-        </nav>
-      </div>
-      <!-- /.sidebar -->
-    </aside>
-    <!-- Main content -->
-    <main class="content-wrapper">
-      <div class="content-header">
-        <div class="container-fluid">
-          <div class="row mb-2">
-            <div class="col-sm-6">
-              <h3>Dashboard</h3>
-            </div>
-            <div class="col-sm-6">
-              <ol class="breadcrumb float-sm-end">
-                <li class="breadcrumb-item">
-                  <a href="#">Home</a>
-                </li>
-                <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
-              </ol>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="content">
-        <div class="container-fluid">
-          <!-- Small boxes (Stat box) -->
-          <div class="row">
-            <div class="col-lg-3 col-6">
-              <!-- small box -->
-              <div class="small-box text-bg-primary">
-                <div class="inner">
-                  <h3>150</h3>
-                  <p>New Orders</p>
-                </div>
-                <div class="icon">
-                  <i class="inner-icon ion ion-bag"></i>
-                </div>
-                <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i>
-                </a>
-              </div>
-            </div>
-            <!-- ./col -->
-            <div class="col-lg-3 col-6">
-              <!-- small box -->
-              <div class="small-box text-bg-success">
-                <div class="inner">
-                  <h3>53<sup class="fs-5">%</sup>
-                  </h3>
-                  <p>Bounce Rate</p>
-                </div>
-                <div class="icon">
-                  <i class="inner-icon ion ion-stats-bars"></i>
-                </div>
-                <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i>
-                </a>
-              </div>
-            </div>
-            <!-- ./col -->
-            <div class="col-lg-3 col-6">
-              <!-- small box -->
-              <div class="small-box text-bg-warning">
-                <div class="inner">
-                  <h3>44</h3>
-                  <p>User Registrations</p>
-                </div>
-                <div class="icon">
-                  <i class="inner-icon ion ion-person-add"></i>
-                </div>
-                <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i>
-                </a>
-              </div>
-            </div>
-            <!-- ./col -->
-            <div class="col-lg-3 col-6">
-              <!-- small box -->
-              <div class="small-box text-bg-danger">
-                <div class="inner">
-                  <h3>65</h3>
-                  <p>Unique Visitors</p>
-                </div>
-                <div class="icon">
-                  <i class="inner-icon ion ion-pie-graph"></i>
-                </div>
-                <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i>
-                </a>
-              </div>
-            </div>
-            <!-- ./col -->
-          </div>
-          <!-- /.row -->
-          <!-- Main row -->
-          <div class="row">
-            <!-- Start col -->
-            <div class="col-lg-7">
-              <!-- Custom tabs (Charts with tabs)-->
-              <div class="card">
-                <div class="card-header">
-                  <h3 class="card-title">
-                    <i class="fa-solid fa-chart-pie me-1"></i>
-                    Sales
-                  </h3>
-                  <div class="card-tools">
-                    <ul class="nav nav-pills ms-auto">
-                      <li class="nav-item">
-                        <a class="nav-link active" href="#revenue-chart" data-bs-toggle="tab">Area</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="#sales-chart" data-bs-toggle="tab">Donut</a>
-                      </li>
-                    </ul>
-                  </div>
-                </div><!-- /.card-header -->
-                <div class="card-body">
-                  <div class="tab-content p-0">
-                    <!-- Morris chart - Sales -->
-                    <div class="chart tab-pane active" id="revenue-chart" style="position: relative; height: 300px;">
-                      <canvas id="revenue-chart-canvas" height="300" style="height: 300px;"></canvas>
-                    </div>
-                    <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;">
-                      <canvas id="sales-chart-canvas" height="300" style="height: 300px;"></canvas>
-                    </div>
-                  </div>
-                </div><!-- /.card-body -->
-              </div>
-              <!-- /.card -->
-              <!-- DIRECT CHAT -->
-              <div class="card direct-chat direct-chat-primary">
-                <div class="card-header">
-                  <h3 class="card-title">Direct Chat</h3>
-                  <div class="card-tools">
-                    <span title="3 New Messages" class="badge text-bg-primary">3</span>
-                    <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
-                      <i class="fa-solid fa-minus"></i>
-                    </button>
-                    <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
-                      <i class="fa-solid fa-comments"></i>
-                    </button>
-                    <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
-                      <i class="fa-solid fa-times"></i>
-                    </button>
-                  </div>
-                </div>
-                <!-- /.card-header -->
-                <div class="card-body">
-                  <!-- Conversations are loaded here -->
-                  <div class="direct-chat-messages">
-                    <!-- Message. Default to the start -->
-                    <div class="direct-chat-msg">
-                      <div class="direct-chat-infos clearfix">
-                        <span class="direct-chat-name float-start">Alexander Pierce</span>
-                        <span class="direct-chat-timestamp float-end">23 Jan 2:00 pm</span>
-                      </div>
-                      <!-- /.direct-chat-infos -->
-                      <img class="direct-chat-img" src="./assets/img/user1-128x128.jpg" alt="message user image">
-                      <!-- /.direct-chat-img -->
-                      <div class="direct-chat-text">
-                        Is this template really for free? That's unbelievable!
-                      </div>
-                      <!-- /.direct-chat-text -->
-                    </div>
-                    <!-- /.direct-chat-msg -->
-                    <!-- Message to the end -->
-                    <div class="direct-chat-msg end">
-                      <div class="direct-chat-infos clearfix">
-                        <span class="direct-chat-name float-end">Sarah Bullock</span>
-                        <span class="direct-chat-timestamp float-start">23 Jan 2:05 pm</span>
-                      </div>
-                      <!-- /.direct-chat-infos -->
-                      <img class="direct-chat-img" src="./assets/img/user3-128x128.jpg" alt="message user image">
-                      <!-- /.direct-chat-img -->
-                      <div class="direct-chat-text">
-                        You better believe it!
-                      </div>
-                      <!-- /.direct-chat-text -->
-                    </div>
-                    <!-- /.direct-chat-msg -->
-                    <!-- Message. Default to the start -->
-                    <div class="direct-chat-msg">
-                      <div class="direct-chat-infos clearfix">
-                        <span class="direct-chat-name float-start">Alexander Pierce</span>
-                        <span class="direct-chat-timestamp float-end">23 Jan 5:37 pm</span>
-                      </div>
-                      <!-- /.direct-chat-infos -->
-                      <img class="direct-chat-img" src="./assets/img/user1-128x128.jpg" alt="message user image">
-                      <!-- /.direct-chat-img -->
-                      <div class="direct-chat-text">
-                        Working with AdminLTE on a great new app! Wanna join?
-                      </div>
-                      <!-- /.direct-chat-text -->
-                    </div>
-                    <!-- /.direct-chat-msg -->
-                    <!-- Message to the end -->
-                    <div class="direct-chat-msg end">
-                      <div class="direct-chat-infos clearfix">
-                        <span class="direct-chat-name float-end">Sarah Bullock</span>
-                        <span class="direct-chat-timestamp float-start">23 Jan 6:10 pm</span>
-                      </div>
-                      <!-- /.direct-chat-infos -->
-                      <img class="direct-chat-img" src="./assets/img/user3-128x128.jpg" alt="message user image">
-                      <!-- /.direct-chat-img -->
-                      <div class="direct-chat-text">
-                        I would love to.
-                      </div>
-                      <!-- /.direct-chat-text -->
-                    </div>
-                    <!-- /.direct-chat-msg -->
-                  </div>
-                  <!--/.direct-chat-messages-->
-                  <!-- Contacts are loaded here -->
-                  <div class="direct-chat-contacts">
-                    <ul class="contacts-list">
-                      <li>
-                        <a href="#">
-                          <img class="contacts-list-img" src="./assets/img/user1-128x128.jpg" alt="User Avatar">
-                          <div class="contacts-list-info">
-                            <span class="contacts-list-name">
-                              Count Dracula
-                              <small class="contacts-list-date float-end">2/28/2015</small>
-                            </span>
-                            <span class="contacts-list-msg">How have you been? I was...</span>
-                          </div>
-                          <!-- /.contacts-list-info -->
-                        </a>
-                      </li>
-                      <!-- End Contact Item -->
-                      <li>
-                        <a href="#">
-                          <img class="contacts-list-img" src="./assets/img/user7-128x128.jpg" alt="User Avatar">
-                          <div class="contacts-list-info">
-                            <span class="contacts-list-name">
-                              Sarah Doe
-                              <small class="contacts-list-date float-end">2/23/2015</small>
-                            </span>
-                            <span class="contacts-list-msg">I will be waiting for...</span>
-                          </div>
-                          <!-- /.contacts-list-info -->
-                        </a>
-                      </li>
-                      <!-- End Contact Item -->
-                      <li>
-                        <a href="#">
-                          <img class="contacts-list-img" src="./assets/img/user3-128x128.jpg" alt="User Avatar">
-                          <div class="contacts-list-info">
-                            <span class="contacts-list-name">
-                              Nadia Jolie
-                              <small class="contacts-list-date float-end">2/20/2015</small>
-                            </span>
-                            <span class="contacts-list-msg">I'll call you back at...</span>
-                          </div>
-                          <!-- /.contacts-list-info -->
-                        </a>
-                      </li>
-                      <!-- End Contact Item -->
-                      <li>
-                        <a href="#">
-                          <img class="contacts-list-img" src="./assets/img/user5-128x128.jpg" alt="User Avatar">
-                          <div class="contacts-list-info">
-                            <span class="contacts-list-name">
-                              Nora S. Vans
-                              <small class="contacts-list-date float-end">2/10/2015</small>
-                            </span>
-                            <span class="contacts-list-msg">Where is your new...</span>
-                          </div>
-                          <!-- /.contacts-list-info -->
-                        </a>
-                      </li>
-                      <!-- End Contact Item -->
-                      <li>
-                        <a href="#">
-                          <img class="contacts-list-img" src="./assets/img/user6-128x128.jpg" alt="User Avatar">
-                          <div class="contacts-list-info">
-                            <span class="contacts-list-name">
-                              John K.
-                              <small class="contacts-list-date float-end">1/27/2015</small>
-                            </span>
-                            <span class="contacts-list-msg">Can I take a look at...</span>
-                          </div>
-                          <!-- /.contacts-list-info -->
-                        </a>
-                      </li>
-                      <!-- End Contact Item -->
-                      <li>
-                        <a href="#">
-                          <img class="contacts-list-img" src="./assets/img/user8-128x128.jpg" alt="User Avatar">
-                          <div class="contacts-list-info">
-                            <span class="contacts-list-name">
-                              Kenneth M.
-                              <small class="contacts-list-date float-end">1/4/2015</small>
-                            </span>
-                            <span class="contacts-list-msg">Never mind I found...</span>
-                          </div>
-                          <!-- /.contacts-list-info -->
-                        </a>
-                      </li>
-                      <!-- End Contact Item -->
-                    </ul>
-                    <!-- /.contacts-list -->
-                  </div>
-                  <!-- /.direct-chat-pane -->
-                </div>
-                <!-- /.card-body -->
-                <div class="card-footer">
-                  <form action="#" method="post">
-                    <div class="input-group">
-                      <input type="text" name="message" placeholder="Type Message ..." class="form-control">
-                      <span class="input-group-append">
-                        <button type="button" class="btn btn-primary">Send</button>
-                      </span>
-                    </div>
-                  </form>
-                </div>
-                <!-- /.card-footer-->
-              </div>
-              <!--/.direct-chat -->
-            </div>
-            <!-- /.Start col -->
-          </div>
-          <!-- /.row (main row) -->
-        </div><!-- /.container-fluid -->
-      </div>
-    </main>
-    <!-- /.content-wrapper -->
-    <!-- Main Footer -->
-    <footer class="main-footer">
-      <!-- To the end -->
-      <div class="float-end d-none d-sm-inline">
-        Anything you want
-      </div>
-      <!-- Default to the start -->
-      <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
-    </footer>
-  </div>
-  <!--  ./wrapper -->
-  <!-- OPTIONAL SCRIPTS -->
-  <!-- overlayScrollbars -->
-  <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-/dwBbLeVyyWBtWfH3jHdL2oVVmLKoGnEFzoOSL3nJC0=" crossorigin="anonymous"></script>
-  <!-- OPTIONAL SCRIPT For Bootstrap 5 -->
-  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
-  <!-- Bootstrap 5 -->
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
-  <!-- REQUIRED SCRIPTS -->
-  <!-- AdminLTE App -->
-  <script src="./js/adminlte.js"></script>
-  <!-- OPTIONAL SCRIPTS -->
-  <script>
-  const SELECTOR_SIDEBAR = '.sidebar'
-  const Default = {
-    scrollbarTheme: 'os-theme-light',
-    scrollbarAutoHide: 'leave'
-  }
-  document.addEventListener("DOMContentLoaded", function() {
-    if (typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
-      OverlayScrollbarsGlobal.OverlayScrollbars(document.querySelector(SELECTOR_SIDEBAR), {
-        scrollbars: {
-          theme: Default.scrollbarTheme,
-          autoHide: Default.scrollbarAutoHide,
-          clickScroll: true
-        }
-      })
-    }
-  })
-</script>
-  <!-- DON'T USE THIS IN PRODUCTION -->
-  <script>
-  // Color Mode Toggler
- (() => {
-  'use strict'
-  const storedTheme = localStorage.getItem('theme')
-  const getPreferredTheme = () => {
-    if (storedTheme) {
-      return storedTheme
-    }
-    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
-  }
-  const setTheme = function (theme) {
-    if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-      document.documentElement.setAttribute('data-bs-theme', 'dark')
-    } else {
-      document.documentElement.setAttribute('data-bs-theme', theme)
-    }
-  }
-  setTheme(getPreferredTheme())
-  const showActiveTheme = theme => {
-    const activeThemeIcon = document.querySelector('.theme-icon-active i')
-    const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
-    const svgOfActiveBtn = btnToActive.querySelector('i').getAttribute('class')
-    document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
-      element.classList.remove('active')
-    })
-    btnToActive.classList.add('active')
-    activeThemeIcon.setAttribute('class', svgOfActiveBtn)
-  }
-  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-    if (storedTheme !== 'light' || storedTheme !== 'dark') {
-      setTheme(getPreferredTheme())
-    }
-  })
-  window.addEventListener('DOMContentLoaded', () => {
-    showActiveTheme(getPreferredTheme())
-    document.querySelectorAll('[data-bs-theme-value]')
-      .forEach(toggle => {
-        toggle.addEventListener('click', () => {
-          const theme = toggle.getAttribute('data-bs-theme-value')
-          localStorage.setItem('theme', theme)
-          setTheme(theme)
-          showActiveTheme(theme)
-        })
-      })
-  })
-})()
-</script>
-  <!-- OPTIONAL SCRIPTS -->
-  <!-- ChartJS -->
-  <script src="https://cdn.jsdelivr.net/npm/chart.js@3.6.0/dist/chart.min.js" integrity="sha256-7lWo7cjrrponRJcS6bc8isfsPDwSKoaYfGIHgSheQkk=" crossorigin="anonymous"></script>
-  <script>
-      // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
-      // IT'S ALL JUST JUNK FOR DEMO
-      // ++++++++++++++++++++++++++++++++++++++++++
-      /* Chart.js Charts */
-      // Sales chart
-      (function () {
-        'use strict'
-        var salesChartCanvas = document.querySelector('#revenue-chart-canvas').getContext('2d')
-        var salesChartData = {
-          labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-          datasets: [
-            {
-              label: 'Digital Goods',
-              backgroundColor: 'rgba(60,141,188,0.9)',
-              borderColor: 'rgba(60,141,188,0.8)',
-              fill: true,
-              tension: 0.4,
-              pointRadius: 0,
-              pointColor: '#3b8bba',
-              pointStrokeColor: 'rgba(60,141,188,1)',
-              pointHighlightFill: '#fff',
-              pointHighlightStroke: 'rgba(60,141,188,1)',
-              data: [28, 48, 40, 19, 86, 27, 90]
-            },
-            {
-              label: 'Electronics',
-              backgroundColor: 'rgba(210, 214, 222, 1)',
-              borderColor: 'rgba(210, 214, 222, 1)',
-              fill: true,
-              tension: 0.4,
-              pointRadius: 0,
-              pointColor: 'rgba(210, 214, 222, 1)',
-              pointStrokeColor: '#c1c7d1',
-              pointHighlightFill: '#fff',
-              pointHighlightStroke: 'rgba(220,220,220,1)',
-              data: [65, 59, 80, 81, 56, 55, 40]
-            }
-          ]
-        }
-        var salesChartOptions = {
-          maintainAspectRatio: false,
-          responsive: true,
-          plugins: {
-            legend: {
-              display: false
-            }
-          },
-          scales: {
-            xAxes: {
-              gridLines: {
-                display: false
-              }
-            },
-            yAxes: {
-              gridLines: {
-                display: false
-              }
-            }
-          }
-        }
-        // This will get the first returned node in the js collection.
-        var salesChart = new Chart(salesChartCanvas, { // lgtm[js/unused-local-variable]
-          type: 'line',
-          data: salesChartData,
-          options: salesChartOptions
-        })
-        // Donut Chart
-        var pieChartCanvas = document.querySelector('#sales-chart-canvas').getContext('2d')
-        var pieData = {
-          labels: [
-            'Instore Sales',
-            'Download Sales',
-            'Mail-Order Sales'
-          ],
-          datasets: [
-            {
-              data: [30, 12, 20],
-              backgroundColor: ['#f56954', '#00a65a', '#f39c12']
-            }
-          ]
-        }
-        var pieOptions = {
-          plugins: {
-            legend: {
-              display: false
-            }
-          },
-          maintainAspectRatio: false,
-          responsive: true
-        }
-        // Create pie or douhnut chart
-        // You can switch between pie and douhnut using the method below.
-        // eslint-disable-next-line no-unused-vars
-        var pieChart = new Chart(pieChartCanvas, { // lgtm[js/unused-local-variable]
-          type: 'doughnut',
-          data: pieData,
-          options: pieOptions
-        })
-      })()
-    </script>
-</body>
-</html>