DESKTOP-GBA0BK8\Admin
1742 lines
92 KiB
PHP
1742 lines
92 KiB
PHP
<!--begin::Search-->
|
|
<div class="app-navbar-item align-items-stretch ms-1 ms-md-3">
|
|
<!--begin::Search-->
|
|
<div id="kt_header_search" class="header-search d-flex align-items-stretch" data-kt-search-keypress="true" data-kt-search-min-length="2" data-kt-search-enter="enter" data-kt-search-layout="menu" data-kt-menu-trigger="auto" data-kt-menu-overflow="false" data-kt-menu-permanent="true" data-kt-menu-placement="bottom-end">
|
|
<!--begin::Search toggle-->
|
|
<div class="d-flex align-items-center" data-kt-search-element="toggle" id="kt_header_search_toggle">
|
|
<div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px">
|
|
<i class="ki-duotone ki-magnifier fs-2 fs-lg-1">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<!--end::Search toggle-->
|
|
<!--begin::Menu-->
|
|
<div data-kt-search-element="content" class="menu menu-sub menu-sub-dropdown p-7 w-325px w-md-375px">
|
|
<!--begin::Wrapper-->
|
|
<div data-kt-search-element="wrapper">
|
|
<!--begin::Form-->
|
|
<form data-kt-search-element="form" class="w-100 position-relative mb-3" autocomplete="off">
|
|
<!--begin::Icon-->
|
|
<i class="ki-duotone ki-magnifier fs-2 text-gray-500 position-absolute top-50 translate-middle-y ms-0">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
<!--end::Icon-->
|
|
<!--begin::Input-->
|
|
<input type="text" class="search-input form-control form-control-flush ps-10" name="search" value="" placeholder="Search..." data-kt-search-element="input" />
|
|
<!--end::Input-->
|
|
<!--begin::Spinner-->
|
|
<span class="search-spinner position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-1" data-kt-search-element="spinner">
|
|
<span class="spinner-border h-15px w-15px align-middle text-gray-400"></span>
|
|
</span>
|
|
<!--end::Spinner-->
|
|
<!--begin::Reset-->
|
|
<span class="search-reset btn btn-flush btn-active-color-primary position-absolute top-50 end-0 translate-middle-y lh-0 d-none" data-kt-search-element="clear">
|
|
<i class="ki-duotone ki-cross fs-2 fs-lg-1 me-0">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
<!--end::Reset-->
|
|
<!--begin::Toolbar-->
|
|
<div class="position-absolute top-50 end-0 translate-middle-y" data-kt-search-element="toolbar">
|
|
<!--begin::Preferences toggle-->
|
|
<div data-kt-search-element="preferences-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary me-1" data-bs-toggle="tooltip" title="Show search preferences">
|
|
<i class="ki-duotone ki-setting-2 fs-2">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</div>
|
|
<!--end::Preferences toggle-->
|
|
<!--begin::Advanced search toggle-->
|
|
<div data-kt-search-element="advanced-options-form-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary" data-bs-toggle="tooltip" title="Show more search options">
|
|
<i class="ki-duotone ki-down fs-2"></i>
|
|
</div>
|
|
<!--end::Advanced search toggle-->
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
</form>
|
|
<!--end::Form-->
|
|
<!--begin::Separator-->
|
|
<div class="separator border-gray-200 mb-6"></div>
|
|
<!--end::Separator-->
|
|
<!--begin::Recently viewed-->
|
|
<div data-kt-search-element="results" class="d-none">
|
|
<!--begin::Items-->
|
|
<div class="scroll-y mh-200px mh-lg-350px">
|
|
<!--begin::Category title-->
|
|
<h3 class="fs-5 text-muted m-0 pb-5" data-kt-search-element="category-title">Users</h3>
|
|
<!--end::Category title-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<img src="/massets/media/avatars/300-6.jpg" alt="" />
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">Karina Clark</span>
|
|
<span class="fs-7 fw-semibold text-muted">Marketing Manager</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<img src="/massets/media/avatars/300-2.jpg" alt="" />
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">Olivia Bold</span>
|
|
<span class="fs-7 fw-semibold text-muted">Software Engineer</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<img src="/massets/media/avatars/300-9.jpg" alt="" />
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">Ana Clark</span>
|
|
<span class="fs-7 fw-semibold text-muted">UI/UX Designer</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<img src="/massets/media/avatars/300-14.jpg" alt="" />
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">Nick Pitola</span>
|
|
<span class="fs-7 fw-semibold text-muted">Art Director</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<img src="/massets/media/avatars/300-11.jpg" alt="" />
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">Edward Kulnic</span>
|
|
<span class="fs-7 fw-semibold text-muted">System Administrator</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Category title-->
|
|
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Customers</h3>
|
|
<!--end::Category title-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<img class="w-20px h-20px" src="/massets/media/svg/brand-logos/volicity-9.svg" alt="" />
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">Company Rbranding</span>
|
|
<span class="fs-7 fw-semibold text-muted">UI Design</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<img class="w-20px h-20px" src="/massets/media/svg/brand-logos/tvit.svg" alt="" />
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">Company Re-branding</span>
|
|
<span class="fs-7 fw-semibold text-muted">Web Development</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<img class="w-20px h-20px" src="/massets/media/svg/misc/infography.svg" alt="" />
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">Business Analytics App</span>
|
|
<span class="fs-7 fw-semibold text-muted">Administration</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<img class="w-20px h-20px" src="/massets/media/svg/brand-logos/leaf.svg" alt="" />
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">EcoLeaf App Launch</span>
|
|
<span class="fs-7 fw-semibold text-muted">Marketing</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<img class="w-20px h-20px" src="/massets/media/svg/brand-logos/tower.svg" alt="" />
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column justify-content-start fw-semibold">
|
|
<span class="fs-6 fw-semibold">Tower Group Website</span>
|
|
<span class="fs-7 fw-semibold text-muted">Google Adwords</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Category title-->
|
|
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Projects</h3>
|
|
<!--end::Category title-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-notepad fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
<span class="path5"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<span class="fs-6 fw-semibold">Si-Fi Project by AU Themes</span>
|
|
<span class="fs-7 fw-semibold text-muted">#45670</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-frame fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<span class="fs-6 fw-semibold">Shopix Mobile App Planning</span>
|
|
<span class="fs-7 fw-semibold text-muted">#45690</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-message-text-2 fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<span class="fs-6 fw-semibold">Finance Monitoring SAAS Discussion</span>
|
|
<span class="fs-7 fw-semibold text-muted">#21090</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-profile-circle fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<span class="fs-6 fw-semibold">Dashboard Analitics Launch</span>
|
|
<span class="fs-7 fw-semibold text-muted">#34560</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</a>
|
|
<!--end::Item-->
|
|
</div>
|
|
<!--end::Items-->
|
|
</div>
|
|
<!--end::Recently viewed-->
|
|
<!--begin::Recently viewed-->
|
|
<div class="mb-5" data-kt-search-element="main">
|
|
<!--begin::Heading-->
|
|
<div class="d-flex flex-stack fw-semibold mb-4">
|
|
<!--begin::Label-->
|
|
<span class="text-muted fs-6 me-2">Recently Searched:</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Heading-->
|
|
<!--begin::Items-->
|
|
<div class="scroll-y mh-200px mh-lg-325px">
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-laptop fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">BoomApp by Keenthemes</a>
|
|
<span class="fs-7 text-muted fw-semibold">#45789</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-chart-simple fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">"Kept API Project Meeting</a>
|
|
<span class="fs-7 text-muted fw-semibold">#84050</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-chart fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">"KPI Monitoring App Launch</a>
|
|
<span class="fs-7 text-muted fw-semibold">#84250</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-chart-line-down fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">Project Reference FAQ</a>
|
|
<span class="fs-7 text-muted fw-semibold">#67945</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-sms fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">"FitPro App Development</a>
|
|
<span class="fs-7 text-muted fw-semibold">#84250</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-bank fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">Shopix Mobile App</a>
|
|
<span class="fs-7 text-muted fw-semibold">#45690</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center mb-5">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-40px me-4">
|
|
<span class="symbol-label bg-light">
|
|
<i class="ki-duotone ki-chart-line-down fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="d-flex flex-column">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">"Landing UI Design" Launch</a>
|
|
<span class="fs-7 text-muted fw-semibold">#24005</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Item-->
|
|
</div>
|
|
<!--end::Items-->
|
|
</div>
|
|
<!--end::Recently viewed-->
|
|
<!--begin::Empty-->
|
|
<div data-kt-search-element="empty" class="text-center d-none">
|
|
<!--begin::Icon-->
|
|
<div class="pt-10 pb-10">
|
|
<i class="ki-duotone ki-search-list fs-4x opacity-50">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
</i>
|
|
</div>
|
|
<!--end::Icon-->
|
|
<!--begin::Message-->
|
|
<div class="pb-15 fw-semibold">
|
|
<h3 class="text-gray-600 fs-5 mb-2">No result found</h3>
|
|
<div class="text-muted fs-7">Please try again with a different query</div>
|
|
</div>
|
|
<!--end::Message-->
|
|
</div>
|
|
<!--end::Empty-->
|
|
</div>
|
|
<!--end::Wrapper-->
|
|
<!--begin::Preferences-->
|
|
<form data-kt-search-element="advanced-options-form" class="pt-1 d-none">
|
|
<!--begin::Heading-->
|
|
<h3 class="fw-semibold text-dark mb-7">Advanced Search</h3>
|
|
<!--end::Heading-->
|
|
<!--begin::Input group-->
|
|
<div class="mb-5">
|
|
<input type="text" class="form-control form-control-sm form-control-solid" placeholder="Contains the word" name="query" />
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="mb-5">
|
|
<!--begin::Radio group-->
|
|
<div class="nav-group nav-group-fluid">
|
|
<!--begin::Option-->
|
|
<label>
|
|
<input type="radio" class="btn-check" name="type" value="has" checked="checked" />
|
|
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary">All</span>
|
|
</label>
|
|
<!--end::Option-->
|
|
<!--begin::Option-->
|
|
<label>
|
|
<input type="radio" class="btn-check" name="type" value="users" />
|
|
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Users</span>
|
|
</label>
|
|
<!--end::Option-->
|
|
<!--begin::Option-->
|
|
<label>
|
|
<input type="radio" class="btn-check" name="type" value="orders" />
|
|
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Orders</span>
|
|
</label>
|
|
<!--end::Option-->
|
|
<!--begin::Option-->
|
|
<label>
|
|
<input type="radio" class="btn-check" name="type" value="projects" />
|
|
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Projects</span>
|
|
</label>
|
|
<!--end::Option-->
|
|
</div>
|
|
<!--end::Radio group-->
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="mb-5">
|
|
<input type="text" name="assignedto" class="form-control form-control-sm form-control-solid" placeholder="Assigned to" value="" />
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="mb-5">
|
|
<input type="text" name="collaborators" class="form-control form-control-sm form-control-solid" placeholder="Collaborators" value="" />
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="mb-5">
|
|
<!--begin::Radio group-->
|
|
<div class="nav-group nav-group-fluid">
|
|
<!--begin::Option-->
|
|
<label>
|
|
<input type="radio" class="btn-check" name="attachment" value="has" checked="checked" />
|
|
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary">Has attachment</span>
|
|
</label>
|
|
<!--end::Option-->
|
|
<!--begin::Option-->
|
|
<label>
|
|
<input type="radio" class="btn-check" name="attachment" value="any" />
|
|
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Any</span>
|
|
</label>
|
|
<!--end::Option-->
|
|
</div>
|
|
<!--end::Radio group-->
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="mb-5">
|
|
<select name="timezone" aria-label="Select a Timezone" data-control="select2" data-placeholder="date_period" class="form-select form-select-sm form-select-solid">
|
|
<option value="next">Within the next</option>
|
|
<option value="last">Within the last</option>
|
|
<option value="between">Between</option>
|
|
<option value="on">On</option>
|
|
</select>
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="row mb-8">
|
|
<!--begin::Col-->
|
|
<div class="col-6">
|
|
<input type="number" name="date_number" class="form-control form-control-sm form-control-solid" placeholder="Lenght" value="" />
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-6">
|
|
<select name="date_typer" aria-label="Select a Timezone" data-control="select2" data-placeholder="Period" class="form-select form-select-sm form-select-solid">
|
|
<option value="days">Days</option>
|
|
<option value="weeks">Weeks</option>
|
|
<option value="months">Months</option>
|
|
<option value="years">Years</option>
|
|
</select>
|
|
</div>
|
|
<!--end::Col-->
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Actions-->
|
|
<div class="d-flex justify-content-end">
|
|
<button type="reset" class="btn btn-sm btn-light fw-bold btn-active-light-primary me-2" data-kt-search-element="advanced-options-form-cancel">Cancel</button>
|
|
<a href="../../demo1/dist/pages/search/horizontal.html" class="btn btn-sm fw-bold btn-primary" data-kt-search-element="advanced-options-form-search">Search</a>
|
|
</div>
|
|
<!--end::Actions-->
|
|
</form>
|
|
<!--end::Preferences-->
|
|
<!--begin::Preferences-->
|
|
<form data-kt-search-element="preferences" class="pt-1 d-none">
|
|
<!--begin::Heading-->
|
|
<h3 class="fw-semibold text-dark mb-7">Search Preferences</h3>
|
|
<!--end::Heading-->
|
|
<!--begin::Input group-->
|
|
<div class="pb-4 border-bottom">
|
|
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
|
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Projects</span>
|
|
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
|
</label>
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="py-4 border-bottom">
|
|
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
|
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Targets</span>
|
|
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
|
</label>
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="py-4 border-bottom">
|
|
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
|
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Affiliate Programs</span>
|
|
<input class="form-check-input" type="checkbox" value="1" />
|
|
</label>
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="py-4 border-bottom">
|
|
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
|
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Referrals</span>
|
|
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
|
</label>
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="py-4 border-bottom">
|
|
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
|
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Users</span>
|
|
<input class="form-check-input" type="checkbox" value="1" />
|
|
</label>
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Actions-->
|
|
<div class="d-flex justify-content-end pt-7">
|
|
<button type="reset" class="btn btn-sm btn-light fw-bold btn-active-light-primary me-2" data-kt-search-element="preferences-dismiss">Cancel</button>
|
|
<button type="submit" class="btn btn-sm fw-bold btn-primary">Save Changes</button>
|
|
</div>
|
|
<!--end::Actions-->
|
|
</form>
|
|
<!--end::Preferences-->
|
|
</div>
|
|
<!--end::Menu-->
|
|
</div>
|
|
<!--end::Search-->
|
|
</div>
|
|
<!--end::Search-->
|
|
<!--begin::Activities-->
|
|
<div class="app-navbar-item ms-1 ms-md-3">
|
|
<!--begin::Drawer toggle-->
|
|
<div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px" id="kt_activities_toggle">
|
|
<i class="ki-duotone ki-chart-simple fs-2 fs-lg-1">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
</i>
|
|
</div>
|
|
<!--end::Drawer toggle-->
|
|
</div>
|
|
<!--end::Activities-->
|
|
<!--begin::Notifications-->
|
|
<div class="app-navbar-item ms-1 ms-md-3">
|
|
<!--begin::Menu- wrapper-->
|
|
<div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" id="kt_menu_item_wow">
|
|
<i class="ki-duotone ki-abstract-4 fs-2 fs-lg-1">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</div>
|
|
<!--begin::Menu-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column w-350px w-lg-375px" data-kt-menu="true" id="kt_menu_notifications">
|
|
<!--begin::Heading-->
|
|
<div class="d-flex flex-column bgi-no-repeat rounded-top" style="background-image:url('/massets/media/misc/menu-header-bg.jpg')">
|
|
<!--begin::Title-->
|
|
<h3 class="text-white fw-semibold px-9 mt-10 mb-6">Notifications
|
|
<span class="fs-8 opacity-75 ps-3">24 reports</span></h3>
|
|
<!--end::Title-->
|
|
<!--begin::Tabs-->
|
|
<ul class="nav nav-line-tabs nav-line-tabs-2x nav-stretch fw-semibold px-9">
|
|
<li class="nav-item">
|
|
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" href="#kt_topbar_notifications_1">Alerts</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4 active" data-bs-toggle="tab" href="#kt_topbar_notifications_2">Updates</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" href="#kt_topbar_notifications_3">Logs</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Tabs-->
|
|
</div>
|
|
<!--end::Heading-->
|
|
<!--begin::Tab content-->
|
|
<div class="tab-content">
|
|
<!--begin::Tab panel-->
|
|
<div class="tab-pane fade" id="kt_topbar_notifications_1" role="tabpanel">
|
|
<!--begin::Items-->
|
|
<div class="scroll-y mh-325px my-5 px-8">
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-35px me-4">
|
|
<span class="symbol-label bg-light-primary">
|
|
<i class="ki-duotone ki-abstract-28 fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="mb-0 me-2">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Alice</a>
|
|
<div class="text-gray-400 fs-7">Phase 1 development</div>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">1 hr</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-35px me-4">
|
|
<span class="symbol-label bg-light-danger">
|
|
<i class="ki-duotone ki-information fs-2 text-danger">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="mb-0 me-2">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">HR Confidential</a>
|
|
<div class="text-gray-400 fs-7">Confidential staff documents</div>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">2 hrs</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-35px me-4">
|
|
<span class="symbol-label bg-light-warning">
|
|
<i class="ki-duotone ki-briefcase fs-2 text-warning">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="mb-0 me-2">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Company HR</a>
|
|
<div class="text-gray-400 fs-7">Corporeate staff profiles</div>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">5 hrs</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-35px me-4">
|
|
<span class="symbol-label bg-light-success">
|
|
<i class="ki-duotone ki-abstract-12 fs-2 text-success">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="mb-0 me-2">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Redux</a>
|
|
<div class="text-gray-400 fs-7">New frontend admin theme</div>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">2 days</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-35px me-4">
|
|
<span class="symbol-label bg-light-primary">
|
|
<i class="ki-duotone ki-colors-square fs-2 text-primary">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="mb-0 me-2">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Breafing</a>
|
|
<div class="text-gray-400 fs-7">Product launch status update</div>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">21 Jan</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-35px me-4">
|
|
<span class="symbol-label bg-light-info">
|
|
<i class="ki-duotone ki-picture fs-2 text-info"></i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="mb-0 me-2">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Banner Assets</a>
|
|
<div class="text-gray-400 fs-7">Collection of banner images</div>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">21 Jan</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center">
|
|
<!--begin::Symbol-->
|
|
<div class="symbol symbol-35px me-4">
|
|
<span class="symbol-label bg-light-warning">
|
|
<i class="ki-duotone ki-color-swatch fs-2 text-warning">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
<span class="path5"></span>
|
|
<span class="path6"></span>
|
|
<span class="path7"></span>
|
|
<span class="path8"></span>
|
|
<span class="path9"></span>
|
|
<span class="path10"></span>
|
|
<span class="path11"></span>
|
|
<span class="path12"></span>
|
|
<span class="path13"></span>
|
|
<span class="path14"></span>
|
|
<span class="path15"></span>
|
|
<span class="path16"></span>
|
|
<span class="path17"></span>
|
|
<span class="path18"></span>
|
|
<span class="path19"></span>
|
|
<span class="path20"></span>
|
|
<span class="path21"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<!--end::Symbol-->
|
|
<!--begin::Title-->
|
|
<div class="mb-0 me-2">
|
|
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Icon Assets</a>
|
|
<div class="text-gray-400 fs-7">Collection of SVG icons</div>
|
|
</div>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">20 March</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
</div>
|
|
<!--end::Items-->
|
|
<!--begin::View more-->
|
|
<div class="py-3 text-center border-top">
|
|
<a href="../../demo1/dist/pages/user-profile/activity.html" class="btn btn-color-gray-600 btn-active-color-primary">View All
|
|
<i class="ki-duotone ki-arrow-right fs-5">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i></a>
|
|
</div>
|
|
<!--end::View more-->
|
|
</div>
|
|
<!--end::Tab panel-->
|
|
<!--begin::Tab panel-->
|
|
<div class="tab-pane fade show active" id="kt_topbar_notifications_2" role="tabpanel">
|
|
<!--begin::Wrapper-->
|
|
<div class="d-flex flex-column px-9">
|
|
<!--begin::Section-->
|
|
<div class="pt-10 pb-0">
|
|
<!--begin::Title-->
|
|
<h3 class="text-dark text-center fw-bold">Get Pro Access</h3>
|
|
<!--end::Title-->
|
|
<!--begin::Text-->
|
|
<div class="text-center text-gray-600 fw-semibold pt-1">Outlines keep you honest. They stoping you from amazing poorly about drive</div>
|
|
<!--end::Text-->
|
|
<!--begin::Action-->
|
|
<div class="text-center mt-5 mb-9">
|
|
<a href="#" class="btn btn-sm btn-primary px-6" data-bs-toggle="modal" data-bs-target="#kt_modal_upgrade_plan">Upgrade</a>
|
|
</div>
|
|
<!--end::Action-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Illustration-->
|
|
<div class="text-center px-4">
|
|
<img class="mw-100 mh-200px" alt="image" src="/massets/media/illustrations/sketchy-1/1.png" />
|
|
</div>
|
|
<!--end::Illustration-->
|
|
</div>
|
|
<!--end::Wrapper-->
|
|
</div>
|
|
<!--end::Tab panel-->
|
|
<!--begin::Tab panel-->
|
|
<div class="tab-pane fade" id="kt_topbar_notifications_3" role="tabpanel">
|
|
<!--begin::Items-->
|
|
<div class="scroll-y mh-325px my-5 px-8">
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">New order</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">Just now</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">New customer</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">2 hrs</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Payment process</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">5 hrs</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Search query</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">2 days</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">API connection</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">1 week</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Database restore</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">Mar 5</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">System update</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">May 15</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Server OS update</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">Apr 3</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">API rollback</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">Jun 30</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Refund process</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">Jul 10</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Withdrawal process</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">Sep 10</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex flex-stack py-4">
|
|
<!--begin::Section-->
|
|
<div class="d-flex align-items-center me-2">
|
|
<!--begin::Code-->
|
|
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
|
<!--end::Code-->
|
|
<!--begin::Title-->
|
|
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Mail tasks</a>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Section-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light fs-8">Dec 10</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Item-->
|
|
</div>
|
|
<!--end::Items-->
|
|
<!--begin::View more-->
|
|
<div class="py-3 text-center border-top">
|
|
<a href="../../demo1/dist/pages/user-profile/activity.html" class="btn btn-color-gray-600 btn-active-color-primary">View All
|
|
<i class="ki-duotone ki-arrow-right fs-5">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i></a>
|
|
</div>
|
|
<!--end::View more-->
|
|
</div>
|
|
<!--end::Tab panel-->
|
|
</div>
|
|
<!--end::Tab content-->
|
|
</div>
|
|
<!--end::Menu-->
|
|
<!--end::Menu wrapper-->
|
|
</div>
|
|
<!--end::Notifications-->
|
|
<!--begin::Chat-->
|
|
<div class="app-navbar-item ms-1 ms-md-3">
|
|
<!--begin::Menu wrapper-->
|
|
<div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px position-relative" id="kt_drawer_chat_toggle">
|
|
<i class="ki-duotone ki-message-text-2 fs-2 fs-lg-1">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
</i>
|
|
<span class="bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink"></span>
|
|
</div>
|
|
<!--end::Menu wrapper-->
|
|
</div>
|
|
<!--end::Chat-->
|
|
<!--begin::My apps links-->
|
|
<div class="app-navbar-item ms-1 ms-md-3">
|
|
<!--begin::Menu wrapper-->
|
|
<div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
|
|
<i class="ki-duotone ki-element-11 fs-2 fs-lg-1">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
</i>
|
|
</div>
|
|
<!--begin::My apps-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column w-100 w-sm-350px" data-kt-menu="true">
|
|
<!--begin::Card-->
|
|
<div class="card">
|
|
<!--begin::Card header-->
|
|
<div class="card-header">
|
|
<!--begin::Card title-->
|
|
<div class="card-title">My Apps</div>
|
|
<!--end::Card title-->
|
|
<!--begin::Card toolbar-->
|
|
<div class="card-toolbar">
|
|
<!--begin::Menu-->
|
|
<button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n3" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-end">
|
|
<i class="ki-duotone ki-setting-3 fs-2">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
<span class="path5"></span>
|
|
</i>
|
|
</button>
|
|
<!--begin::Menu 3-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
|
|
<!--begin::Heading-->
|
|
<div class="menu-item px-3">
|
|
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
|
|
</div>
|
|
<!--end::Heading-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3">Create Invoice</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link flex-stack px-3">Create Payment
|
|
<span class="ms-2" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference">
|
|
<i class="ki-duotone ki-information fs-6">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
</i>
|
|
</span></a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3">Generate Bill</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
|
|
<a href="#" class="menu-link px-3">
|
|
<span class="menu-title">Subscription</span>
|
|
<span class="menu-arrow"></span>
|
|
</a>
|
|
<!--begin::Menu sub-->
|
|
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3">Plans</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3">Billing</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3">Statements</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<div class="menu-content px-3">
|
|
<!--begin::Switch-->
|
|
<label class="form-check form-switch form-check-custom form-check-solid">
|
|
<!--begin::Input-->
|
|
<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
|
|
<!--end::Input-->
|
|
<!--end::Label-->
|
|
<span class="form-check-label text-muted fs-6">Recuring</span>
|
|
<!--end::Label-->
|
|
</label>
|
|
<!--end::Switch-->
|
|
</div>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu sub-->
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3 my-1">
|
|
<a href="#" class="menu-link px-3">Settings</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu 3-->
|
|
<!--end::Menu-->
|
|
</div>
|
|
<!--end::Card toolbar-->
|
|
</div>
|
|
<!--end::Card header-->
|
|
<!--begin::Card body-->
|
|
<div class="card-body py-5">
|
|
<!--begin::Scroll-->
|
|
<div class="mh-450px scroll-y me-n5 pe-5">
|
|
<!--begin::Row-->
|
|
<div class="row g-2">
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/amazon.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">AWS</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/angular-icon-1.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">AngularJS</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/atica.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Atica</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/beats-electronics.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Music</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/codeigniter.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Codeigniter</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/bootstrap-4.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Bootstrap</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/google-tag-manager.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">GTM</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/disqus.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Disqus</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/dribbble-icon-1.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Dribble</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/google-play-store.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Play Store</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/google-podcasts.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Podcasts</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/figma-1.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Figma</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/github.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Github</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/gitlab.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Gitlab</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/instagram-2-1.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Instagram</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-4">
|
|
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
|
<img src="/massets/media/svg/brand-logos/pinterest-p.svg" class="w-25px h-25px mb-2" alt="" />
|
|
<span class="fw-semibold">Pinterest</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Col-->
|
|
</div>
|
|
<!--end::Row-->
|
|
</div>
|
|
<!--end::Scroll-->
|
|
</div>
|
|
<!--end::Card body-->
|
|
</div>
|
|
<!--end::Card-->
|
|
</div>
|
|
<!--end::My apps-->
|
|
<!--end::Menu wrapper-->
|
|
</div>
|
|
<!--end::My apps links-->
|
|
<!--begin::Theme mode-->
|
|
<div class="app-navbar-item ms-1 ms-md-3">
|
|
<!--begin::Menu toggle-->
|
|
<a href="#" class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
|
|
<i class="ki-duotone ki-night-day theme-light-show fs-2 fs-lg-1">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
<span class="path5"></span>
|
|
<span class="path6"></span>
|
|
<span class="path7"></span>
|
|
<span class="path8"></span>
|
|
<span class="path9"></span>
|
|
<span class="path10"></span>
|
|
</i>
|
|
<i class="ki-duotone ki-moon theme-dark-show fs-2 fs-lg-1">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</a>
|
|
<!--begin::Menu toggle-->
|
|
<!--begin::Menu-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 menu-active-bg menu-state-color fw-semibold py-4 fs-base w-150px" data-kt-menu="true" data-kt-element="theme-mode-menu">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3 my-0">
|
|
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="light">
|
|
<span class="menu-icon" data-kt-element="icon">
|
|
<i class="ki-duotone ki-night-day fs-2">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
<span class="path5"></span>
|
|
<span class="path6"></span>
|
|
<span class="path7"></span>
|
|
<span class="path8"></span>
|
|
<span class="path9"></span>
|
|
<span class="path10"></span>
|
|
</i>
|
|
</span>
|
|
<span class="menu-title">Light</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3 my-0">
|
|
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="dark">
|
|
<span class="menu-icon" data-kt-element="icon">
|
|
<i class="ki-duotone ki-moon fs-2">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
<span class="menu-title">Dark</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3 my-0">
|
|
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="system">
|
|
<span class="menu-icon" data-kt-element="icon">
|
|
<i class="ki-duotone ki-screen fs-2">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
</i>
|
|
</span>
|
|
<span class="menu-title">System</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu-->
|
|
</div>
|
|
<!--end::Theme mode-->
|
|
<!--begin::User menu-->
|
|
<div class="app-navbar-item ms-1 ms-md-3" id="kt_header_user_menu_toggle">
|
|
<!--begin::Menu wrapper-->
|
|
<div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
|
|
<img src="/massets/media/avatars/300-1.jpg" alt="user" />
|
|
</div>
|
|
<!--begin::User account menu-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-color fw-semibold py-4 fs-6 w-275px" data-kt-menu="true">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<div class="menu-content d-flex align-items-center px-3">
|
|
<!--begin::Avatar-->
|
|
<div class="symbol symbol-50px me-5">
|
|
<img alt="Logo" src="/massets/media/avatars/300-1.jpg" />
|
|
</div>
|
|
<!--end::Avatar-->
|
|
<!--begin::Username-->
|
|
<div class="d-flex flex-column">
|
|
<div class="fw-bold d-flex align-items-center fs-5">Max Smith
|
|
<span class="badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2">Pro</span></div>
|
|
<a href="#" class="fw-semibold text-muted text-hover-primary fs-7">max@kt.com</a>
|
|
</div>
|
|
<!--end::Username-->
|
|
</div>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5">
|
|
<a href="../../demo1/dist/account/overview.html" class="menu-link px-5">My Profile</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5">
|
|
<a href="../../demo1/dist/apps/projects/list.html" class="menu-link px-5">
|
|
<span class="menu-text">My Projects</span>
|
|
<span class="menu-badge">
|
|
<span class="badge badge-light-danger badge-circle fw-bold fs-7">3</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
|
|
<a href="#" class="menu-link px-5">
|
|
<span class="menu-title">My Subscription</span>
|
|
<span class="menu-arrow"></span>
|
|
</a>
|
|
<!--begin::Menu sub-->
|
|
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="../../demo1/dist/account/referrals.html" class="menu-link px-5">Referrals</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="../../demo1/dist/account/billing.html" class="menu-link px-5">Billing</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="../../demo1/dist/account/statements.html" class="menu-link px-5">Payments</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="../../demo1/dist/account/statements.html" class="menu-link d-flex flex-stack px-5">Statements
|
|
<span class="ms-2" data-bs-toggle="tooltip" title="View your statements">
|
|
<i class="ki-duotone ki-information fs-7">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
</i>
|
|
</span></a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<div class="menu-content px-3">
|
|
<label class="form-check form-switch form-check-custom form-check-solid">
|
|
<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
|
|
<span class="form-check-label text-muted fs-7">Notifications</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu sub-->
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5">
|
|
<a href="../../demo1/dist/account/statements.html" class="menu-link px-5">My Statements</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
|
|
<a href="#" class="menu-link px-5">
|
|
<span class="menu-title position-relative">Language
|
|
<span class="fs-8 rounded bg-light px-3 py-2 position-absolute translate-middle-y top-50 end-0">English
|
|
<img class="w-15px h-15px rounded-1 ms-2" src="/massets/media/flags/united-states.svg" alt="" /></span></span>
|
|
</a>
|
|
<!--begin::Menu sub-->
|
|
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="../../demo1/dist/account/settings.html" class="menu-link d-flex px-5 active">
|
|
<span class="symbol symbol-20px me-4">
|
|
<img class="rounded-1" src="/massets/media/flags/united-states.svg" alt="" />
|
|
</span>English</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="../../demo1/dist/account/settings.html" class="menu-link d-flex px-5">
|
|
<span class="symbol symbol-20px me-4">
|
|
<img class="rounded-1" src="/massets/media/flags/spain.svg" alt="" />
|
|
</span>Spanish</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="../../demo1/dist/account/settings.html" class="menu-link d-flex px-5">
|
|
<span class="symbol symbol-20px me-4">
|
|
<img class="rounded-1" src="/massets/media/flags/germany.svg" alt="" />
|
|
</span>German</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="../../demo1/dist/account/settings.html" class="menu-link d-flex px-5">
|
|
<span class="symbol symbol-20px me-4">
|
|
<img class="rounded-1" src="/massets/media/flags/japan.svg" alt="" />
|
|
</span>Japanese</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="../../demo1/dist/account/settings.html" class="menu-link d-flex px-5">
|
|
<span class="symbol symbol-20px me-4">
|
|
<img class="rounded-1" src="/massets/media/flags/france.svg" alt="" />
|
|
</span>French</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu sub-->
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5 my-1">
|
|
<a href="../../demo1/dist/account/settings.html" class="menu-link px-5">Account Settings</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5">
|
|
<a href="../../demo1/dist/authentication/layouts/corporate/sign-in.html" class="menu-link px-5">Sign Out</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::User account menu-->
|
|
<!--end::Menu wrapper-->
|
|
</div>
|
|
<!--end::User menu-->
|
|
<!--begin::Header menu toggle-->
|
|
<div class="app-navbar-item d-lg-none ms-2 me-n2" title="Show header menu">
|
|
<div class="btn btn-flex btn-icon btn-active-color-primary w-30px h-30px" id="kt_app_header_menu_toggle">
|
|
<i class="ki-duotone ki-element-4 fs-1">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<!--end::Header menu toggle--> |