Default page

View File Name : app-file-manager.html

<!DOCTYPE html>
<html lang="zxx">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Fully Responsive Admin & Dashboard Template"
    />
    <meta name="keyword" content="" />
    <meta name="author" content="WRAPCODERS" />
    <!--! The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags !-->

    <!--! BEGIN: Google Fonts !--><link
      rel="preconnect"
      href="https://fonts.googleapis.com"
    />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap"
      rel="stylesheet"
    />
    <!--! END: Google Fonts !-->

    <!--! BEGIN: Favicon !-->
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="./../assets/images/favicon.ico"
    />
    <!--! END: Favicon !-->

    <!--! BEGIN: Apps Title !-->
    <title>File Manager | Expodash - Admin & Dashboard Template</title>
    <!--! END: Apps Title !-->

    <!--! BEGIN: Page Vendors -!-->
    <link
      href="./../assets/vendors/dropzone/dropzone.css"
      rel="stylesheet"
      type="text/css"
    />
    <!--! END: Page Vendors -!-->

    <!--! BEGIN: MatisMenu CSS -!-->
    <link rel="stylesheet" href="./../assets/vendors/metismenu/metisMenu.min.css">
    <!--! END: MatisMenu CSS -!-->

    <!--! BEGIN: Flaticon CSS -!-->
    <link rel="stylesheet" href="./../assets/vendors/@flaticon/flaticon-uicons/css/all/all.css">
    <!--! END: Flaticon CSS -!-->

    <!--! BEGIN: Theme CSS -!-->
    <link rel="stylesheet" type="text/css" href="./../assets/css/theme.min.css">
    <!--! END: Theme CSS -!-->

    <!--! Start:: Color Modes JS -!-->
    <script src="./../assets/js/color-modes.min.js"></script>
    <!--! End:: Color Modes JS -!-->

    <!--! HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries !-->
    <!--! WARNING: Respond.js doesn"t work if you view the page via file: !-->
    <!--[if lt IE 9]>
    	<script src="https:oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    	<script src="https:oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>

  <body>
    <!--! ================================================================ !-->
    <!--! Start:: Main Wrapper !-->
    <!--! ================================================================ !-->
    <div class="main-wrapper">
      <!--! ================================================================ !-->
      <!--! Start:: Main Menu !-->
      <!--! ================================================================ !-->
      <aside
        class="edash-menu position-fixed z-1030 start-0 top-0 end-0 bottom-0 bg-body-tertiary border-end"
        id="edash-menu"
      >
        <!-- Start:: Logo -->
        <div
          class="edash-menu-header ht-80 d-flex align-items-center px-5 py-4 position-relative"
        >
          <a href="index.html" class="edash-logo">
            <img
              src="./../assets/images/logo-main.png"
              alt="logo"
              class="img-fluid edash-logo-main"
            />
            <img
              src="./../assets/images/logo-abbr.png"
              alt="logo"
              class="img-fluid edash-logo-abbr"
            />
          </a>
        </div>
        <!-- End:: Logo -->
        <!-- Start::  Sidebar Nav -->
        <nav
          class="edash-sidebar-nav position-relative z-2"
          id="edash-sidebar-nav"
          style="height: calc(100vh - 5rem)"
        >
          <ul class="edash-metismenu" id="edash-metismenu">
            <li
              class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase"
              style="letter-spacing: 1px"
            >
              Navigations
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-airplay"></i>
                <span class="mm-text">Dashboards</span>
              </a>
              <ul>
                <li><a class="sub-menu" href="index.html">eCommerce</a></li>
                <li>
                  <a class="sub-menu" href="./index-analytics.html">Analytics</a>
                </li>
              </ul>
            </li>
            <li
              class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase"
              style="letter-spacing: 1px"
            >
              Webapps
            </li>
            <li>
              <a href="./app-chat.html">
                <i class="fi fi-rr-comment-alt-dots"></i>
                <span class="mm-text">Chat</span>
              </a>
            </li>
            <li>
              <a href="./app-email.html">
                <i class="fi fi-rr-envelope-dot"></i>
                <span class="mm-text">Email</span>
              </a>
            </li>
            <li>
              <a href="./app-invoice.html">
                <i class="fi fi-rr-file-invoice"></i>
                <span class="mm-text">Invoice</span>
              </a>
            </li>
            <li>
              <a href="./app-kanban.html">
                <i class="fi fi-rr-square-kanban"></i>
                <span class="mm-text">Kanban</span>
              </a>
            </li>
            <li>
              <a href="./app-calendar.html">
                <i class="fi fi-rr-calendar"></i>
                <span class="mm-text">Calendar</span>
              </a>
            </li>
            <li>
              <a href="./app-file-manager.html">
                <i class="fi fi-rr-move-to-folder"></i>
                <span class="mm-text">File Manager</span>
              </a>
            </li>
            <li
              class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase"
              style="letter-spacing: 1px"
            >
              Components
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-layers"></i>
                <span class="mm-text">Base</span>
              </a>
              <ul>
                <li>
                  <a href="./base-accordion.html" class="sub-menu">Accordion</a>
                </li>
                <li><a href="./base-avatar.html" class="sub-menu">Avatar</a></li>
                <li><a href="./base-button.html" class="sub-menu">Button</a></li>
                <li><a href="./base-card.html" class="sub-menu">Card</a></li>
                <li><a href="./base-carousel.html" class="sub-menu">Carousel</a></li>
                <li><a href="./base-dropdown.html" class="sub-menu">Dropdown</a></li>
                <li><a href="./base-modal.html" class="sub-menu">Modal</a></li>
                <li><a href="./base-navtab.html" class="sub-menu">NavTab</a></li>
                <li><a href="./base-toast.html" class="sub-menu">Toast</a></li>
                <li>
                  <a href="./base-miscellaneous.html" class="sub-menu"
                    >Miscellaneous</a
                  >
                </li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-heart"></i>
                <span class="mm-text">Icons</span>
              </a>
              <ul>
                <li><a href="./icon-feather.html" class="sub-menu">Feather</a></li>
                <li><a href="./icon-flaticon.html" class="sub-menu">Flaticon</a></li>
                <li>
                  <a href="./icon-bootstrap.html" class="sub-menu">Bootstrap</a>
                </li>
                <li>
                  <a href="./icon-fontawesome.html" class="sub-menu">Fontawesome</a>
                </li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-table-list"></i>
                <span class="mm-text">Tables</span>
              </a>
              <ul>
                <li><a href="./table-default.html" class="sub-menu">Default</a></li>
                <li><a href="./table-bstable.html" class="sub-menu">bsTable</a></li>
                <li><a href="./table-footable.html" class="sub-menu">fooTable</a></li>
                <li>
                  <a href="./table-datatable.html" class="sub-menu">dataTable</a>
                </li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-chart-histogram"></i>
                <span class="mm-text">Charts</span>
              </a>
              <ul>
                <li><a href="./chart-apex.html" class="sub-menu">Apex</a></li>
                <li><a href="./chart-float.html" class="sub-menu">Float</a></li>
                <li><a href="./chart-chartjs.html" class="sub-menu">ChartJS</a></li>
                <li><a href="./chart-peity.html" class="sub-menu">Peity</a></li>
                <li><a href="./chart-progress.html" class="sub-menu">Progress</a></li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-table-layout"></i>
                <span class="mm-text">Forms</span>
              </a>
              <ul>
                <li>
                  <a class="sub-menu has-arrow" href="javascript:void(0);"
                    >Advanced</a
                  >
                  <ul>
                    <li>
                      <a href="./form-adv-radio.html" class="sub-menu">Radios</a>
                    </li>
                    <li>
                      <a href="./form-adv-switch.html" class="sub-menu">Switchs</a>
                    </li>
                    <li>
                      <a href="./form-adv-check.html" class="sub-menu">Checkbox</a>
                    </li>
                  </ul>
                </li>
                <li><a href="./form-elements.html" class="sub-menu">Elements</a></li>
                <li>
                  <a href="./form-validation.html" class="sub-menu">Validation</a>
                </li>
                <li>
                  <a href="./form-touchspin.html" class="sub-menu">TouchSpin</a>
                </li>
                <li>
                  <a href="./form-inputmask.html" class="sub-menu">InputMask</a>
                </li>
                <li><a href="./form-repeater.html" class="sub-menu">Repeater</a></li>
                <li>
                  <a href="./form-nouislider.html" class="sub-menu">noUiSlider</a>
                </li>
                <li>
                  <a href="./form-maxlength.html" class="sub-menu">Maxlength</a>
                </li>
                <li>
                  <a href="./form-clipboard.html" class="sub-menu">Clipboard</a>
                </li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-list-dropdown"></i>
                <span class="mm-text">Selects</span>
              </a>
              <ul>
                <li><a href="./select-select2.html" class="sub-menu">Select2</a></li>
                <li>
                  <a href="./select-selectize.html" class="sub-menu">Selectize</a>
                </li>
                <li><a href="./select-tagify.html" class="sub-menu">Tagify</a></li>
                <li><a href="./select-choices.html" class="sub-menu">Choices</a></li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-object-group"></i>
                <span class="mm-text">Editors</span>
              </a>
              <ul>
                <li><a href="./editor-quill.html" class="sub-menu">Quill</a></li>
                <li><a href="./editor-tinymce.html" class="sub-menu">TinyMCE</a></li>
                <li>
                  <a href="./editor-summernote.html" class="sub-menu">Summernote</a>
                </li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-eye-dropper"></i>
                <span class="mm-text">Pickers</span>
              </a>
              <ul>
                <li>
                  <a href="./picker-flatpickr.html" class="sub-menu">Flatpickr</a>
                </li>
                <li>
                  <a href="./picker-selectpicker.html" class="sub-menu"
                    >SelectPicker</a
                  >
                </li>
                <li>
                  <a href="./picker-timepicker.html" class="sub-menu">TimePicker</a>
                </li>
                <li>
                  <a href="./picker-bsdatepicker.html" class="sub-menu"
                    >BsDatePicker</a
                  >
                </li>
                <li>
                  <a href="./picker-daterangepicker.html" class="sub-menu"
                    >DaterangePicker</a
                  >
                </li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-marker"></i>
                <span class="mm-text">Maps</span>
              </a>
              <ul>
                <li><a href="./map-gmaps.html" class="sub-menu">Google Maps</a></li>
                <li><a href="./map-vector.html" class="sub-menu">Vector Maps</a></li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-apps-add"></i>
                <span class="mm-text">Extended</span>
              </a>
              <ul>
                <li>
                  <a href="./extended-sweetalert2.html" class="sub-menu"
                    >SweetAlert2</a
                  >
                </li>
                <li>
                  <a href="./extended-gLightbox.html" class="sub-menu">GLightbox</a>
                </li>
                <li>
                  <a href="./extended-owlcarousel.html" class="sub-menu"
                    >owlCarousel</a
                  >
                </li>
                <li><a href="./extended-swiper.html" class="sub-menu">Swiper</a></li>
                <li><a href="./extended-jstree.html" class="sub-menu">jsTree</a></li>
              </ul>
            </li>
            <li
              class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase"
              style="letter-spacing: 1px"
            >
              Pages
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-circle-user"></i>
                <span class="mm-text">Account</span>
              </a>
              <ul>
                <li>
                  <a href="./account-overview.html" class="sub-menu">Overview</a>
                </li>
                <li>
                  <a href="./account-activity.html" class="sub-menu">Activity</a>
                </li>
                <li><a href="./account-contact.html" class="sub-menu">Contact</a></li>
                <li><a href="./account-project.html" class="sub-menu">Project</a></li>
                <li><a href="./account-billing.html" class="sub-menu">Billing</a></li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-user-gear"></i>
                <span class="mm-text">Settings</span>
              </a>
              <ul>
                <li>
                  <a href="./settings-account.html" class="sub-menu">Account</a>
                </li>
                <li>
                  <a href="./settings-security.html" class="sub-menu">Security</a>
                </li>
                <li>
                  <a href="./settings-billing.html" class="sub-menu"
                    >Billing & Plans</a
                  >
                </li>
                <li>
                  <a href="./settings-notification.html" class="sub-menu"
                    >Notification</a
                  >
                </li>
                <li>
                  <a href="./settings-integration.html" class="sub-menu"
                    >Integration</a
                  >
                </li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-browser"></i>
                <span class="mm-text">General</span>
              </a>
              <ul>
                <li><a href="./general-starter.html" class="sub-menu">Starter</a></li>
                <li><a href="./general-pricing.html" class="sub-menu">Pricing</a></li>
                <li>
                  <a href="./general-helpdesk.html" class="sub-menu">Helpdesk</a>
                </li>
                <li>
                  <a href="general-maintenance.html" class="sub-menu">Maintenance</a>
                </li>
                <li>
                  <a href="general-commingsoon.html" class="sub-menu">Comming Soon</a>
                </li>
                <li>
                  <a href="./general-privacy.html" class="sub-menu"
                    >Privacy & Policy</a
                  >
                </li>
                <li>
                  <a href="./general-terms.html" class="sub-menu"
                    >Terms of Services</a
                  >
                </li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-lock"></i>
                <span class="mm-text">Authentication</span>
              </a>
              <ul>
                <li><a href="./auth-login.html" class="sub-menu">Login</a></li>
                <li><a href="./auth-register.html" class="sub-menu">Register</a></li>
                <li><a href="./auth-reset.html" class="sub-menu">Resetting</a></li>
                <li><a href="./auth-recover.html" class="sub-menu">Recovery</a></li>
                <li>
                  <a href="./auth-otp.html" class="sub-menu">Two-factor (OTP)</a>
                </li>
                <li>
                  <a href="./auth-lockscreen.html" class="sub-menu">Lock Screen</a>
                </li>
                <li><a href="auth-404.html" class="sub-menu">Error-404</a></li>
              </ul>
            </li>
            <li>
              <a class="has-arrow" href="javascript:void(0);">
                <i class="fi fi-rr-settings-sliders"></i>
                <span class="mm-text">Menu Level</span>
              </a>
              <ul>
                <li><a class="sub-menu" href="javascript:void(0);">Level-1</a></li>
                <li>
                  <a class="sub-menu has-arrow" href="javascript:void(0);">Level-1</a>
                  <ul>
                    <li>
                      <a class="sub-menu" href="javascript:void(0);">Level-2</a>
                    </li>
                    <li>
                      <a class="sub-menu has-arrow" href="javascript:void(0);"
                        >Level-2</a
                      >
                      <ul>
                        <li>
                          <a class="sub-menu" href="javascript:void(0);">Level-3</a>
                        </li>
                        <li>
                          <a class="sub-menu" href="javascript:void(0);">Level-3</a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="disabled">
              <a href="javascript:void(0);">
                <i class="fi fi-rr-ban"></i>
                <span class="mm-text">Disabled</span>
              </a>
            </li>
            <li
              class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase"
              style="letter-spacing: 1px"
            >
              Supports
            </li>
            <li>
              <a href="mailto:wrapcoders@gmail.com">
                <i class="fi fi-rr-life-ring"></i>
                <span class="mm-text">Supports</span>
              </a>
            </li>
            <li>
              <a href="./../../docs/documentation.html" target="_blank">
                <i class="fi fi-rr-book-alt"></i>
                <span class="mm-text">Documentation</span>
              </a>
            </li>
          </ul>
          <div class="card text-center mx-3 mt-6 mb-4 bg-primary-subtle">
            <div class="card-body vstack gap-4">
              <i
                class="fi fi-rr-rocket-lunch fs-1 text-primary"
                style="transform: rotate(320deg)"
              ></i>
              <div>
                <h5 class="mb-2 text-primary">Help Center</h5>
                <p class="fs-13 fw-light mb-0 text-primary">
                  Expodash is a production ready multi dashboard to get started up and
                  running easily.
                </p>
              </div>
              <a
                href="mailto:wrapcoders@gmail.com"
                class="btn btn-primary text-white w-100"
                >Get Support</a
              >
            </div>
          </div>
        </nav>
        <!-- End:: Sidebar Nav -->
      </aside>

      <!--! ================================================================ !-->
      <!--! End:: Main Menu !-->
      <!--! ================================================================ !-->
      <!--! ================================================================ !-->
      <!--! Start:: Main Content !-->
      <!--! ================================================================ !-->
      <main id="edash-main">
        <!--! ================================================================ !-->
        <!--! Start:: Header !-->
        <!--! ================================================================ !-->
        <header
          class="edash-header sticky-top d-flex align-items-end ht-80"
          id="edash-header-sticky"
        >
          <div
            class="edash-header-container container-xxl w-100 ht-70 px-4 bg-body-tertiary border rounded-3 d-flex align-items-center justify-content-between position-relative"
            id="edash-header-container"
          >
            <!--! Start:: edash-header-left !-->
            <div class="edash-header-left d-flex align-items-center gap-2">
              <!--! Start:: edash-minimenu-toggle !-->
              <div class="edash-minimenu-toggle d-none d-xl-flex">
                <div id="edash-menu-mini">
                  <a
                    href="javascript:void(0);"
                    class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill ht-40"
                  >
                    <i class="fi fi-sr-menu-burger"></i>
                  </a>
                </div>
                <div id="edash-menu-expand" style="display: none">
                  <a
                    href="javascript:void(0);"
                    class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill ht-40"
                  >
                    <i class="fi fi-rr-arrow-right"></i>
                  </a>
                </div>
              </div>
              <!--! End:: edash-minimenu-toggle !-->
              <!--! Start:: edash-menu-toggle !-->
              <div class="edash-menu-toggle d-xl-none">
                <a
                  href="javascript:void(0);"
                  class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill ht-40"
                  id="edash-menu-show"
                >
                  <i class="fi fi-sr-menu-burger"></i>
                </a>
              </div>
              <!--! End:: edash-menu-toggle !-->
              <!--! Start:: edash-search-wrapper !-->
              <div class="edash-search-wrapper">
                <a
                  href="javascript:void(0);"
                  class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40 ms-1"
                  id="edash-search-show"
                >
                  <i class="fi fi-rr-search"></i>
                </a>
                <form
                  action="#"
                  class="edash-search position-absolute start-0 top-0 end-0 bottom-0 w-100 z-1090"
                >
                  <div
                    class="input-group ps-3 ps-md-4 pe-md-2 bg-body-tertiary rounded-3"
                    style="height: calc(5rem - 0.75rem)"
                  >
                    <span class="input-group-text border-0">
                      <i class="fi fi-rr-search"></i>
                    </span>
                    <input
                      type="text"
                      class="form-control border-0 fw-medium text-muted"
                      placeholder="Search...."
                    />
                    <span class="input-group-text border-0" id="edash-search-hide">
                      <button type="button" class="btn-close"></button>
                    </span>
                  </div>
                </form>
              </div>
              <!--! End:: edash-search-wrapper !-->
            </div>
            <!--! End:: edash-header-left !-->
            <!--! Start:: edash-header-right !-->
            <div class="edash-header-right d-flex align-items-center gap-1 gap-sm-2">
              <!--! Start:: edash-language !-->
              <div class="dropdown">
                <a
                  href="javascript:void(0);"
                  class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40"
                  data-bs-toggle="dropdown"
                  data-bs-auto-close="outside"
                  data-bs-offset="0, 19"
                >
                  <img
                    src="./../assets/images/flags/1x1/us.svg"
                    class="img-fluid rounded-circle wd-20 ht-20"
                    alt=""
                  />
                </a>
                <ul class="dropdown-menu dropdown-menu-end">
                  <li>
                    <a href="javascript:void(0);" class="dropdown-item">
                      <img
                        src="./../assets/images/flags/1x1/us.svg"
                        alt=""
                        class="img-fluid rounded-circle wd-20 ht-20"
                      />
                      <span class="ms-3">English (US)</span>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="dropdown-item">
                      <img
                        src="./../assets/images/flags/1x1/fr.svg"
                        alt=""
                        class="img-fluid rounded-circle wd-20 ht-20"
                      />
                      <span class="ms-3">Français</span>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="dropdown-item">
                      <img
                        src="./../assets/images/flags/1x1/ru.svg"
                        alt=""
                        class="img-fluid rounded-circle wd-20 ht-20"
                      />
                      <span class="ms-3">Russian</span>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="dropdown-item">
                      <img
                        src="./../assets/images/flags/1x1/de.svg"
                        alt=""
                        class="img-fluid rounded-circle wd-20 ht-20"
                      />
                      <span class="ms-3">Deutsch</span>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="dropdown-item">
                      <img
                        src="./../assets/images/flags/1x1/bd.svg"
                        alt=""
                        class="img-fluid rounded-circle wd-20 ht-20"
                      />
                      <span class="ms-3">Bangeli</span>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="dropdown-item">
                      <img
                        src="./../assets/images/flags/1x1/gb.svg"
                        alt=""
                        class="img-fluid rounded-circle wd-20 ht-20"
                      />
                      <span class="ms-3">English (UK)</span>
                    </a>
                  </li>
                </ul>
              </div>
              <!--! End:: edash-language !-->
              <!--! Start:: theme-switcher !-->
              <div class="dropdown">
                <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
                  <symbol id="sun-fill" viewBox="0 0 24 24">
                    <path
                      d="M12,17c-2.76,0-5-2.24-5-5s2.24-5,5-5,5,2.24,5,5-2.24,5-5,5Zm0-8c-1.65,0-3,1.35-3,3s1.35,3,3,3,3-1.35,3-3-1.35-3-3-3Zm1-5V1c0-.55-.45-1-1-1s-1,.45-1,1v3c0,.55,.45,1,1,1s1-.45,1-1Zm0,19v-3c0-.55-.45-1-1-1s-1,.45-1,1v3c0,.55,.45,1,1,1s1-.45,1-1ZM5,12c0-.55-.45-1-1-1H1c-.55,0-1,.45-1,1s.45,1,1,1h3c.55,0,1-.45,1-1Zm19,0c0-.55-.45-1-1-1h-3c-.55,0-1,.45-1,1s.45,1,1,1h3c.55,0,1-.45,1-1ZM6.71,6.71c.39-.39,.39-1.02,0-1.41l-2-2c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l2,2c.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Zm14,14c.39-.39,.39-1.02,0-1.41l-2-2c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l2,2c.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Zm-16,0l2-2c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-2,2c-.39,.39-.39,1.02,0,1.41,.2,.2,.45,.29,.71,.29s.51-.1,.71-.29ZM18.71,6.71l2-2c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-2,2c-.39,.39-.39,1.02,0,1.41,.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Z"
                    ></path>
                  </symbol>
                  <symbol id="moon-stars-fill" viewBox="0 0 24 24">
                    <path
                      d="M15,24a12.021,12.021,0,0,1-8.914-3.966,11.9,11.9,0,0,1-3.02-9.309A12.122,12.122,0,0,1,13.085.152a13.061,13.061,0,0,1,5.031.205,2.5,2.5,0,0,1,1.108,4.226c-4.56,4.166-4.164,10.644.807,14.41a2.5,2.5,0,0,1-.7,4.32A13.894,13.894,0,0,1,15,24Zm.076-22a10.793,10.793,0,0,0-1.677.127,10.093,10.093,0,0,0-8.344,8.8A9.927,9.927,0,0,0,7.572,18.7,10.476,10.476,0,0,0,18.664,21.43a.5.5,0,0,0,.139-.857c-5.929-4.478-6.4-12.486-.948-17.449a.459.459,0,0,0,.128-.466.49.49,0,0,0-.356-.361A10.657,10.657,0,0,0,15.076,2Z"
                    ></path>
                  </symbol>
                  <symbol id="circle-half" viewBox="0 0 24 24">
                    <path
                      d="M12,0C5.38,0,0,5.38,0,12s5.38,12,12,12,12-5.38,12-12S18.62,0,12,0Zm0,22V2c5.51,0,10,4.49,10,10s-4.49,10-10,10Z"
                    ></path>
                  </symbol>
                </svg>
                <a
                  href="javascript:void(0);"
                  class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40"
                  id="bd-theme"
                  aria-expanded="false"
                  data-bs-toggle="dropdown"
                  aria-label="Toggle theme (dark)"
                  data-bs-auto-close="outside"
                  data-bs-offset="0, 19"
                >
                  <svg class="theme-icon-active wd-20 ht-20" fill="currentColor">
                    <use href="#moon-stars-fill"></use>
                  </svg>
                </a>
                <ul class="dropdown-menu dropdown-menu-end min-wd-200">
                  <li>
                    <a
                      href="javascript:void(0);"
                      class="dropdown-item"
                      data-bs-theme-value="light"
                    >
                      <svg
                        class="theme-icon"
                        fill="currentColor"
                        width="16"
                        height="16"
                      >
                        <use href="#sun-fill"></use>
                      </svg>
                      <span class="ms-3">Light</span>
                    </a>
                  </li>
                  <li>
                    <a
                      href="javascript:void(0);"
                      class="dropdown-item"
                      data-bs-theme-value="dark"
                    >
                      <svg
                        class="theme-icon"
                        fill="currentColor"
                        width="16"
                        height="16"
                      >
                        <use href="#moon-stars-fill"></use>
                      </svg>
                      <span class="ms-3">Dark</span>
                    </a>
                  </li>
                  <li>
                    <a
                      href="javascript:void(0);"
                      class="dropdown-item"
                      data-bs-theme-value="auto"
                    >
                      <svg
                        class="theme-icon"
                        fill="currentColor"
                        width="16"
                        height="16"
                      >
                        <use href="#circle-half"></use>
                      </svg>
                      <span class="ms-3">Auto</span>
                    </a>
                  </li>
                </ul>
              </div>
              <!--! End:: theme-switcher !-->
              <!--! Start:: edash-notifications !-->
              <div class="dropdown">
                <a
                  href="javascript:void(0);"
                  class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40"
                  data-bs-toggle="dropdown"
                  data-bs-auto-close="outside"
                  data-bs-offset="0, 19"
                >
                  <i class="fi fi-rr-bell"></i>
                  <div
                    class="position-absolute top-10 start-50 translate-middle wd-6 ht-6 bg-danger rounded-circle"
                    data-bs-toggle="tooltip"
                    data-bs-trigger="hover"
                    title="12+ Unread Notification"
                  ></div>
                </a>
                <div
                  class="dropdown-menu dropdown-menu-end dropdown-xl p-0 overflow-hidden"
                >
                  <div class="bg-primary text-white px-4 py-4">
                    <h5 class="fw-semibold text-white mb-1">
                      <span>Notifications</span>
                      <span class="badge bg-warning ms-1 rounded-pill">12+</span>
                    </h5>
                    <p class="fs-13 mb-0">You have 12+ unread notification</p>
                  </div>
                  <div
                    class="list-group list-group-flush ht-300 position-relative init-perfect-scroll-bar"
                  >
                    <a
                      href="javascript:void(0);"
                      class="list-group-item d-flex position-relative"
                    >
                      <div
                        class="avatar avatar-lg bg-danger-subtle rounded flex-shrink-0"
                      >
                        <i class="fi fi-rr-megaphone text-danger"></i>
                      </div>
                      <div class="media-body flex-grow-1 ms-3">
                        <p class="fw-normal mb-1">
                          Congratulate
                          <span class="fw-semibold text-dark">Socrates Itumay</span> for
                          work anniversaries
                        </p>
                        <span class="fs-12 fw-normal text-muted">Mar 15 12:32pm</span>
                      </div>
                      <div
                        class="position-absolute top-40 translate-middle wd-5 ht-5 bg-primary rounded-circle"
                        style="left: 0.75rem"
                        data-bs-toggle="tooltip"
                        data-bs-trigger="hover"
                        title="Unread Notification"
                      ></div>
                    </a>
                    <a
                      href="javascript:void(0);"
                      class="list-group-item d-flex position-relative"
                    >
                      <div
                        class="avatar avatar-lg bg-warning-subtle rounded flex-shrink-0"
                      >
                        <i class="fi fi-rr-edit text-warning"></i>
                      </div>
                      <div class="media-body flex-grow-1 ms-3">
                        <p class="fw-normal mb-1">
                          <span class="fw-semibold text-dark">Althea Cabardo</span> just
                          created a new blog post
                        </p>
                        <span class="fs-12 fw-normal text-muted">Mar 13 02:56am</span>
                      </div>
                      <div
                        class="position-absolute top-40 translate-middle wd-5 ht-5 bg-primary rounded-circle"
                        style="left: 0.75rem"
                        data-bs-toggle="tooltip"
                        data-bs-trigger="hover"
                        title="Unread Notification"
                      ></div>
                    </a>
                    <a href="javascript:void(0);" class="list-group-item d-flex">
                      <div
                        class="avatar avatar-lg bg-info-subtle rounded flex-shrink-0"
                      >
                        <i class="fi fi-rr-comment-alt-dots text-info"></i>
                      </div>
                      <div class="media-body flex-grow-1 ms-3">
                        <p class="fw-normal mb-1">
                          <span class="fw-semibold text-dark">Adrian Monino</span> added
                          new comment on your photo
                        </p>
                        <span class="fs-12 fw-normal text-muted">Mar 12 10:40pm</span>
                      </div>
                    </a>
                    <a href="javascript:void(0);" class="list-group-item d-flex">
                      <div
                        class="avatar avatar-lg bg-success-subtle rounded flex-shrink-0"
                      >
                        <i class="fi fi-rr-badge-check text-success"></i>
                      </div>
                      <div class="media-body flex-grow-1 ms-3">
                        <p class="fw-normal mb-1">
                          <span class="fw-semibold text-dark">Kenneth Hune</span>
                          accepted your request
                        </p>
                        <span class="fs-12 fw-normal text-muted">Mar 13 02:56am</span>
                      </div>
                    </a>
                    <a
                      href="javascript:void(0);"
                      class="list-group-item d-flex border-bottom-0"
                    >
                      <div
                        class="avatar avatar-lg bg-warning-subtle rounded flex-shrink-0"
                      >
                        <i class="fi fi-rr-file-medical-alt text-warning"></i>
                      </div>
                      <div class="media-body flex-grow-1 ms-3">
                        <p class="fw-normal mb-1">
                          December monthly financial <strong>report</strong> is
                          generated
                        </p>
                        <span class="fs-12 fw-normal text-muted">Mar 12 10:40pm</span>
                      </div>
                    </a>
                  </div>
                  <div
                    class="px-4 py-3 border-top d-flex justify-content-between align-items-center"
                  >
                    <a href="javascript:void(0);">Make as Read</a>
                    <a href="javascript:void(0);" class="icon-link icon-link-hover">
                      <span>View Alls</span>
                      <i class="fi fi-rr-arrow-small-right bi"></i>
                    </a>
                  </div>
                </div>
              </div>
              <!--! End:: edash-notifications !-->
              <!--! Start:: edash-helpdesk !-->
              <div class="dropdown">
                <a
                  href="javascript:void(0);"
                  class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40"
                  data-bs-toggle="dropdown"
                  data-bs-auto-close="outside"
                  data-bs-offset="0, 19"
                >
                  <i class="fi fi-rr-interrogation"></i>
                </a>
                <div
                  class="dropdown-menu dropdown-menu-end dropdown-xl p-0 overflow-hidden"
                >
                  <div class="bg-primary text-white text-center px-6 py-12">
                    <h4 class="fw-semibold text-white mb-2">Help Center</h4>
                    <p class="fs-13">
                      This greeting is courteous and professional, setting a positive
                      tone for your ticket.
                    </p>
                    <a href="javascript:void(0);" class="btn btn-sm btn-warning"
                      >Get Support</a
                    >
                  </div>
                  <div class="row g-2 p-3">
                    <div class="col-6">
                      <a href="javascript:void(0);" class="dropdown-item"
                        >Introduction</a
                      >
                      <a href="javascript:void(0);" class="dropdown-item">Orders</a>
                      <a href="javascript:void(0);" class="dropdown-item">Products</a>
                      <a href="javascript:void(0);" class="dropdown-item">Customers</a>
                      <a href="javascript:void(0);" class="dropdown-item">Suppliers</a>
                      <a href="javascript:void(0);" class="dropdown-item"
                        >Customization</a
                      >
                    </div>
                    <div class="col-6">
                      <a href="javascript:void(0);" class="dropdown-item">Partners</a>
                      <a href="javascript:void(0);" class="dropdown-item">Members</a>
                      <a href="javascript:void(0);" class="dropdown-item">Components</a>
                      <a href="javascript:void(0);" class="dropdown-item">Projects</a>
                      <a href="javascript:void(0);" class="dropdown-item">Records</a>
                      <a href="javascript:void(0);" class="dropdown-item">Support</a>
                    </div>
                  </div>
                </div>
              </div>
              <!--! End:: edash-helpdesk !-->
              <!--! Start:: edash-applications !-->
              <div class="dropdown">
                <a
                  href="javascript:void(0);"
                  class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40"
                  data-bs-toggle="dropdown"
                  data-bs-auto-close="outside"
                  data-bs-offset="0, 19"
                >
                  <i class="fi fi-rr-apps-add"></i>
                </a>
                <div class="dropdown-menu dropdown-menu-end dropdown-lg">
                  <div class="row text-center align-items-center gx-0 gy-0">
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded"
                      >
                        <img
                          src="./../assets/images/brand/gmail.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Gmail
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded"
                      >
                        <img
                          src="./../assets/images/brand/dropbox.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Dropbox
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded"
                      >
                        <img
                          src="./../assets/images/brand/google-drive.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Gdrive
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded"
                      >
                        <img
                          src="./../assets/images/brand/figma.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Figma
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded"
                      >
                        <img
                          src="./../assets/images/brand/github.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Github
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded"
                      >
                        <img
                          src="./../assets/images/brand/gitlab.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Gitlab
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded"
                      >
                        <img
                          src="./../assets/images/brand/instagram.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Instagram
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded"
                      >
                        <img
                          src="./../assets/images/brand/pinterest.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Pinterest
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded"
                      >
                        <img
                          src="./../assets/images/brand/facebook.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Facebook
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-0"
                      >
                        <img
                          src="./../assets/images/brand/shopify.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Shopify
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-0"
                      >
                        <img
                          src="./../assets/images/brand/spotify.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Spotify
                        </p>
                      </a>
                    </div>
                    <div class="col-4 hstack">
                      <a
                        href="javascript:void(0);"
                        class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-0"
                      >
                        <img
                          src="./../assets/images/brand/whatsapp.png"
                          alt=""
                          class="img-fluid wd-20 ht-20"
                        />
                        <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1">
                          Whatsapp
                        </p>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
              <!--! End:: edash-applications !-->
              <!--! Start:: edash-profile !-->
              <div class="dropdown">
                <a
                  href="javascript:void(0);"
                  class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40"
                  data-bs-toggle="dropdown"
                  data-bs-auto-close="outside"
                  data-bs-offset="0, 19"
                >
                  <div class="avatar avatar-md rounded-circle">
                    <img
                      src="./../assets/images/avatar/1.png"
                      alt="Avatar"
                      class="img-fluid rounded-circle"
                    />
                    <div class="avatar-indicator active"></div>
                  </div>
                </a>
                <div class="dropdown-menu dropdown-menu-end dropdown-md p-0">
                  <div class="px-4 py-3 d-flex border-bottom">
                    <div class="avatar avatar-md flex-shrink-0">
                      <img
                        src="./../assets/images/avatar/1.png"
                        alt="Avatar"
                        class="img-fluid rounded"
                      />
                    </div>
                    <div class="flex-grow-1 ms-3">
                      <h6 class="text-dark mb-1">Alexandra Della</h6>
                      <span class="fs-13 text-muted">Premium Member</span>
                    </div>
                  </div>
                  <div class="px-2 py-3">
                    <a href="./account-overview.html" class="dropdown-item">
                      <i class="fi fi-rs-user"></i>
                      <span class="ms-3">Profile</span>
                    </a>
                    <a href="./account-activity.html" class="dropdown-item">
                      <i class="fi fi-rr-pulse"></i>
                      <span class="ms-3">Activity</span>
                    </a>
                    <a href="./account-project.html" class="dropdown-item">
                      <i class="fi fi-rr-file-invoice-dollar"></i>
                      <span class="ms-3">Projects</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="./general-pricing.html" class="dropdown-item">
                      <i class="fi fi-rr-usd-circle"></i>
                      <span class="ms-3">Pricing</span>
                    </a>
                    <a href="./settings-account.html" class="dropdown-item">
                      <i class="fi fi-rr-settings"></i>
                      <span class="ms-3">Settings</span>
                    </a>
                    <a href="./general-helpdesk.html" class="dropdown-item">
                      <i class="fi fi-rr-seal-question"></i>
                      <span class="ms-3">Helpdesk</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="./auth-login.html" class="dropdown-item text-danger">
                      <i class="fi fi-rr-exit"></i>
                      <span class="ms-3">Logout</span>
                    </a>
                  </div>
                </div>
              </div>
              <!--! End:: edash-profile !-->
            </div>
            <!--! End:: edash-header-right !-->
          </div>
        </header>

        <!--! ================================================================ !-->
        <!--! End:: Header !-->
        <!--! ================================================================ !-->
        <!--! ================================================================ !-->
        <!--! Start:: Page Content !-->
        <!--! ================================================================ !-->
        <div
          class="edash-page-container container-xxl"
          id="edash-page-container"
        >
          <!--! Start:: Content Section !-->
          <div class="edash-content-section">
            <!-- Start:: card -->
            <div
              class="edash-apps-main-card card position-relative"
              id="edash-apps-main-card"
            >
              <!-- Start:: row -->
              <div class="row g-0 overflow-hidden">
                <!--! ================================ !-->
                <!--! Start:: edash-aside-left !-->
                <!--! ================================ !-->
                <div
                  class="edash-aside-left edash-aside-wd-md col bg-body-tertiary border-end rounded-start-3"
                  id="edash-aside-left"
                >
                  <!-- Start:: edash-aside-left-header -->
                  <div
                    class="edash-aside-left-header ht-80 px-4 d-flex align-items-center justify-content-between"
                  >
                    <h2 class="fs-20 fw-semibold mb-0">File Manager</h2>
                    <a
                      href="javascript:void(0);"
                      class="btn btn-icon btn-light d-lg-none"
                      data-edash-trigger="edash-aside-left-close"
                    >
                      <i class="fi fi-br-cross fs-13"></i>
                    </a>
                  </div>
                  <!-- End:: edash-aside-left-header -->
                  <hr class="my-0" />
                  <!-- Start:: edash-aside-left-body -->
                  <div
                    class="edash-aside-left-body position-relative init-perfect-scroll-bar"
                  >
                    <div class="dropdown p-4 d-grid">
                      <a
                        href="javascript:void(0);"
                        class="btn btn-md btn-primary"
                        data-bs-toggle="dropdown"
                      >
                        <i class="fi fi-br-plus"></i>
                        <span class="ms-2">Create</span>
                      </a>
                      <ul class="dropdown-menu dropdown-md">
                        <li>
                          <a href="javascript:void(0);" class="dropdown-item">
                            <i class="fi fi-rr-file-import"></i>
                            <span class="ms-3">Create File</span>
                          </a>
                        </li>
                        <li>
                          <a href="javascript:void(0);" class="dropdown-item">
                            <i class="fi fi-rr-add-folder"></i>
                            <span class="ms-3">Create Folder</span>
                          </a>
                        </li>
                        <li><hr class="dropdown-divider" /></li>
                        <li>
                          <a
                            href="javascript:void(0);"
                            class="dropdown-item"
                            data-bs-toggle="modal"
                            data-bs-target="#fileUploadModal"
                          >
                            <i class="fi fi-rr-cloud-upload-alt"></i>
                            <span class="ms-3">Upload Files</span>
                          </a>
                        </li>
                      </ul>
                    </div>
                    <hr class="my-0 border-top-dashed" />
                    <ul class="nav flex-column px-2 py-3">
                      <li class="nav-item mb-2 active">
                        <a
                          href="javascript:void(0);"
                          class="nav-link d-flex align-items-center justify-content-between rounded"
                        >
                          <span class="hstack gap-3">
                            <i class="fi fi-rr-folders"></i>
                            <span class="d-block">All Folders</span>
                          </span>
                          <span class="badge bg-primary-subtle text-primary"
                            >5</span
                          >
                        </a>
                      </li>
                      <li class="nav-item mb-2">
                        <a href="javascript:void(0);" class="nav-link rounded">
                          <span class="hstack gap-3">
                            <i class="fi fi-rr-document"></i>
                            <span class="d-block">Documents</span>
                          </span>
                        </a>
                      </li>
                      <li class="nav-item mb-2">
                        <a href="javascript:void(0);" class="nav-link rounded">
                          <span class="hstack gap-3">
                            <i class="fi fi-rr-star"></i>
                            <span class="d-block">Important</span>
                          </span>
                        </a>
                      </li>
                      <li class="nav-item mb-2">
                        <a
                          href="javascript:void(0);"
                          class="nav-link d-flex align-items-center justify-content-between rounded"
                        >
                          <span class="hstack gap-3">
                            <i class="fi fi-rr-share"></i>
                            <span class="d-block">Shared</span>
                          </span>
                          <span class="badge bg-danger-subtle text-danger"
                            >3</span
                          >
                        </a>
                      </li>
                      <li class="nav-item mb-0">
                        <a href="javascript:void(0);" class="nav-link rounded">
                          <span class="hstack gap-3">
                            <i class="fi fi-rr-trash"></i>
                            <span class="d-block">Recovery</span>
                          </span>
                        </a>
                      </li>
                    </ul>
                    <hr class="my-0 border-top-dashed" />
                    <div
                      class="px-4 pt-4 d-flex align-items-center justify-content-between"
                    >
                      <label
                        class="fs-12 fw-semibold text-uppercase text-muted"
                        style="letter-spacing: 0.05rem"
                        >Vartual Drive</label
                      >
                      <a
                        href="javascript:void(0);"
                        data-bs-toggle="tooltip"
                        data-bs-trigger="hover"
                        title="Add Drive"
                      >
                        <i class="fi fi-rr-add"></i>
                      </a>
                    </div>
                    <ul class="nav flex-column px-2 py-3">
                      <li class="nav-item mb-2">
                        <a
                          href="javascript:void(0);"
                          class="nav-link d-flex align-items-center rounded gap-3"
                        >
                          <svg
                            xmlns="http://www.w3.org/2000/svg"
                            version="1.1"
                            xmlns:xlink="http://www.w3.org/1999/xlink"
                            width="20"
                            height="20"
                            x="0"
                            y="0"
                            viewBox="0 0 512 512"
                            style="enable-background: new 0 0 512 512"
                            xml:space="preserve"
                          >
                            <g>
                              <path
                                d="M398.88 208a115.181 115.181 0 0 0 1.12-16c0-61.76-50.24-112-112-112-39.648 0-76.256 21.344-96.064 54.656C181.952 130.272 171.168 128 160 128c-44.096 0-80 35.904-80 80 0 1.632.032 3.232.16 4.8C33.472 226.336 0 269.792 0 320c0 61.76 50.24 112 112 112h288c61.76 0 112-50.24 112-112 0-62.112-50.368-112.512-113.12-112z"
                                fill="#2196f3"
                                data-original="#2196f3"
                              ></path>
                            </g>
                          </svg>
                          <span>iCloud</span>
                        </a>
                      </li>
                      <li class="nav-item mb-2">
                        <a
                          href="javascript:void(0);"
                          class="nav-link d-flex align-items-center rounded gap-3"
                        >
                          <svg
                            xmlns="http://www.w3.org/2000/svg"
                            version="1.1"
                            xmlns:xlink="http://www.w3.org/1999/xlink"
                            width="20"
                            height="20"
                            x="0"
                            y="0"
                            viewBox="0 0 447.232 447.232"
                            style="enable-background: new 0 0 512 512"
                            xml:space="preserve"
                          >
                            <g>
                              <path
                                d="M207.527 251.676 92.903 177.758a10.272 10.272 0 0 0-12.007.63L3.833 240.403c-5.458 4.392-5.015 12.839.873 16.636l114.624 73.918a10.272 10.272 0 0 0 12.007-.63l77.063-62.014c5.458-4.393 5.015-12.84-.873-16.637zM238.833 268.312l77.063 62.014a10.272 10.272 0 0 0 12.007.63l114.624-73.918c5.888-3.797 6.331-12.244.873-16.636l-77.063-62.014a10.272 10.272 0 0 0-12.007-.63l-114.624 73.918c-5.887 3.797-6.331 12.244-.873 16.636zM208.4 74.196l-77.063-62.014a10.272 10.272 0 0 0-12.007-.63L4.706 85.47c-5.888 3.797-6.331 12.244-.873 16.636l77.063 62.014a10.272 10.272 0 0 0 12.007.63l114.624-73.918c5.888-3.797 6.331-12.244.873-16.636zM442.527 85.47 327.903 11.552a10.272 10.272 0 0 0-12.007.63l-77.063 62.014c-5.458 4.392-5.015 12.839.873 16.636l114.625 73.918a10.272 10.272 0 0 0 12.007-.63l77.063-62.014c5.457-4.393 5.014-12.84-.874-16.636z"
                                fill="#1587ea"
                                data-original="#1587ea"
                              ></path>
                              <path
                                d="m218 279.2-86.3 68.841a9.319 9.319 0 0 1-10.861.547L99.568 334.87c-6.201-3.999-14.368.453-14.368 7.831v7.416a9.32 9.32 0 0 0 4.488 7.969l128.481 77.884a9.317 9.317 0 0 0 9.661 0l128.481-77.884a9.319 9.319 0 0 0 4.488-7.969v-6.619c0-7.378-8.168-11.83-14.368-7.831l-20.024 12.913a9.318 9.318 0 0 1-10.876-.559l-85.893-68.809A9.32 9.32 0 0 0 218 279.2z"
                                fill="#1587ea"
                                data-original="#1587ea"
                              ></path>
                            </g>
                          </svg>
                          <span>Dropbox</span>
                        </a>
                      </li>
                      <li class="nav-item mb-2">
                        <a
                          href="javascript:void(0);"
                          class="nav-link d-flex align-items-center rounded gap-3"
                        >
                          <svg
                            xmlns="http://www.w3.org/2000/svg"
                            version="1.1"
                            xmlns:xlink="http://www.w3.org/1999/xlink"
                            width="20"
                            height="20"
                            x="0"
                            y="0"
                            viewBox="0 0 511.999 511.999"
                            style="enable-background: new 0 0 512 512"
                            xml:space="preserve"
                          >
                            <g>
                              <path
                                fill="#0066dd"
                                d="m38.563 418.862 22.51 39.042c4.677 8.219 11.41 14.682 19.319 19.388l80.744-57.248.147-82.19-80.577-36.303L0 337.565c-.016 9.09 2.313 18.185 6.991 26.404z"
                                opacity="1"
                                data-original="#0066dd"
                              ></path>
                              <path
                                fill="#00ad3c"
                                d="m256.293 173.808 4.212-107.064-84.604-32.663c-7.926 4.678-14.682 11.117-19.389 19.319L7.085 311.186C2.379 319.389.016 328.475 0 337.565l161.283.288z"
                                opacity="1"
                                data-original="#00ad3c"
                              ></path>
                              <path
                                fill="#00831e"
                                d="m256.293 173.808 77.503-41.694 3.387-97.745c-7.909-4.706-16.996-7.068-26.379-7.085l-108.499-.194c-9.384-.017-18.479 2.606-26.405 6.991z"
                                opacity="1"
                                data-original="#00831e"
                              ></path>
                              <path
                                fill="#0084ff"
                                d="m350.716 338.192-189.434-.338-80.89 139.438c7.909 4.706 16.996 7.068 26.379 7.085l297.933.532c9.384.017 18.479-2.606 26.405-6.991l.314-93.66z"
                                opacity="1"
                                data-original="#0084ff"
                              ></path>
                              <path
                                fill="#ff4131"
                                d="M431.109 477.919c7.926-4.678 14.682-11.117 19.388-19.319l9.413-16.111 45.005-77.629c4.706-8.202 7.069-17.288 7.085-26.379l-93.221-49.051-67.768 48.764z"
                                opacity="1"
                                data-original="#ff4131"
                              ></path>
                              <path
                                fill="#ffba00"
                                d="m430.756 182.917-74.253-129.16c-4.677-8.22-11.41-14.683-19.32-19.389l-80.891 139.439 94.423 164.385 160.99.288c.016-9.09-2.314-18.185-6.991-26.405z"
                                opacity="1"
                                data-original="#ffba00"
                              ></path>
                            </g>
                          </svg>
                          <span>Google Drive</span>
                          <span
                            class="badge bg-success-subtle text-success ms-auto"
                            >2</span
                          >
                        </a>
                      </li>
                    </ul>
                    <hr class="my-0 border-top-dashed" />
                    <div class="px-4 my-4">
                      <h6 class="fs-12 text-uppercase mb-2">Storage</h6>
                      <div class="progress ht-5 mb-2">
                        <div
                          class="progress-bar progress-lg bg-primary"
                          role="progressbar"
                          style="width: 46%"
                          aria-valuenow="46"
                          aria-valuemin="0"
                          aria-valuemax="100"
                        ></div>
                      </div>
                      <p class="fs-12 text-muted text-uppercase mb-0">
                        7.02 GB (46%) of 15 GB used
                      </p>
                    </div>
                  </div>
                  <!-- End:: edash-aside-left-body -->
                  <hr class="my-0" />
                  <!-- Start:: edash-aside-left-footer -->
                  <div
                    class="edash-aside-left-footer ht-60 px-4 d-flex flex-wrap align-items-center text-muted fs-12 fw-medium text-uppercase"
                    style="letter-spacing: 0.05rem"
                  >
                    <span>Copyright &copy;</span>
                    <script>
                      document.write(new Date().getFullYear());
                    </script>
                  </div>
                  <!-- End:: edash-aside-left-footer -->
                </div>
                <!--! ================================ !-->
                <!--! End:: edash-aside-left !-->
                <!--! ================================ !-->
                <!--! ================================ !-->
                <!--! Start:: edash-main-content !-->
                <!--! ================================ !-->
                <div
                  class="edash-main-content col position-relative overflow-hidden"
                >
                  <!-- Start:: edash-main-content-header -->
                  <div
                    class="edash-main-content-header ht-80 px-3 px-md-4 d-flex align-items-center justify-content-between gap-3"
                  >
                    <!-- Start:: edash-content-header-left -->
                    <div class="hstack">
                      <a
                        href="javascript:void(0);"
                        class="btn btn-icon btn-light flex-shrink-0 d-lg-none"
                        data-edash-trigger="edash-aside-left-open"
                      >
                        <i class="fi fi-rr-menu-burger"></i>
                      </a>
                      <a
                        href="javascript:void(0)"
                        class="btn btn-icon btn-light"
                      >
                        <i class="fi fi-rr-search"></i>
                      </a>
                    </div>
                    <!-- End:: edash-content-header-left -->
                    <!-- Start:: edash-content-header-right -->
                    <div class="hstack gap-2">
                      <a href="javascript:void(0)">
                        <div
                          class="btn btn-icon btn-light"
                          data-bs-toggle="tooltip"
                          data-bs-trigger="hover"
                          title="Grid View"
                        >
                          <i class="fi fi-rr-grid"></i>
                        </div>
                      </a>
                      <a href="javascript:void(0)">
                        <div
                          class="btn btn-icon btn-light"
                          data-bs-toggle="tooltip"
                          data-bs-trigger="hover"
                          title="List View"
                        >
                          <i class="fi fi-rr-list"></i>
                        </div>
                      </a>
                      <a
                        href="javascript:void(0);"
                        class="btn btn-md btn-primary"
                        data-bs-toggle="modal"
                        data-bs-target="#fileUploadModal"
                      >
                        <i class="fi fi-rr-cloud-upload-alt"></i>
                        <span class="ms-2">Upload Files</span>
                      </a>
                    </div>
                    <!-- End:: edash-content-header-right -->
                  </div>
                  <!-- End:: edash-main-content-header -->
                  <hr class="my-0" />
                  <!-- Start:: edash-main-content-body -->
                  <div
                    class="edash-main-content-body edash-without-aside-footer p-0 position-relative init-perfect-scroll-bar"
                  >
                    <!-- Start:: virtual-storage-section-title -->
                    <div
                      class="d-flex justify-content-between align-items-center p-4"
                    >
                      <div class="me-4">
                        <h6 class="fs-16 mb-1">Vartual Drive</h6>
                      </div>
                      <a
                        href="javascript:void(0);"
                        class="icon-link icon-link-hover link-primary"
                      >
                        <span>View Alls</span>
                        <i class="fi fi-rr-arrow-small-right bi"></i>
                      </a>
                    </div>
                    <!-- End:: virtual-storage-section-title -->
                    <!-- Start:: virtual-storage-list -->
                    <div class="row g-3 g-md-4 px-4">
                      <!-- Start:: col -->
                      <div class="col-xxl-4 col-md-6">
                        <div class="card">
                          <div class="card-body">
                            <div
                              class="d-flex align-items-center justify-content-between storage-icon-name"
                            >
                              <div class="d-flex align-items-center">
                                <div class="wd-48 ht-48 p-2 rounded-3 border">
                                  <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    version="1.1"
                                    xmlns:xlink="http://www.w3.org/1999/xlink"
                                    width="100%"
                                    height="100%"
                                    x="0"
                                    y="0"
                                    viewBox="0 0 447.232 447.232"
                                    style="enable-background: new 0 0 512 512"
                                    xml:space="preserve"
                                  >
                                    <g>
                                      <path
                                        d="M207.527 251.676 92.903 177.758a10.272 10.272 0 0 0-12.007.63L3.833 240.403c-5.458 4.392-5.015 12.839.873 16.636l114.624 73.918a10.272 10.272 0 0 0 12.007-.63l77.063-62.014c5.458-4.393 5.015-12.84-.873-16.637zM238.833 268.312l77.063 62.014a10.272 10.272 0 0 0 12.007.63l114.624-73.918c5.888-3.797 6.331-12.244.873-16.636l-77.063-62.014a10.272 10.272 0 0 0-12.007-.63l-114.624 73.918c-5.887 3.797-6.331 12.244-.873 16.636zM208.4 74.196l-77.063-62.014a10.272 10.272 0 0 0-12.007-.63L4.706 85.47c-5.888 3.797-6.331 12.244-.873 16.636l77.063 62.014a10.272 10.272 0 0 0 12.007.63l114.624-73.918c5.888-3.797 6.331-12.244.873-16.636zM442.527 85.47 327.903 11.552a10.272 10.272 0 0 0-12.007.63l-77.063 62.014c-5.458 4.392-5.015 12.839.873 16.636l114.625 73.918a10.272 10.272 0 0 0 12.007-.63l77.063-62.014c5.457-4.393 5.014-12.84-.874-16.636z"
                                        fill="#1587ea"
                                        data-original="#1587ea"
                                      ></path>
                                      <path
                                        d="m218 279.2-86.3 68.841a9.319 9.319 0 0 1-10.861.547L99.568 334.87c-6.201-3.999-14.368.453-14.368 7.831v7.416a9.32 9.32 0 0 0 4.488 7.969l128.481 77.884a9.317 9.317 0 0 0 9.661 0l128.481-77.884a9.319 9.319 0 0 0 4.488-7.969v-6.619c0-7.378-8.168-11.83-14.368-7.831l-20.024 12.913a9.318 9.318 0 0 1-10.876-.559l-85.893-68.809A9.32 9.32 0 0 0 218 279.2z"
                                        fill="#1587ea"
                                        data-original="#1587ea"
                                      ></path>
                                    </g>
                                  </svg>
                                </div>
                                <div class="d-block ms-3">
                                  <a
                                    href="javascript:void(0)"
                                    class="fw-semibold d-block text-truncate mb-2"
                                    >Dropbox</a
                                  >
                                  <small
                                    class="fw-normal text-muted text-truncate"
                                    >5.68GB / 15.00GB</small
                                  >
                                </div>
                              </div>
                            </div>
                            <div class="mt-5">
                              <div
                                class="d-flex justify-content-between align-items-center mb-2"
                              >
                                <h2
                                  class="fs-12 fw-semibold text-uppercase tx-spacing-1 mb-0"
                                >
                                  Storage
                                </h2>
                                <div class="fs-12 text-muted text-uppercase">
                                  <span class="text-truncate">5.68GB used</span>
                                </div>
                              </div>
                              <div class="progress ht-4">
                                <div
                                  class="progress-bar bg-primary"
                                  role="progressbar"
                                  aria-valuenow="50"
                                  aria-valuemin="0"
                                  aria-valuemax="100"
                                  style="width: 56%"
                                ></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col -->
                      <!-- Start:: col -->
                      <div class="col-xxl-4 col-md-6">
                        <div class="card">
                          <div class="card-body">
                            <div
                              class="d-flex align-items-center justify-content-between storage-icon-name"
                            >
                              <div class="d-flex align-items-center">
                                <div class="wd-48 ht-48 p-2 rounded-3 border">
                                  <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    version="1.1"
                                    xmlns:xlink="http://www.w3.org/1999/xlink"
                                    width="100%"
                                    height="100%"
                                    x="0"
                                    y="0"
                                    viewBox="0 0 511.999 511.999"
                                    style="enable-background: new 0 0 512 512"
                                    xml:space="preserve"
                                  >
                                    <g>
                                      <path
                                        fill="#0066dd"
                                        d="m38.563 418.862 22.51 39.042c4.677 8.219 11.41 14.682 19.319 19.388l80.744-57.248.147-82.19-80.577-36.303L0 337.565c-.016 9.09 2.313 18.185 6.991 26.404z"
                                        opacity="1"
                                        data-original="#0066dd"
                                      ></path>
                                      <path
                                        fill="#00ad3c"
                                        d="m256.293 173.808 4.212-107.064-84.604-32.663c-7.926 4.678-14.682 11.117-19.389 19.319L7.085 311.186C2.379 319.389.016 328.475 0 337.565l161.283.288z"
                                        opacity="1"
                                        data-original="#00ad3c"
                                      ></path>
                                      <path
                                        fill="#00831e"
                                        d="m256.293 173.808 77.503-41.694 3.387-97.745c-7.909-4.706-16.996-7.068-26.379-7.085l-108.499-.194c-9.384-.017-18.479 2.606-26.405 6.991z"
                                        opacity="1"
                                        data-original="#00831e"
                                      ></path>
                                      <path
                                        fill="#0084ff"
                                        d="m350.716 338.192-189.434-.338-80.89 139.438c7.909 4.706 16.996 7.068 26.379 7.085l297.933.532c9.384.017 18.479-2.606 26.405-6.991l.314-93.66z"
                                        opacity="1"
                                        data-original="#0084ff"
                                      ></path>
                                      <path
                                        fill="#ff4131"
                                        d="M431.109 477.919c7.926-4.678 14.682-11.117 19.388-19.319l9.413-16.111 45.005-77.629c4.706-8.202 7.069-17.288 7.085-26.379l-93.221-49.051-67.768 48.764z"
                                        opacity="1"
                                        data-original="#ff4131"
                                      ></path>
                                      <path
                                        fill="#ffba00"
                                        d="m430.756 182.917-74.253-129.16c-4.677-8.22-11.41-14.683-19.32-19.389l-80.891 139.439 94.423 164.385 160.99.288c.016-9.09-2.314-18.185-6.991-26.405z"
                                        opacity="1"
                                        data-original="#ffba00"
                                      ></path>
                                    </g>
                                  </svg>
                                </div>
                                <div class="d-block ms-3">
                                  <a
                                    href="javascript:void(0)"
                                    class="fw-semibold d-block text-truncate mb-2"
                                    >GDrive</a
                                  >
                                  <small
                                    class="fw-normal text-muted text-truncate"
                                    >7.45GB / 15.00GB</small
                                  >
                                </div>
                              </div>
                            </div>
                            <div class="mt-5">
                              <div
                                class="d-flex justify-content-between align-items-center mb-2"
                              >
                                <h2
                                  class="fs-12 fw-semibold text-uppercase tx-spacing-1 mb-0"
                                >
                                  Storage
                                </h2>
                                <div class="fs-12 text-muted text-uppercase">
                                  <span class="text-truncate">7.45GB used</span>
                                </div>
                              </div>
                              <div class="progress ht-4">
                                <div
                                  class="progress-bar bg-danger"
                                  role="progressbar"
                                  aria-valuenow="50"
                                  aria-valuemin="0"
                                  aria-valuemax="100"
                                  style="width: 56%"
                                ></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col -->
                      <!-- Start:: col -->
                      <div class="col-xxl-4 col-md-6">
                        <div class="card">
                          <div class="card-body">
                            <div
                              class="d-flex align-items-center justify-content-between storage-icon-name"
                            >
                              <div class="d-flex align-items-center">
                                <div class="wd-48 ht-48 p-2 rounded-3 border">
                                  <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    version="1.1"
                                    xmlns:xlink="http://www.w3.org/1999/xlink"
                                    width="100%"
                                    height="100%"
                                    x="0"
                                    y="0"
                                    viewBox="0 0 512 512"
                                    style="enable-background: new 0 0 512 512"
                                    xml:space="preserve"
                                  >
                                    <g>
                                      <path
                                        d="M398.88 208a115.181 115.181 0 0 0 1.12-16c0-61.76-50.24-112-112-112-39.648 0-76.256 21.344-96.064 54.656C181.952 130.272 171.168 128 160 128c-44.096 0-80 35.904-80 80 0 1.632.032 3.232.16 4.8C33.472 226.336 0 269.792 0 320c0 61.76 50.24 112 112 112h288c61.76 0 112-50.24 112-112 0-62.112-50.368-112.512-113.12-112z"
                                        fill="#2196f3"
                                        data-original="#2196f3"
                                      ></path>
                                    </g>
                                  </svg>
                                </div>
                                <div class="d-block ms-3">
                                  <a
                                    href="javascript:void(0)"
                                    class="fw-semibold d-block text-truncate mb-2"
                                    >iCloud</a
                                  >
                                  <small
                                    class="fw-normal text-muted text-truncate"
                                    >7.45GB / 15.00GB</small
                                  >
                                </div>
                              </div>
                            </div>
                            <div class="mt-5">
                              <div
                                class="d-flex justify-content-between align-items-center mb-2"
                              >
                                <h2
                                  class="fs-12 fw-semibold text-uppercase tx-spacing-1 mb-0"
                                >
                                  Storage
                                </h2>
                                <div class="fs-12 text-muted text-uppercase">
                                  <span class="text-truncate">7.45GB used</span>
                                </div>
                              </div>
                              <div class="progress ht-4">
                                <div
                                  class="progress-bar bg-primary"
                                  role="progressbar"
                                  aria-valuenow="50"
                                  aria-valuemin="0"
                                  aria-valuemax="100"
                                  style="width: 56%"
                                ></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col -->
                    </div>
                    <!-- End:: virtual-storage-list -->
                    <hr class="my-8 border-top-dashed" />
                    <!-- Start:: quick-access-section-title -->
                    <div
                      class="d-flex justify-content-between align-items-center px-4 mb-4"
                    >
                      <div class="me-4">
                        <h6 class="fs-16 mb-1">Quick Access</h6>
                      </div>
                      <a
                        href="javascript:void(0);"
                        class="icon-link icon-link-hover link-primary"
                      >
                        <span>View Alls</span>
                        <i class="fi fi-rr-arrow-small-right bi"></i>
                      </a>
                    </div>
                    <!-- End:: quick-access-section-title -->
                    <!-- Start:: quick-access-list -->
                    <div class="row g-2 px-4">
                      <!-- Start:: col-->
                      <div class="col-xxl-3 col-md-6">
                        <div class="card p-2">
                          <div class="row align-items-center">
                            <div class="col-auto pe-0">
                              <div class="avatar avatar-sm">
                                <svg
                                  xmlns="http://www.w3.org/2000/svg"
                                  viewBox="0 0 72 72"
                                >
                                  <g>
                                    <rect
                                      x="32"
                                      y="16"
                                      width="28"
                                      height="15"
                                      rx="2.5"
                                      ry="2.5"
                                      style="fill: #f29611"
                                    ></rect>
                                    <path
                                      d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z"
                                      style="fill: #ffb32c"
                                    ></path>
                                    <path
                                      d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z"
                                      style="fill: #f2a222"
                                    ></path>
                                  </g>
                                </svg>
                              </div>
                            </div>
                            <div class="col">
                              <a
                                href="javascript:void(0);"
                                class="fw-medium"
                                data-edash-trigger="edash-aside-right-open"
                                >Expodash.zip</a
                              >
                              <p class="fs-12 text-muted mb-0">2.3MB</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col-->
                      <!-- Start:: col-->
                      <div class="col-xxl-3 col-md-6">
                        <div class="card p-2">
                          <div class="row align-items-center">
                            <div class="col-auto pe-0">
                              <div class="avatar avatar-sm">
                                <svg
                                  xmlns="http://www.w3.org/2000/svg"
                                  viewBox="0 0 72 72"
                                >
                                  <g>
                                    <rect
                                      x="32"
                                      y="16"
                                      width="28"
                                      height="15"
                                      rx="2.5"
                                      ry="2.5"
                                      style="fill: #f29611"
                                    ></rect>
                                    <path
                                      d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z"
                                      style="fill: #ffb32c"
                                    ></path>
                                    <path
                                      d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z"
                                      style="fill: #f2a222"
                                    ></path>
                                  </g>
                                </svg>
                              </div>
                            </div>
                            <div class="col">
                              <a
                                href="javascript:void(0);"
                                class="fw-medium"
                                data-edash-trigger="edash-aside-right-open"
                                >Expodash.zip</a
                              >
                              <p class="fs-12 text-muted mb-0">2.3MB</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col-->
                      <!-- Start:: col-->
                      <div class="col-xxl-3 col-md-6">
                        <div class="card p-2">
                          <div class="row align-items-center">
                            <div class="col-auto pe-0">
                              <div class="avatar avatar-sm">
                                <svg
                                  xmlns="http://www.w3.org/2000/svg"
                                  viewBox="0 0 72 72"
                                >
                                  <g>
                                    <rect
                                      x="32"
                                      y="16"
                                      width="28"
                                      height="15"
                                      rx="2.5"
                                      ry="2.5"
                                      style="fill: #f29611"
                                    ></rect>
                                    <path
                                      d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z"
                                      style="fill: #ffb32c"
                                    ></path>
                                    <path
                                      d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z"
                                      style="fill: #f2a222"
                                    ></path>
                                  </g>
                                </svg>
                              </div>
                            </div>
                            <div class="col">
                              <a
                                href="javascript:void(0);"
                                class="fw-medium"
                                data-edash-trigger="edash-aside-right-open"
                                >Expodash.zip</a
                              >
                              <p class="fs-12 text-muted mb-0">2.3MB</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col-->
                      <!-- Start:: col-->
                      <div class="col-xxl-3 col-md-6">
                        <div class="card p-2">
                          <div class="row align-items-center">
                            <div class="col-auto pe-0">
                              <div class="avatar avatar-sm">
                                <svg
                                  xmlns="http://www.w3.org/2000/svg"
                                  viewBox="0 0 72 72"
                                >
                                  <g>
                                    <rect
                                      x="32"
                                      y="16"
                                      width="28"
                                      height="15"
                                      rx="2.5"
                                      ry="2.5"
                                      style="fill: #f29611"
                                    ></rect>
                                    <path
                                      d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z"
                                      style="fill: #ffb32c"
                                    ></path>
                                    <path
                                      d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z"
                                      style="fill: #f2a222"
                                    ></path>
                                  </g>
                                </svg>
                              </div>
                            </div>
                            <div class="col">
                              <a
                                href="javascript:void(0);"
                                class="fw-medium"
                                data-edash-trigger="edash-aside-right-open"
                                >Expodash.zip</a
                              >
                              <p class="fs-12 text-muted mb-0">2.3MB</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col-->
                      <!-- Start:: col-->
                      <div class="col-xxl-3 col-md-6">
                        <div class="card p-2">
                          <div class="row align-items-center">
                            <div class="col-auto pe-0">
                              <div class="avatar avatar-sm">
                                <svg
                                  xmlns="http://www.w3.org/2000/svg"
                                  viewBox="0 0 72 72"
                                >
                                  <g>
                                    <rect
                                      x="32"
                                      y="16"
                                      width="28"
                                      height="15"
                                      rx="2.5"
                                      ry="2.5"
                                      style="fill: #f29611"
                                    ></rect>
                                    <path
                                      d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z"
                                      style="fill: #ffb32c"
                                    ></path>
                                    <path
                                      d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z"
                                      style="fill: #f2a222"
                                    ></path>
                                  </g>
                                </svg>
                              </div>
                            </div>
                            <div class="col">
                              <a
                                href="javascript:void(0);"
                                class="fw-medium"
                                data-edash-trigger="edash-aside-right-open"
                                >Expodash.zip</a
                              >
                              <p class="fs-12 text-muted mb-0">2.3MB</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col-->
                      <!-- Start:: col-->
                      <div class="col-xxl-3 col-md-6">
                        <div class="card p-2">
                          <div class="row align-items-center">
                            <div class="col-auto pe-0">
                              <div class="avatar avatar-sm">
                                <svg
                                  xmlns="http://www.w3.org/2000/svg"
                                  viewBox="0 0 72 72"
                                >
                                  <g>
                                    <rect
                                      x="32"
                                      y="16"
                                      width="28"
                                      height="15"
                                      rx="2.5"
                                      ry="2.5"
                                      style="fill: #f29611"
                                    ></rect>
                                    <path
                                      d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z"
                                      style="fill: #ffb32c"
                                    ></path>
                                    <path
                                      d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z"
                                      style="fill: #f2a222"
                                    ></path>
                                  </g>
                                </svg>
                              </div>
                            </div>
                            <div class="col">
                              <a
                                href="javascript:void(0);"
                                class="fw-medium"
                                data-edash-trigger="edash-aside-right-open"
                                >Expodash.zip</a
                              >
                              <p class="fs-12 text-muted mb-0">2.3MB</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col-->
                      <!-- Start:: col-->
                      <div class="col-xxl-3 col-md-6">
                        <div class="card p-2">
                          <div class="row align-items-center">
                            <div class="col-auto pe-0">
                              <div class="avatar avatar-sm">
                                <svg
                                  xmlns="http://www.w3.org/2000/svg"
                                  viewBox="0 0 72 72"
                                >
                                  <g>
                                    <rect
                                      x="32"
                                      y="16"
                                      width="28"
                                      height="15"
                                      rx="2.5"
                                      ry="2.5"
                                      style="fill: #f29611"
                                    ></rect>
                                    <path
                                      d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z"
                                      style="fill: #ffb32c"
                                    ></path>
                                    <path
                                      d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z"
                                      style="fill: #f2a222"
                                    ></path>
                                  </g>
                                </svg>
                              </div>
                            </div>
                            <div class="col">
                              <a
                                href="javascript:void(0);"
                                class="fw-medium"
                                data-edash-trigger="edash-aside-right-open"
                                >Expodash.zip</a
                              >
                              <p class="fs-12 text-muted mb-0">2.3MB</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col-->
                      <!-- Start:: col-->
                      <div class="col-xxl-3 col-md-6">
                        <div class="card p-2">
                          <div class="row align-items-center">
                            <div class="col-auto pe-0">
                              <div class="avatar avatar-sm">
                                <svg
                                  xmlns="http://www.w3.org/2000/svg"
                                  viewBox="0 0 72 72"
                                >
                                  <g>
                                    <rect
                                      x="32"
                                      y="16"
                                      width="28"
                                      height="15"
                                      rx="2.5"
                                      ry="2.5"
                                      style="fill: #f29611"
                                    ></rect>
                                    <path
                                      d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z"
                                      style="fill: #ffb32c"
                                    ></path>
                                    <path
                                      d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z"
                                      style="fill: #f2a222"
                                    ></path>
                                  </g>
                                </svg>
                              </div>
                            </div>
                            <div class="col">
                              <a
                                href="javascript:void(0);"
                                class="fw-medium"
                                data-edash-trigger="edash-aside-right-open"
                                >Expodash.zip</a
                              >
                              <p class="fs-12 text-muted mb-0">2.3MB</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End:: col-->
                    </div>
                    <!-- End:: quick-access-list -->
                    <hr class="my-8 border-top-dashed" />
                    <!-- Start:: recent-files-section-title -->
                    <div
                      class="d-flex justify-content-between align-items-center px-4 mb-4"
                    >
                      <div class="me-4">
                        <h6 class="fs-16 mb-1">Recent Files</h6>
                      </div>
                      <div class="dropdown hstack text-end justify-content-end">
                        <a href="javascript:void(0)" data-bs-toggle="dropdown">
                          <span
                            class="fs-12 fw-semibold text-uppercase text-muted me-2"
                            >Sort By:</span
                          >
                          <span
                            class="fs-12 fw-semibold text-uppercase text-dark dropdown-toggle"
                            >Size</span
                          >
                        </a>
                        <ul class="dropdown-menu dropdown-sm">
                          <li>
                            <a href="javascript:void(0)" class="dropdown-item"
                              >Type</a
                            >
                          </li>
                          <li>
                            <a
                              href="javascript:void(0)"
                              class="dropdown-item active"
                              >Size</a
                            >
                          </li>
                          <li>
                            <a href="javascript:void(0)" class="dropdown-item"
                              >Date</a
                            >
                          </li>
                        </ul>
                      </div>
                    </div>
                    <!-- End:: recent-files-section-title -->
                    <!-- Start:: recent-files-table  -->
                    <div class="table-responsive border-top">
                      <table class="table mb-0">
                        <thead>
                          <tr>
                            <th>Name</th>
                            <th>Size</th>
                            <th>Upload</th>
                            <th>Members</th>
                            <th class="text-end">Action</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>
                              <div class="d-flex align-items-center gap-3">
                                <img
                                  src="./../assets/images/file-icons/html.png"
                                  class="img-fluid rounded wd-30"
                                  alt=""
                                />
                                <a
                                  href="javascript:void(0);"
                                  class="fw-medium"
                                  data-edash-trigger="edash-aside-right-open"
                                  >HTML5 Webpages - V2.3.4</a
                                >
                              </div>
                            </td>
                            <td>5.34 MB</td>
                            <td>25 March, 2023</td>
                            <td>
                              <div
                                class="avatar-group avatar-group-sm align-items-center"
                              >
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/1.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/2.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/3.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/4.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/5.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="ms-1">
                                  <span class="text-muted fs-13 ms-2"
                                    >456+ members</span
                                  >
                                </div>
                              </div>
                            </td>
                            <td class="text-end">
                              <div
                                class="dropdown hstack text-end justify-content-end"
                              >
                                <a
                                  href="javascript:void(0)"
                                  class="btn btn-icon btn-md btn-light"
                                  data-bs-toggle="dropdown"
                                >
                                  <i class="fi fi-bs-menu-dots-vertical"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Open</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Share</a
                                    >
                                  </li>
                                  <li class="dropdown-divider"></li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Backup</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Delete</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="d-flex align-items-center gap-3">
                                <img
                                  src="./../assets/images/file-icons/css.png"
                                  class="img-fluid rounded wd-30"
                                  alt=""
                                />
                                <a
                                  href="javascript:void(0);"
                                  class="fw-medium"
                                  data-edash-trigger="edash-aside-right-open"
                                  >CSS3 Stylesheeth - V2.1.4</a
                                >
                              </div>
                            </td>
                            <td>2.67 MB</td>
                            <td>20 March, 2023</td>
                            <td>
                              <div
                                class="avatar-group avatar-group-sm align-items-center"
                              >
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/1.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/2.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/3.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/4.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/5.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="ms-1">
                                  <span class="text-muted fs-13 ms-2"
                                    >741+ members</span
                                  >
                                </div>
                              </div>
                            </td>
                            <td class="text-end">
                              <div
                                class="dropdown hstack text-end justify-content-end"
                              >
                                <a
                                  href="javascript:void(0)"
                                  class="btn btn-icon btn-md btn-light"
                                  data-bs-toggle="dropdown"
                                >
                                  <i class="fi fi-bs-menu-dots-vertical"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Open</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Share</a
                                    >
                                  </li>
                                  <li class="dropdown-divider"></li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Backup</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Delete</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="d-flex align-items-center gap-3">
                                <img
                                  src="./../assets/images/file-icons/pdf.png"
                                  class="img-fluid rounded wd-30"
                                  alt=""
                                />
                                <a
                                  href="javascript:void(0);"
                                  class="fw-medium"
                                  data-edash-trigger="edash-aside-right-open"
                                  >PDF Documentations - V3.2.1</a
                                >
                              </div>
                            </td>
                            <td>2.85 MB</td>
                            <td>20 March, 2023</td>
                            <td>
                              <div
                                class="avatar-group avatar-group-sm align-items-center"
                              >
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/1.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/2.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/3.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/4.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/5.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="ms-1">
                                  <span class="text-muted fs-13 ms-2"
                                    >258+ members</span
                                  >
                                </div>
                              </div>
                            </td>
                            <td class="text-end">
                              <div
                                class="dropdown hstack text-end justify-content-end"
                              >
                                <a
                                  href="javascript:void(0)"
                                  class="btn btn-icon btn-md btn-light"
                                  data-bs-toggle="dropdown"
                                >
                                  <i class="fi fi-bs-menu-dots-vertical"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Open</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Share</a
                                    >
                                  </li>
                                  <li class="dropdown-divider"></li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Backup</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Delete</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="d-flex align-items-center gap-3">
                                <img
                                  src="./../assets/images/file-icons/html.png"
                                  class="img-fluid rounded wd-30"
                                  alt=""
                                />
                                <a
                                  href="javascript:void(0);"
                                  class="fw-medium"
                                  data-edash-trigger="edash-aside-right-open"
                                  >HTML5 Webpages - V2.3.4</a
                                >
                              </div>
                            </td>
                            <td>5.34 MB</td>
                            <td>25 March, 2023</td>
                            <td>
                              <div
                                class="avatar-group avatar-group-sm align-items-center"
                              >
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/1.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/2.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/3.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/4.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/5.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="ms-1">
                                  <span class="text-muted fs-13 ms-2"
                                    >357+ members</span
                                  >
                                </div>
                              </div>
                            </td>
                            <td class="text-end">
                              <div
                                class="dropdown hstack text-end justify-content-end"
                              >
                                <a
                                  href="javascript:void(0)"
                                  class="btn btn-icon btn-md btn-light"
                                  data-bs-toggle="dropdown"
                                >
                                  <i class="fi fi-bs-menu-dots-vertical"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Open</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Share</a
                                    >
                                  </li>
                                  <li class="dropdown-divider"></li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Backup</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Delete</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="d-flex align-items-center gap-3">
                                <img
                                  src="./../assets/images/file-icons/css.png"
                                  class="img-fluid rounded wd-30"
                                  alt=""
                                />
                                <a
                                  href="javascript:void(0);"
                                  class="fw-medium"
                                  data-edash-trigger="edash-aside-right-open"
                                  >CSS3 Stylesheeth - V2.1.4</a
                                >
                              </div>
                            </td>
                            <td>2.67 MB</td>
                            <td>20 March, 2023</td>
                            <td>
                              <div
                                class="avatar-group avatar-group-sm align-items-center"
                              >
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/1.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/2.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/3.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/4.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/5.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="ms-1">
                                  <span class="text-muted fs-13 ms-2"
                                    >589+ members</span
                                  >
                                </div>
                              </div>
                            </td>
                            <td class="text-end">
                              <div
                                class="dropdown hstack text-end justify-content-end"
                              >
                                <a
                                  href="javascript:void(0)"
                                  class="btn btn-icon btn-md btn-light"
                                  data-bs-toggle="dropdown"
                                >
                                  <i class="fi fi-bs-menu-dots-vertical"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Open</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Share</a
                                    >
                                  </li>
                                  <li class="dropdown-divider"></li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Backup</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Delete</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="d-flex align-items-center gap-3">
                                <img
                                  src="./../assets/images/file-icons/pdf.png"
                                  class="img-fluid rounded wd-30"
                                  alt=""
                                />
                                <a
                                  href="javascript:void(0);"
                                  class="fw-medium"
                                  data-edash-trigger="edash-aside-right-open"
                                  >PDF Documentations - V3.2.1</a
                                >
                              </div>
                            </td>
                            <td>2.85 MB</td>
                            <td>20 March, 2023</td>
                            <td>
                              <div
                                class="avatar-group avatar-group-sm align-items-center"
                              >
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/1.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/2.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/3.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/4.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/5.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="ms-1">
                                  <span class="text-muted fs-13 ms-2"
                                    >658+ members</span
                                  >
                                </div>
                              </div>
                            </td>
                            <td class="text-end">
                              <div
                                class="dropdown hstack text-end justify-content-end"
                              >
                                <a
                                  href="javascript:void(0)"
                                  class="btn btn-icon btn-md btn-light"
                                  data-bs-toggle="dropdown"
                                >
                                  <i class="fi fi-bs-menu-dots-vertical"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Open</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Share</a
                                    >
                                  </li>
                                  <li class="dropdown-divider"></li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Backup</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Delete</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="d-flex align-items-center gap-3">
                                <img
                                  src="./../assets/images/file-icons/html.png"
                                  class="img-fluid rounded wd-30"
                                  alt=""
                                />
                                <a
                                  href="javascript:void(0);"
                                  class="fw-medium"
                                  data-edash-trigger="edash-aside-right-open"
                                  >HTML5 Webpages - V2.3.4</a
                                >
                              </div>
                            </td>
                            <td>5.34 MB</td>
                            <td>25 March, 2023</td>
                            <td>
                              <div
                                class="avatar-group avatar-group-sm align-items-center"
                              >
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/1.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/2.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/3.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/4.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/5.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="ms-1">
                                  <span class="text-muted fs-13 ms-2"
                                    >358+ members</span
                                  >
                                </div>
                              </div>
                            </td>
                            <td class="text-end">
                              <div
                                class="dropdown hstack text-end justify-content-end"
                              >
                                <a
                                  href="javascript:void(0)"
                                  class="btn btn-icon btn-md btn-light"
                                  data-bs-toggle="dropdown"
                                >
                                  <i class="fi fi-bs-menu-dots-vertical"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Open</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Share</a
                                    >
                                  </li>
                                  <li class="dropdown-divider"></li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Backup</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Delete</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td>
                              <div class="d-flex align-items-center gap-3">
                                <img
                                  src="./../assets/images/file-icons/css.png"
                                  class="img-fluid rounded wd-30"
                                  alt=""
                                />
                                <a
                                  href="javascript:void(0);"
                                  class="fw-medium"
                                  data-edash-trigger="edash-aside-right-open"
                                  >CSS3 Stylesheeth - V2.1.4</a
                                >
                              </div>
                            </td>
                            <td>2.67 MB</td>
                            <td>20 March, 2023</td>
                            <td>
                              <div
                                class="avatar-group avatar-group-sm align-items-center"
                              >
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/1.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/2.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/3.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/4.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="avatar avatar-sm">
                                  <img
                                    src="./../assets/images/avatar/5.png"
                                    class="img-fluid rounded-circle"
                                    alt="User Avatar"
                                  />
                                </div>
                                <div class="ms-1">
                                  <span class="text-muted fs-13 ms-2"
                                    >593+ members</span
                                  >
                                </div>
                              </div>
                            </td>
                            <td>
                              <div
                                class="dropdown hstack text-end justify-content-end"
                              >
                                <a
                                  href="javascript:void(0)"
                                  class="btn btn-icon btn-md btn-light"
                                  data-bs-toggle="dropdown"
                                >
                                  <i class="fi fi-bs-menu-dots-vertical"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Open</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Share</a
                                    >
                                  </li>
                                  <li class="dropdown-divider"></li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Backup</a
                                    >
                                  </li>
                                  <li>
                                    <a
                                      href="javascript:void(0)"
                                      class="dropdown-item"
                                      >Delete</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <!-- End:: recent-files-table -->
                    <!-- Start:: recent-files-table-pagination -->
                    <ul
                      class="pagination mb-0 px-3 ht-60 d-flex align-items-center"
                    >
                      <li class="page-item">
                        <a
                          class="page-link"
                          href="javascript:void(0);"
                          aria-label="Previous"
                        >
                          <span aria-hidden="true">←</span>
                        </a>
                      </li>
                      <li class="page-item">
                        <a class="page-link" href="javascript:void(0);">1</a>
                      </li>
                      <li class="page-item">
                        <a class="page-link" href="javascript:void(0);">2</a>
                      </li>
                      <li class="page-item">
                        <a class="page-link" href="javascript:void(0);">...</a>
                      </li>
                      <li class="page-item">
                        <a class="page-link" href="javascript:void(0);">4</a>
                      </li>
                      <li class="page-item">
                        <a class="page-link" href="javascript:void(0);">10</a>
                      </li>
                      <li class="page-item">
                        <a
                          class="page-link"
                          href="javascript:void(0);"
                          aria-label="Next"
                        >
                          <span aria-hidden="true">→</span>
                        </a>
                      </li>
                    </ul>
                    <!-- End:: recent-files-table-pagination -->
                  </div>
                  <!-- End:: edash-main-content-body -->
                  <!--! ================================ !-->
                  <!-- Start:: eedash-aside-right -->
                  <!--! ================================ !-->
                  <div
                    class="edash-aside-right edash-aside-wd-lg h-100 position-absolute top-0 end-0 bottom-0 bg-body-tertiary border-start rounded-end-3"
                    id="edash-aside-right"
                  >
                    <!-- Start:: edash-aside-right-header -->
                    <div
                      class="edash-aside-right-header ht-80 px-3 px-md-4 d-flex align-items-center justify-content-between"
                    >
                      <div class="hstack gap-3">
                        <a
                          href="javascript:void(0);"
                          class="btn btn-icon btn-md btn-light"
                          data-edash-trigger="edash-aside-right-close"
                        >
                          <i class="fi fi-rr-arrow-left"></i>
                        </a>
                        <h5 class="mb-0">File/Folder Details</h5>
                      </div>

                      <a
                        href="javascript:void(0);"
                        class="btn btn-icon btn-md btn-light"
                      >
                        <i class="fi fi-rr-star"></i>
                      </a>
                    </div>
                    <!-- End:: edash-aside-right-header -->
                    <hr class="my-0" />
                    <!-- Start:: edash-aside-right-body -->
                    <div
                      class="edash-aside-right-body position-relative init-perfect-scroll-bar"
                    >
                      <div
                        class="py-4 px-16 d-flex align-items-center justify-content-center"
                      >
                        <svg
                          xmlns="http://www.w3.org/2000/svg"
                          viewBox="0 0 72 72"
                        >
                          <g>
                            <rect
                              x="32"
                              y="16"
                              width="28"
                              height="15"
                              rx="2.5"
                              ry="2.5"
                              style="fill: #f29611"
                            ></rect>
                            <path
                              d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z"
                              style="fill: #ffb32c"
                            ></path>
                            <path
                              d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z"
                              style="fill: #f2a222"
                            ></path>
                          </g>
                        </svg>
                      </div>
                      <div class="p-4">
                        <h6
                          class="fs-12 fw-semibold mb-3 text-uppercase"
                          style="letter-spacing: 0.05rem"
                        >
                          Specifications
                        </h6>
                        <div class="fs-13 text-muted">
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Type</span>
                            <span class="text-muted">Folder</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Location</span>
                            <span class="text-muted"
                              >Files &amp; Documents</span
                            >
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Contributing</span>
                            <span class="text-muted">Specify</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Album</span>
                            <span class="text-muted">Specify</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Genre</span>
                            <span class="text-muted">Specify</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Year</span>
                            <span class="text-muted">2021</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Size</span>
                            <span class="text-muted">65.52 MB</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Track</span>
                            <span class="text-muted">Specify</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Artist</span>
                            <span class="text-muted">Specify</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Title</span>
                            <span class="text-muted">All Folder</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Bit Rate</span>
                            <span class="text-muted">512kbps</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-3"
                          >
                            <span class="fw-semibold">Date Modification</span>
                            <span class="text-muted">10/10/2022</span>
                          </div>
                          <div
                            class="d-flex justify-content-between align-items-center mb-0"
                          >
                            <span class="fw-semibold">Date Created</span>
                            <span class="text-muted">05/05/2022</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- End:: edash-aside-right-body -->
                    <hr class="my-0" />
                    <!-- Start:: edash-aside-right-footer -->
                    <div
                      class="edash-aside-right-footer ht-60 px-3 px-md-4 d-flex align-items-center justify-content-between gap-2 flex-wrap"
                    >
                      <a
                        href="javascript:void(0);"
                        class="btn btn-md btn-primary flex-fill"
                        >Download</a
                      >
                      <a
                        href="javascript:void(0);"
                        class="btn btn-md btn-danger flex-fill"
                        >Settings</a
                      >
                    </div>
                    <!-- End:: edash-aside-right-footer -->
                  </div>
                  <!--! ================================ !-->
                  <!-- End:: eedash-aside-right -->
                  <!--! ================================ !-->
                </div>
                <!--! ================================ !-->
                <!--! End:: edash-main-content !-->
                <!--! ================================ !-->
              </div>
              <!-- Start:: row -->
              <div
                class="edash-backdrop"
                id="edash-left-backdrop"
                data-edash-trigger="edash-aside-left-close"
              ></div>
              <div
                class="edash-backdrop"
                id="edash-right-backdrop"
                data-edash-trigger="edash-aside-right-close"
              ></div>
            </div>
            <!-- End:: card -->
          </div>
          <!--! End:: Content Section !-->
        </div>
        <!--! ================================================================ !-->
        <!--! End:: Page Content !-->
        <!--! ================================================================ !-->
      </main>
      <!--! ================================================================ !-->
      <!--! End:: Main Content !-->
      <!--! ================================================================ !-->
      <div class="edash-menu-backdrop" id="edash-menu-hide"></div>
    </div>
    <!--! ================================================================ !-->
    <!--! End:: Main Wrapper !-->
    <!--! ================================================================ !-->
    <!--! ================================================================ !-->
    <!--! Start:: Delete Event Modal !-->
    <!--! ================================================================ !-->
    <div class="modal fade" id="fileUploadModal" role="dialog">
      <div class="modal-dialog modal-md modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="modalTitleId">Upload File</h5>
            <a href="javascript:void(0);" class="close" data-bs-dismiss="modal">
              <i class="fi fi-rr-cross-small"></i>
            </a>
          </div>
          <div class="modal-body">
            <form
              action="/target"
              class="dropzone d-flex flex-wrap align-items-center justify-content-center mb-8 border border-dashed border-secondary border-opacity-20"
              id="fileUploadDropzone"
            >
              <div class="dz-message m-0">
                <span class="fs-13 text-muted"
                  ><span class="text-primary">Drag and drop</span> file here or
                  <span class="text-primary">browse</span></span
                >
              </div>
            </form>
            <h6 class="mb-3">Uploaded Files</h6>
            <div
              class="px-3 py-2 w-100 d-flex align-items-center gap-4 border rounded-2 mb-3"
            >
              <i class="fi fi-rr-file-zipper fs-3 text-success"></i>
              <div class="w-100 d-flex justify-content-between">
                <div class="nk-upload-info">
                  <h6 class="mb-1">Expodash-version.zip</h6>
                  <div class="fs-13 text-muted">25.49MB</div>
                </div>
                <a
                  href="javascript:void(0);"
                  class="btn btn-icon btn-light text-danger flex-shrink-0"
                >
                  <i class="fi fi-rr-trash"></i>
                </a>
              </div>
            </div>
            <div
              class="px-3 py-2 w-100 d-flex align-items-center gap-4 border rounded-2"
            >
              <i class="fi fi-rr-memo-circle-check fs-3 text-primary"></i>
              <div class="w-100 justify-content-between">
                <div>
                  <div
                    class="d-flex align-items-center justify-content-between mb-2"
                  >
                    <h6 class="mb-0">Update work history.docx</h6>
                    <span class="fs-12 text-uppercase text-muted"
                      >70% Done</span
                    >
                  </div>
                  <div>
                    <div class="progress ht-4">
                      <div
                        class="progress-bar bg-primary"
                        data-progress="70"
                        style="width: 70%"
                      ></div>
                    </div>
                  </div>
                </div>
              </div>
              <a
                href="javascript:void(0);"
                class="btn btn-icon btn-light text-danger flex-shrink-0"
              >
                <i class="fi fi-rr-trash"></i>
              </a>
            </div>
          </div>
          <div class="modal-footer d-flex align-items-center gap-3">
            <a
              href="javascript:void(0);"
              class="link link-danger"
              data-bs-dismiss="modal"
              >Cancel</a
            >
            <button class="btn btn-md btn-primary">Add Files</button>
          </div>
        </div>
      </div>
    </div>
    <!--! ================================================================ !-->
    <!--! End:: Delete Event Modal !-->
    <!--! ================================================================ !-->
    <!--! ================================================================ !-->
    <!--! Footer Script !-->
    <!--! ================================================================ !-->
    <!--! BEGIN: Common Vendors !-->
    <script src="./../assets/js/vendors.min.js"></script>
    <!--! END: Common Vendors !-->

    <!--! BEGIN: Apps Common Init  !-->
    <script src="./../assets/js/common-init.min.js"></script>
    <!--! END: Apps Common Init  !-->


    <!--! BEGIN: Page Vendors -!-->
    <script src="./../assets/vendors/dropzone/dropzone-min.js"></script>
    <!--! END: Page Vendors -!-->

    <!-- BEGIN: Init JS -->
    <script src="./../assets/js/apps/fmanager-init.min.js"></script>
    <!-- END: Init JS-->
  </body>
</html>