Initial commit

This commit is contained in:
Daeng Deni Mardaeni
2023-07-03 14:33:24 +07:00
commit 6210e33a3b
3798 changed files with 258149 additions and 0 deletions

View File

@ -0,0 +1,27 @@
<!--begin::Footer-->
<div id="kt_app_footer" class="app-footer">
<!--begin::Footer container-->
<div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
<!--begin::Copyright-->
<div class="text-dark order-2 order-md-1">
<span class="text-muted fw-semibold me-1">{{ date('Y') }}&copy;</span>
<a href="https://keenthemes.com" target="_blank" class="text-gray-800 text-hover-primary">Keenthemes</a>
</div>
<!--end::Copyright-->
<!--begin::Menu-->
<ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
<li class="menu-item">
<a href="https://keenthemes.com" target="_blank" class="menu-link px-2">About</a>
</li>
<li class="menu-item">
<a href="https://devs.keenthemes.com" target="_blank" class="menu-link px-2">Support</a>
</li>
<li class="menu-item">
<a href="https://1.envato.market/EA4JP" target="_blank" class="menu-link px-2">Purchase</a>
</li>
</ul>
<!--end::Menu-->
</div>
<!--end::Footer container-->
</div>
<!--end::Footer-->

View File

@ -0,0 +1,21 @@
<!--begin::Header-->
<div id="kt_app_header" class="app-header">
<!--begin::Header container-->
<div class="app-container container-xxl d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
<!--begin::Logo-->
<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0 me-lg-15">
<a href="/">
<img alt="Logo" src="{{ image('logos/default-dark.svg') }}" class="h-20px h-lg-30px app-sidebar-logo-default" />
</a>
</div>
<!--end::Logo-->
<!--begin::Header wrapper-->
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/_menu')
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_navbar')
</div>
<!--end::Header wrapper-->
</div>
<!--end::Header container-->
</div>
<!--end::Header-->

View File

@ -0,0 +1,24 @@
<!--begin::Page title-->
<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
<!--begin::Title-->
<h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">Multipurpose</h1>
<!--end::Title-->
<!--begin::Breadcrumb-->
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
<!--begin::Item-->
<li class="breadcrumb-item text-muted">
<a href="/" class="text-muted text-hover-primary">Home</a>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item">
<span class="bullet bg-gray-400 w-5px h-2px"></span>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item text-muted">Dashboards</li>
<!--end::Item-->
</ul>
<!--end::Breadcrumb-->
</div>
<!--end::Page title-->

View File

@ -0,0 +1,19 @@
<!--begin::Toolbar-->
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
<!--begin::Toolbar container-->
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/_page-title')
<!--begin::Actions-->
<div class="d-flex align-items-center gap-2 gap-lg-3">
<!--begin::Secondary button-->
<a href="#" class="btn btn-sm fw-bold bg-body btn-color-gray-700 btn-active-color-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">Rollover</a>
<!--end::Secondary button-->
<!--begin::Primary button-->
<a href="#" class="btn btn-sm fw-bold btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_new_target">Add Target</a>
<!--end::Primary button-->
</div>
<!--end::Actions-->
</div>
<!--end::Toolbar container-->
</div>
<!--end::Toolbar-->

View File

@ -0,0 +1,250 @@
<!--begin:Dashboards menu-->
<div class="menu-state-bg menu-extended overflow-hidden overflow-lg-visible" data-kt-menu-dismiss="true">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-8 mb-3 mb-lg-0 py-3 px-3 py-lg-6 px-lg-6">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link active">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('element-11', 'text-primary fs-1') !!}</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Default</span>
<span class="fs-7 fw-semibold text-muted">Reports & statistics</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('basket', 'text-danger fs-1') !!}</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">eCommerce</span>
<span class="fs-7 fw-semibold text-muted">Sales reports</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('abstract-44', 'text-info fs-1') !!}</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Projects</span>
<span class="fs-7 fw-semibold text-muted">Tasts, graphs & charts</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('color-swatch', 'text-success fs-1') !!}</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Online Courses</span>
<span class="fs-7 fw-semibold text-muted">Student progress</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('chart-simple', 'text-dark fs-1') !!}</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Marketing</span>
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('switch', 'text-warning fs-1') !!}</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Bidding</span>
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('abstract-42', 'text-danger fs-1') !!}</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">POS System</span>
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('call', 'text-primary fs-1') !!}</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Call Center</span>
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
<div class="separator separator-dashed mx-5 my-5"></div>
<!--begin:Landing-->
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mx-5">
<div class="d-flex flex-column me-5">
<div class="fs-6 fw-bold text-gray-800">Landing Page Template</div>
<div class="fs-7 fw-semibold text-muted">Onpe page landing template with pricing & others</div>
</div>
<a href="/" class="btn btn-sm btn-primary fw-bold">Explore</a>
</div>
<!--end:Landing-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="menu-more bg-light col-lg-4 py-3 px-3 py-lg-6 px-lg-6 rounded-end">
<!--begin:Heading-->
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">More Dashboards</h4>
<!--end:Heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link py-2">
<span class="menu-title">Logistics</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link py-2">
<span class="menu-title">Website Analytics</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link py-2">
<span class="menu-title">Finance Performance</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link py-2">
<span class="menu-title">Store Analytics</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link py-2">
<span class="menu-title">Social</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link py-2">
<span class="menu-title">Delivery</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link py-2">
<span class="menu-title">Crypto</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link py-2">
<span class="menu-title">School</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link py-2">
<span class="menu-title">Podcast</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Dashboards menu-->

View File

@ -0,0 +1,153 @@
<!--begin:Dashboards menu-->
<div class="menu-active-bg pt-1 pb-3 px-3 py-lg-6 px-lg-6" data-kt-menu-dismiss="true">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-6">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Heading-->
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">Layouts</h4>
<!--end:Heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Light Sidebar</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Dark Sidebar</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Light Header</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Dark Header</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Heading-->
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">Toolbars</h4>
<!--end:Heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Classic</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">SaaS</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Accounting</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Extended</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Reports</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
<div class="separator separator-dashed mx-lg-5 mt-2 mb-6"></div>
<!--begin:Layout Builder-->
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mb-5 mb-lg-0 mx-lg-5">
<div class="d-flex flex-column me-5">
<div class="fs-6 fw-bold text-gray-800">Layout Builder</div>
<div class="fs-7 fw-semibold text-muted">Customize, preview and export</div>
</div>
<a href="/" class="btn btn-sm btn-primary fw-bold">Try Builder</a>
</div>
<!--end:Layout Builder-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3 py-lg-3 pe-lg-8 d-flex align-items-center">
<img src="{{ image('stock/900x600/45.jpg') }}" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Dashboards menu-->

View File

@ -0,0 +1,106 @@
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-5 mb-6 mb-lg-0">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-6">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Overview</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Settings</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Security</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Activity</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Billing</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Statements</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Referrals</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">API Keys</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Logs</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-7">
<img src="{{ image('stock/900x600/46.jpg') }}" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->

View File

@ -0,0 +1,386 @@
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Corporate Layout</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Sign-in</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Sign-up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Two-steps</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">New Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Overlay Layout</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Sign-in</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Sign-up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Two-steps</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">New Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Creative Layout</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Sign-in</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Sign-up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Two-steps</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">New Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Fancy Layout</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Sign-in</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Sign-up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Two-steps</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">New Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">General</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Multi-steps Sign-up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Two Factor Auth</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Welcome Message</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Verify Email</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Coming Soon</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Password Confirmation</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Account Deactivation</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Error 404</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Error 500</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Email Templates</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Welcome Message</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Subscription Confirmed</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Credit Card Declined</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Promo 1</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Promo 2</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Promo 3</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->

View File

@ -0,0 +1,285 @@
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-8">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">User Profile</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Overview</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Projects</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Campaigns</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Documents</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Followers</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Activity</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Corporate</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">About</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Our Team</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Contact Us</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Licenses</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Sitemap</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Careers</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Careers List</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Careers Apply</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">FAQ</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">FAQ Classic</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">FAQ Extended</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Blog</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Blog Home</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Blog Post</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Pricing</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Column Pricing</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Table Pricing</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Social</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Feeds</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Activty</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Followers</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Settings</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-4">
<img src="{{ image('stock/600x600/img-82.jpg') }}" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->

View File

@ -0,0 +1,327 @@
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-7">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-4 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">General Modals</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Invite Friends</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">View Users</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Select Users</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Upgrade Plan</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Share & Earn</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">New Target</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">New Card</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">New Address</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Create API Key</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Bidding</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-4 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Advanced Modals</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Create App</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Create Campaign</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Create Business Acc</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Create Project</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Top Up Wallet</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Offer a Deal</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Two Factor Auth</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Search</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Horizontal</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Vertical</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Users</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Select Location</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-4 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Wizards</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Horizontal</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Vertical</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Two Factor Auth</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Create App</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Create Campaign</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Create Account</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Create Project</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Top Up Wallet</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Offer a Deal</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-5 pe-lg-5">
<img src="{{ image('stock/600x600/img-84.jpg') }}" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->

View File

@ -0,0 +1,67 @@
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-4 mb-6 mb-lg-0">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Lists</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Statistics</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Charts</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Mixed</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Tables</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-title">Feeds</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-8">
<img src="{{ image('stock/900x600/44.jpg') }}" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->

View File

@ -0,0 +1,64 @@
<!--begin:Pages menu-->
<div class="menu-active-bg px-4 px-lg-0">
<!--begin:Tabs nav-->
<div class="d-flex w-100 overflow-auto">
<ul class="nav nav-stretch nav-line-tabs fw-bold fs-6 p-0 p-lg-10 flex-nowrap flex-grow-1">
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 active text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_pages">General</a>
</li>
<!--end:Nav item-->
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_account">Account</a>
</li>
<!--end:Nav item-->
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_authentication">Authentication</a>
</li>
<!--end:Nav item-->
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_utilities">Utilities</a>
</li>
<!--end:Nav item-->
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_widgets">Widgets</a>
</li>
<!--end:Nav item-->
</ul>
</div>
<!--end:Tabs nav-->
<!--begin:Tab content-->
<div class="tab-content py-4 py-lg-8 px-lg-7">
<!--begin:Tab pane-->
<div class="tab-pane active w-lg-1000px" id="kt_app_header_menu_pages_pages">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-general')
</div>
<!--end:Tab pane-->
<!--begin:Tab pane-->
<div class="tab-pane w-lg-600px" id="kt_app_header_menu_pages_account">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-account')
</div>
<!--end:Tab pane-->
<!--begin:Tab pane-->
<div class="tab-pane w-lg-1000px" id="kt_app_header_menu_pages_authentication">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-authentication')
</div>
<!--end:Tab pane-->
<!--begin:Tab pane-->
<div class="tab-pane w-lg-1000px" id="kt_app_header_menu_pages_utilities">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-utilities')
</div>
<!--end:Tab pane-->
<!--begin:Tab pane-->
<div class="tab-pane w-lg-500px" id="kt_app_header_menu_pages_widgets">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-widgets')
</div>
<!--end:Tab pane-->
</div>
<!--end:Tab content-->
</div>
<!--end:Pages menu-->

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,60 @@
<!--begin::Navbar-->
<div class="app-navbar flex-shrink-0">
<!--begin::Search-->
<div class="app-navbar-item align-items-stretch ms-1 ms-md-3">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/_dropdown')
</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">{!! getIcon('chart-simple', 'fs-2 fs-md-1') !!}</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">{!! getIcon('element-plus', 'fs-2 fs-md-1') !!}</div>
@include('partials/menus/_notifications-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">{!! getIcon('message-text-2', 'fs-2 fs-md-1') !!}
<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">{!! getIcon('element-11', 'fs-2 fs-md-1') !!}</div>
@include('partials/menus/_my-apps-menu')
<!--end::Menu wrapper-->
</div>
<!--end::My apps links-->
<!--begin::Theme mode-->
<div class="app-navbar-item ms-1 ms-md-3">
@include('partials/theme-mode/_main')
</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="{{ image('avatars/300-1.jpg') }}" alt="user" />
</div>
@include('partials/menus/_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-n3" title="Show header menu">
<div class="btn btn-icon btn-active-color-primary w-30px h-30px w-md-35px h-md-35px" id="kt_app_header_menu_toggle">{!! getIcon('text-align-left', 'fs-2 fs-md-1') !!}</div>
</div>
<!--end::Header menu toggle-->
</div>
<!--end::Navbar-->

View File

@ -0,0 +1,33 @@
<!--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-35px h-35px w-md-40px h-md-40px">
{!! getIcon('magnifier', 'fs-2 fs-md-1') !!}
</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">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_form-dropdown')
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_results')
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_main')
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_empty')
</div>
<!--end::Wrapper-->
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_advanced-options')
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_preferences')
</div>
<!--end::Menu-->
</div>
<!--end::Search-->

View File

@ -0,0 +1,111 @@
<!--begin::Preferences-->
<form data-kt-search-element="advanced-options-form" class="pt-1 d-none">
<!--begin::Heading-->
<h3 class="fw-bold 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-bolder btn-active-light-primary me-2" data-kt-search-element="advanced-options-form-cancel">Cancel</button>
<a href="#" class="btn btn-sm fw-bolder btn-primary" data-kt-search-element="advanced-options-form-search">Search</a>
</div>
<!--end::Actions-->
</form>
<!--end::Preferences-->

View File

@ -0,0 +1,15 @@
<!--begin::Empty-->
<div data-kt-search-element="empty" class="text-center d-none">
<!--begin::Icon-->
<div class="pt-10 pb-10">{!! getSvgIcon('duotune/files/fil024.svg', 'svg-icon svg-icon-4x opacity-50') !!}</div>
<!--end::Icon-->
<!--begin::Message-->
<div class="pb-15 fw-bold">
<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-->

View File

@ -0,0 +1,33 @@
<!--begin::Form-->
<form data-kt-search-element="form" class="w-100 position-relative mb-3" autocomplete="off">
<!--begin::Icon-->
{!! getSvgIcon('duotune/general/gen021.svg', 'svg-icon svg-icon-2 svg-icon-lg-1 svg-icon-gray-500 position-absolute top-50 translate-middle-y ms-0') !!}
<!--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="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="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">{!! getSvgIcon('duotune/arrows/arr061.svg', 'svg-icon svg-icon-2 svg-icon-lg-1 me-0') !!}</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">{!! getSvgIcon('duotune/coding/cod001.svg', 'svg-icon svg-icon-1') !!}</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">{!! getSvgIcon('duotune/arrows/arr072.svg', 'svg-icon svg-icon-2') !!}</div>
<!--end::Advanced search toggle-->
</div>
<!--end::Toolbar-->
</form>
<!--end::Form-->
<!--begin::Separator-->
<div class="separator border-gray-200 mb-6"></div>
<!--end::Separator-->

View File

@ -0,0 +1,122 @@
<!--begin::Recently viewed-->
<div class="mb-5" data-kt-search-element="main">
<!--begin::Heading-->
<div class="d-flex flex-stack fw-bold 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">{!! getSvgIcon('duotune/electronics/elc004.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">BoomApp by Keenthemes</a>
<span class="fs-7 text-muted fw-bold">#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">{!! getSvgIcon('duotune/graphs/gra001.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"Kept API Project Meeting</a>
<span class="fs-7 text-muted fw-bold">#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">{!! getSvgIcon('duotune/graphs/gra006.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"KPI Monitoring App Launch</a>
<span class="fs-7 text-muted fw-bold">#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">{!! getSvgIcon('duotune/graphs/gra002.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Reference FAQ</a>
<span class="fs-7 text-muted fw-bold">#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">{!! getSvgIcon('duotune/communication/com010.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"FitPro App Development</a>
<span class="fs-7 text-muted fw-bold">#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">{!! getSvgIcon('duotune/finance/fin001.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Shopix Mobile App</a>
<span class="fs-7 text-muted fw-bold">#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">{!! getSvgIcon('duotune/graphs/gra002.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"Landing UI Design" Launch</a>
<span class="fs-7 text-muted fw-bold">#24005</span>
</div>
<!--end::Title-->
</div>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Recently viewed-->

View File

@ -0,0 +1,56 @@
<!--begin::Preferences-->
<form data-kt-search-element="preferences" class="pt-1 d-none">
<!--begin::Heading-->
<h3 class="fw-bold 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-bold 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-bold 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-bold 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-bold 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-bold 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-bolder btn-active-light-primary me-2" data-kt-search-element="preferences-dismiss">Cancel</button>
<button type="submit" class="btn btn-sm fw-bolder btn-primary">Save Changes</button>
</div>
<!--end::Actions-->
</form>
<!--end::Preferences-->

View File

@ -0,0 +1,239 @@
<!--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="{{ image('avatars/300-6.jpg') }}" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">Karina Clark</span>
<span class="fs-7 fw-bold 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="{{ image('avatars/300-2.jpg') }}" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">Olivia Bold</span>
<span class="fs-7 fw-bold 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="{{ image('avatars/300-9.jpg') }}" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">Ana Clark</span>
<span class="fs-7 fw-bold 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="{{ image('avatars/300-14.jpg') }}" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">Nick Pitola</span>
<span class="fs-7 fw-bold 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="{{ image('avatars/300-11.jpg') }}" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">Edward Kulnic</span>
<span class="fs-7 fw-bold 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="{{ image('svg/brand-logos/volicity-9.svg') }}" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">Company Rbranding</span>
<span class="fs-7 fw-bold 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="{{ image('svg/brand-logos/tvit.svg') }}" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">Company Re-branding</span>
<span class="fs-7 fw-bold 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="{{ image('svg/misc/infography.svg') }}" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">Business Analytics App</span>
<span class="fs-7 fw-bold 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="{{ image('svg/brand-logos/leaf.svg') }}" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">EcoLeaf App Launch</span>
<span class="fs-7 fw-bold 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="{{ image('svg/brand-logos/tower.svg') }}" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-bold">
<span class="fs-6 fw-bold">Tower Group Website</span>
<span class="fs-7 fw-bold 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">{!! getSvgIcon('duotune/general/gen005.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-bold">Si-Fi Project by AU Themes</span>
<span class="fs-7 fw-bold 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">{!! getSvgIcon('duotune/general/gen032.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-bold">Shopix Mobile App Planning</span>
<span class="fs-7 fw-bold 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">{!! getSvgIcon('duotune/communication/com012.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-bold">Finance Monitoring SAAS Discussion</span>
<span class="fs-7 fw-bold 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">{!! getSvgIcon('duotune/communication/com006.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-bold">Dashboard Analitics Launch</span>
<span class="fs-7 fw-bold text-muted">#34560</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Recently viewed-->