admin-lte 4.0.0-alpha3 → 4.0.0-beta2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.astro/settings.json +5 -0
- package/README.md +6 -1
- package/dist/css/adminlte.css +238 -226
- package/dist/css/adminlte.css.map +1 -1
- package/dist/css/adminlte.min.css +2 -2
- package/dist/css/adminlte.min.css.map +1 -1
- package/dist/css/adminlte.rtl.css +245 -224
- package/dist/css/adminlte.rtl.css.map +1 -1
- package/dist/css/adminlte.rtl.min.css +2 -2
- package/dist/css/adminlte.rtl.min.css.map +1 -1
- package/dist/js/adminlte.js +139 -37
- package/dist/js/adminlte.js.map +1 -1
- package/dist/js/adminlte.min.js +3 -3
- package/dist/js/adminlte.min.js.map +1 -1
- package/dist/pages/UI/general.html +901 -0
- package/dist/pages/UI/icons.html +452 -0
- package/dist/pages/UI/timeline.html +228 -599
- package/dist/pages/docs/browser-support.html +206 -509
- package/dist/pages/docs/color-mode.html +346 -685
- package/dist/pages/docs/components/main-header.html +435 -827
- package/dist/pages/docs/components/main-sidebar.html +308 -610
- package/dist/pages/docs/faq.html +194 -498
- package/dist/pages/docs/how-to-contribute.html +196 -499
- package/dist/pages/docs/introduction.html +215 -513
- package/dist/pages/docs/javascript/treeview.html +204 -507
- package/dist/pages/docs/layout.html +194 -499
- package/dist/pages/docs/license.html +194 -498
- package/dist/pages/examples/lockscreen.html +21 -59
- package/dist/pages/examples/login-v2.html +35 -95
- package/dist/pages/examples/login.html +33 -89
- package/dist/pages/examples/register-v2.html +37 -102
- package/dist/pages/examples/register.html +34 -92
- package/dist/pages/forms/general.html +286 -766
- package/dist/pages/generate/theme.html +412 -0
- package/dist/pages/index.html +310 -807
- package/dist/pages/index2.html +502 -1189
- package/dist/pages/index3.html +250 -663
- package/dist/pages/layout/collapsed-sidebar.html +201 -520
- package/dist/pages/layout/fixed-sidebar.html +201 -521
- package/dist/pages/layout/layout-custom-area.html +467 -0
- package/dist/pages/layout/layout-rtl.html +201 -520
- package/dist/pages/layout/logo-switch.html +111 -310
- package/dist/pages/layout/sidebar-mini.html +201 -520
- package/dist/pages/layout/unfixed-sidebar.html +200 -518
- package/dist/pages/tables/simple.html +268 -651
- package/dist/pages/widgets/cards.html +263 -705
- package/dist/pages/widgets/info-box.html +285 -788
- package/dist/pages/widgets/small-box.html +217 -548
- package/package.json +34 -33
- package/src/scss/_app-content.scss +0 -49
- package/src/scss/_app-main.scss +25 -1
- package/src/scss/_app-sidebar.scss +3 -8
- package/src/scss/_bootstrap-variables.scss +26 -22
- package/src/scss/_callouts.scss +6 -0
- package/src/scss/_cards.scss +1 -0
- package/src/scss/_compact-mode.scss +0 -26
- package/src/scss/_direct-chat.scss +5 -0
- package/src/scss/_dropdown.scss +1 -0
- package/src/scss/_info-box.scss +2 -10
- package/src/scss/_timeline.scss +1 -0
- package/src/scss/_toasts.scss +33 -0
- package/src/scss/_variables.scss +29 -11
- package/src/scss/adminlte.scss +1 -2
- package/src/scss/pages/_lockscreen.scss +1 -0
- package/src/scss/pages/_login_and_register.scss +1 -0
- package/src/scss/parts/_extra-components.scss +1 -0
- package/src/ts/adminlte.ts +3 -1
- package/src/ts/card-widget.ts +3 -2
- package/src/ts/direct-chat.ts +3 -2
- package/src/ts/fullscreen.ts +110 -0
- package/src/ts/layout.ts +3 -2
- package/src/ts/push-menu.ts +4 -3
- package/src/ts/treeview.ts +20 -3
- package/src/ts/util/index.ts +1 -1
- package/.bundlewatch.config.json +0 -28
- package/.cache/.eslintcache +0 -1
- package/.cache/.stylelintcache +0 -1
- package/.editorconfig +0 -14
- package/.eslintignore +0 -7
- package/.eslintrc.json +0 -120
- package/.gitattributes +0 -6
- package/.gitpod.yml +0 -6
- package/.idea/AdminLTE.iml +0 -16
- package/.idea/codeStyles/Project.xml +0 -53
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/dbnavigator.xml +0 -421
- package/.idea/git_toolbox_prj.xml +0 -15
- package/.idea/inspectionProfiles/Project_Default.xml +0 -7
- package/.idea/jsLibraryMappings.xml +0 -6
- package/.idea/jsLinters/eslint.xml +0 -6
- package/.idea/modules.xml +0 -8
- package/.idea/php.xml +0 -28
- package/.idea/vcs.xml +0 -12
- package/.stylelintignore +0 -8
- package/.stylelintrc.json +0 -47
- package/composer.json +0 -25
- package/dist/pages/layout/fixed-complete.html +0 -867
- package/src/assets/img/AdminLTEFullLogo.png +0 -0
- package/src/assets/img/AdminLTELogo.png +0 -0
- package/src/assets/img/avatar.png +0 -0
- package/src/assets/img/avatar2.png +0 -0
- package/src/assets/img/avatar3.png +0 -0
- package/src/assets/img/avatar4.png +0 -0
- package/src/assets/img/avatar5.png +0 -0
- package/src/assets/img/boxed-bg.jpg +0 -0
- package/src/assets/img/boxed-bg.png +0 -0
- package/src/assets/img/credit/american-express.png +0 -0
- package/src/assets/img/credit/cirrus.png +0 -0
- package/src/assets/img/credit/mastercard.png +0 -0
- package/src/assets/img/credit/paypal.png +0 -0
- package/src/assets/img/credit/paypal2.png +0 -0
- package/src/assets/img/credit/visa.png +0 -0
- package/src/assets/img/default-150x150.png +0 -0
- package/src/assets/img/icons.png +0 -0
- package/src/assets/img/photo1.png +0 -0
- package/src/assets/img/photo2.png +0 -0
- package/src/assets/img/photo3.jpg +0 -0
- package/src/assets/img/photo4.jpg +0 -0
- package/src/assets/img/prod-1.jpg +0 -0
- package/src/assets/img/prod-2.jpg +0 -0
- package/src/assets/img/prod-3.jpg +0 -0
- package/src/assets/img/prod-4.jpg +0 -0
- package/src/assets/img/prod-5.jpg +0 -0
- package/src/assets/img/user1-128x128.jpg +0 -0
- package/src/assets/img/user2-160x160.jpg +0 -0
- package/src/assets/img/user3-128x128.jpg +0 -0
- package/src/assets/img/user4-128x128.jpg +0 -0
- package/src/assets/img/user5-128x128.jpg +0 -0
- package/src/assets/img/user6-128x128.jpg +0 -0
- package/src/assets/img/user7-128x128.jpg +0 -0
- package/src/assets/img/user8-128x128.jpg +0 -0
- package/src/config/assets.config.mjs +0 -8
- package/src/config/astro.config.mjs +0 -19
- package/src/config/postcss.config.mjs +0 -15
- package/src/config/rollup.config.js +0 -20
- package/src/html/.eslintrc.json +0 -24
- package/src/html/.prettierrc.js +0 -11
- package/src/html/.tsconfig.json +0 -4
- package/src/html/components/_head.astro +0 -47
- package/src/html/components/_scripts.astro +0 -51
- package/src/html/components/dashboard/_footer.astro +0 -18
- package/src/html/components/dashboard/_sidenav.astro +0 -553
- package/src/html/components/dashboard/_topbar.astro +0 -213
- package/src/html/components/docs/browser-support.mdx +0 -23
- package/src/html/components/docs/color-mode.mdx +0 -169
- package/src/html/components/docs/components/main-header.mdx +0 -198
- package/src/html/components/docs/components/main-sidebar.mdx +0 -129
- package/src/html/components/docs/faq.mdx +0 -11
- package/src/html/components/docs/how-to-contribute.mdx +0 -34
- package/src/html/components/docs/introduction.mdx +0 -60
- package/src/html/components/docs/license.mdx +0 -9
- package/src/html/components/javascript/treeview.mdx +0 -39
- package/src/html/env.d.ts +0 -1
- package/src/html/pages/UI/timeline.astro +0 -221
- package/src/html/pages/docs/browser-support.astro +0 -71
- package/src/html/pages/docs/color-mode.astro +0 -271
- package/src/html/pages/docs/components/main-header.astro +0 -319
- package/src/html/pages/docs/components/main-sidebar.astro +0 -71
- package/src/html/pages/docs/faq.astro +0 -71
- package/src/html/pages/docs/how-to-contribute.astro +0 -71
- package/src/html/pages/docs/introduction.astro +0 -71
- package/src/html/pages/docs/javascript/treeview.astro +0 -71
- package/src/html/pages/docs/layout.astro +0 -120
- package/src/html/pages/docs/license.astro +0 -71
- package/src/html/pages/examples/lockscreen.astro +0 -63
- package/src/html/pages/examples/login-v2.astro +0 -109
- package/src/html/pages/examples/login.astro +0 -99
- package/src/html/pages/examples/register-v2.astro +0 -116
- package/src/html/pages/examples/register.astro +0 -102
- package/src/html/pages/forms/general.astro +0 -624
- package/src/html/pages/index.astro +0 -790
- package/src/html/pages/index2.astro +0 -1345
- package/src/html/pages/index3.astro +0 -513
- package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
- package/src/html/pages/layout/fixed-complete.astro +0 -209
- package/src/html/pages/layout/fixed-sidebar.astro +0 -109
- package/src/html/pages/layout/layout-rtl.astro +0 -109
- package/src/html/pages/layout/logo-switch.astro +0 -212
- package/src/html/pages/layout/sidebar-mini.astro +0 -108
- package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
- package/src/html/pages/tables/simple.astro +0 -472
- package/src/html/pages/widgets/cards.astro +0 -373
- package/src/html/pages/widgets/info-box.astro +0 -413
- package/src/html/pages/widgets/small-box.astro +0 -182
- package/src/utils/index.js +0 -28
- package/tsconfig.json +0 -31
|
@@ -1,657 +1,377 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<!--begin::Head-->
|
|
2
|
+
<html lang="en"> <!--begin::Head-->
|
|
4
3
|
|
|
5
4
|
<head>
|
|
6
5
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
7
|
-
<title>Main Header Component | AdminLTE 4</title
|
|
8
|
-
<!--begin::Primary Meta Tags-->
|
|
6
|
+
<title>Main Header Component | AdminLTE 4</title><!--begin::Primary Meta Tags-->
|
|
9
7
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
10
8
|
<meta name="title" content="Main Header Component | AdminLTE 4">
|
|
11
9
|
<meta name="author" content="ColorlibHQ">
|
|
12
10
|
<meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
|
|
13
|
-
<meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<link rel="
|
|
17
|
-
<link rel="
|
|
18
|
-
|
|
19
|
-
<!--end::Fonts-->
|
|
20
|
-
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
21
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/styles/overlayscrollbars.min.css" integrity="sha256-LWLZPJ7X1jJLI5OG5695qDemW1qQ7lNdbTfQ64ylbUY=" crossorigin="anonymous">
|
|
22
|
-
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
|
23
|
-
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
|
24
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.min.css" integrity="sha256-BicZsQAhkGHIoR//IB2amPN5SrRb3fHB8tFsnqRAwnk=" crossorigin="anonymous">
|
|
25
|
-
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
|
26
|
-
<!--begin::Required Plugin(AdminLTE)-->
|
|
27
|
-
<link rel="stylesheet" href="../../../../dist/css/adminlte.css">
|
|
28
|
-
<!--end::Required Plugin(AdminLTE)-->
|
|
29
|
-
</head>
|
|
30
|
-
<!--end::Head-->
|
|
31
|
-
<!--begin::Body-->
|
|
11
|
+
<meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"><!--end::Primary Meta Tags--><!--begin::Fonts-->
|
|
12
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css" integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous"><!--end::Fonts--><!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
13
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css" integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" crossorigin="anonymous"><!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Third Party Plugin(Bootstrap Icons)-->
|
|
14
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css" integrity="sha256-Qsx5lrStHZyR9REqhUF8iQt73X06c8LGIUPzpOhwRrI=" crossorigin="anonymous"><!--end::Third Party Plugin(Bootstrap Icons)--><!--begin::Required Plugin(AdminLTE)-->
|
|
15
|
+
<link rel="stylesheet" href="../../../../dist/css/adminlte.css"><!--end::Required Plugin(AdminLTE)-->
|
|
16
|
+
</head> <!--end::Head--> <!--begin::Body-->
|
|
32
17
|
|
|
33
|
-
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
34
|
-
<!--begin::
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
<nav class="app-header navbar navbar-expand bg-body">
|
|
38
|
-
<!--begin::Container-->
|
|
39
|
-
<div class="container-fluid">
|
|
40
|
-
<!--begin::Start Navbar Links-->
|
|
18
|
+
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
|
|
19
|
+
<div class="app-wrapper"> <!--begin::Header-->
|
|
20
|
+
<nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
|
|
21
|
+
<div class="container-fluid"> <!--begin::Start Navbar Links-->
|
|
41
22
|
<ul class="navbar-nav">
|
|
42
|
-
<li class="nav-item">
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
<li class="nav-item
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
<li class="nav-item d-none d-md-block">
|
|
51
|
-
<a href="#" class="nav-link">Contact</a>
|
|
52
|
-
</li>
|
|
53
|
-
</ul>
|
|
54
|
-
<!--end::Start Navbar Links-->
|
|
55
|
-
|
|
56
|
-
<!--begin::End Navbar Links-->
|
|
57
|
-
<ul class="navbar-nav ms-auto">
|
|
58
|
-
<!--begin::Navbar Search-->
|
|
59
|
-
<li class="nav-item">
|
|
60
|
-
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
|
61
|
-
<i class="bi bi-search"></i>
|
|
62
|
-
</a>
|
|
63
|
-
</li>
|
|
64
|
-
<!--end::Navbar Search-->
|
|
65
|
-
|
|
66
|
-
<!--begin::Messages Dropdown Menu-->
|
|
67
|
-
<li class="nav-item dropdown">
|
|
68
|
-
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
|
69
|
-
<i class="bi bi-chat-text"></i>
|
|
70
|
-
<span class="navbar-badge badge text-bg-danger">3</span>
|
|
71
|
-
</a>
|
|
72
|
-
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
73
|
-
<a href="#" class="dropdown-item">
|
|
74
|
-
<!--begin::Message-->
|
|
23
|
+
<li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
|
|
24
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
|
|
25
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
|
|
26
|
+
</ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
|
|
27
|
+
<ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
|
|
28
|
+
<li class="nav-item"> <a class="nav-link" data-widget="navbar-search" href="#" role="button"> <i class="bi bi-search"></i> </a> </li> <!--end::Navbar Search--> <!--begin::Messages Dropdown Menu-->
|
|
29
|
+
<li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-chat-text"></i> <span class="navbar-badge badge text-bg-danger">3</span> </a>
|
|
30
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
75
31
|
<div class="d-flex">
|
|
76
|
-
<div class="flex-shrink-0">
|
|
77
|
-
<img src="../../../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
78
|
-
</div>
|
|
32
|
+
<div class="flex-shrink-0"> <img src="../../../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
79
33
|
<div class="flex-grow-1">
|
|
80
34
|
<h3 class="dropdown-item-title">
|
|
81
35
|
Brad Diesel
|
|
82
36
|
<span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
|
|
83
37
|
</h3>
|
|
84
38
|
<p class="fs-7">Call me whenever you can...</p>
|
|
85
|
-
<p class="fs-7 text-secondary">
|
|
86
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
39
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
87
40
|
</p>
|
|
88
41
|
</div>
|
|
89
|
-
</div>
|
|
90
|
-
<!--end::Message-->
|
|
42
|
+
</div> <!--end::Message-->
|
|
91
43
|
</a>
|
|
92
|
-
<div class="dropdown-divider"></div>
|
|
93
|
-
<a href="#" class="dropdown-item">
|
|
94
|
-
<!--begin::Message-->
|
|
44
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
95
45
|
<div class="d-flex">
|
|
96
|
-
<div class="flex-shrink-0">
|
|
97
|
-
<img src="../../../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
98
|
-
</div>
|
|
46
|
+
<div class="flex-shrink-0"> <img src="../../../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
99
47
|
<div class="flex-grow-1">
|
|
100
48
|
<h3 class="dropdown-item-title">
|
|
101
49
|
John Pierce
|
|
102
|
-
<span class="float-end fs-7 text-secondary">
|
|
103
|
-
<i class="bi bi-star-fill"></i>
|
|
104
|
-
</span>
|
|
50
|
+
<span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
|
|
105
51
|
</h3>
|
|
106
52
|
<p class="fs-7">I got your message bro</p>
|
|
107
|
-
<p class="fs-7 text-secondary">
|
|
108
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
53
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
109
54
|
</p>
|
|
110
55
|
</div>
|
|
111
|
-
</div>
|
|
112
|
-
<!--end::Message-->
|
|
56
|
+
</div> <!--end::Message-->
|
|
113
57
|
</a>
|
|
114
|
-
<div class="dropdown-divider"></div>
|
|
115
|
-
<a href="#" class="dropdown-item">
|
|
116
|
-
<!--begin::Message-->
|
|
58
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
117
59
|
<div class="d-flex">
|
|
118
|
-
<div class="flex-shrink-0">
|
|
119
|
-
<img src="../../../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
120
|
-
</div>
|
|
60
|
+
<div class="flex-shrink-0"> <img src="../../../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
121
61
|
<div class="flex-grow-1">
|
|
122
62
|
<h3 class="dropdown-item-title">
|
|
123
63
|
Nora Silvester
|
|
124
|
-
<span class="float-end fs-7 text-warning">
|
|
125
|
-
<i class="bi bi-star-fill"></i>
|
|
126
|
-
</span>
|
|
64
|
+
<span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
|
|
127
65
|
</h3>
|
|
128
66
|
<p class="fs-7">The subject goes here</p>
|
|
129
|
-
<p class="fs-7 text-secondary">
|
|
130
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
67
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
131
68
|
</p>
|
|
132
69
|
</div>
|
|
133
|
-
</div>
|
|
134
|
-
<!--end::Message-->
|
|
70
|
+
</div> <!--end::Message-->
|
|
135
71
|
</a>
|
|
136
|
-
<div class="dropdown-divider"></div>
|
|
137
|
-
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
72
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
138
73
|
</div>
|
|
139
|
-
</li>
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
<
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
150
|
-
<div class="dropdown-divider"></div>
|
|
151
|
-
<a href="#" class="dropdown-item">
|
|
152
|
-
<i class="bi bi-envelope me-2"></i> 4 new messages
|
|
153
|
-
<span class="float-end text-secondary fs-7">3 mins</span>
|
|
154
|
-
</a>
|
|
155
|
-
<div class="dropdown-divider"></div>
|
|
156
|
-
<a href="#" class="dropdown-item">
|
|
157
|
-
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
158
|
-
<span class="float-end text-secondary fs-7">12 hours</span>
|
|
159
|
-
</a>
|
|
160
|
-
<div class="dropdown-divider"></div>
|
|
161
|
-
<a href="#" class="dropdown-item">
|
|
162
|
-
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
163
|
-
<span class="float-end text-secondary fs-7">2 days</span>
|
|
164
|
-
</a>
|
|
165
|
-
<div class="dropdown-divider"></div>
|
|
166
|
-
<a href="#" class="dropdown-item dropdown-footer">
|
|
74
|
+
</li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
|
|
75
|
+
<li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-bell-fill"></i> <span class="navbar-badge badge text-bg-warning">15</span> </a>
|
|
76
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
77
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
|
|
78
|
+
<span class="float-end text-secondary fs-7">3 mins</span> </a>
|
|
79
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
80
|
+
<span class="float-end text-secondary fs-7">12 hours</span> </a>
|
|
81
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
82
|
+
<span class="float-end text-secondary fs-7">2 days</span> </a>
|
|
83
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
|
|
167
84
|
See All Notifications
|
|
168
85
|
</a>
|
|
169
86
|
</div>
|
|
170
|
-
</li>
|
|
171
|
-
<!--end::
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
176
|
-
<img src="../../../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
|
|
177
|
-
<span class="d-none d-md-inline">Alexander Pierce</span>
|
|
178
|
-
</a>
|
|
179
|
-
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
180
|
-
<!--begin::User Image-->
|
|
181
|
-
<li class="user-header text-bg-primary">
|
|
182
|
-
<img src="../../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
183
|
-
|
|
87
|
+
</li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
|
|
88
|
+
<li class="nav-item"> <a class="nav-link" href="#" data-lte-toggle="fullscreen"> <i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i> <i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none;"></i> </a> </li> <!--end::Fullscreen Toggle--> <!--begin::User Menu Dropdown-->
|
|
89
|
+
<li class="nav-item dropdown user-menu"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"> <img src="../../../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image"> <span class="d-none d-md-inline">Alexander Pierce</span> </a>
|
|
90
|
+
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
|
|
91
|
+
<li class="user-header text-bg-primary"> <img src="../../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
184
92
|
<p>
|
|
185
93
|
Alexander Pierce - Web Developer
|
|
186
94
|
<small>Member since Nov. 2023</small>
|
|
187
95
|
</p>
|
|
188
|
-
</li>
|
|
189
|
-
<!--
|
|
190
|
-
<!--begin::Menu Body-->
|
|
191
|
-
<li class="user-body">
|
|
192
|
-
<!--begin::Row-->
|
|
96
|
+
</li> <!--end::User Image--> <!--begin::Menu Body-->
|
|
97
|
+
<li class="user-body"> <!--begin::Row-->
|
|
193
98
|
<div class="row">
|
|
194
|
-
<div class="col-4 text-center">
|
|
195
|
-
|
|
196
|
-
</div>
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
<div class="col-4 text-center">
|
|
201
|
-
<a href="#">Friends</a>
|
|
202
|
-
</div>
|
|
203
|
-
</div>
|
|
204
|
-
<!--end::Row-->
|
|
205
|
-
</li>
|
|
206
|
-
<!--end::Menu Body-->
|
|
207
|
-
<!--begin::Menu Footer-->
|
|
208
|
-
<li class="user-footer">
|
|
209
|
-
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
|
210
|
-
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
|
211
|
-
</li>
|
|
212
|
-
<!--end::Menu Footer-->
|
|
99
|
+
<div class="col-4 text-center"> <a href="#">Followers</a> </div>
|
|
100
|
+
<div class="col-4 text-center"> <a href="#">Sales</a> </div>
|
|
101
|
+
<div class="col-4 text-center"> <a href="#">Friends</a> </div>
|
|
102
|
+
</div> <!--end::Row-->
|
|
103
|
+
</li> <!--end::Menu Body--> <!--begin::Menu Footer-->
|
|
104
|
+
<li class="user-footer"> <a href="#" class="btn btn-default btn-flat">Profile</a> <a href="#" class="btn btn-default btn-flat float-end">Sign out</a> </li> <!--end::Menu Footer-->
|
|
213
105
|
</ul>
|
|
214
|
-
</li>
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
<!--end::
|
|
220
|
-
</nav>
|
|
221
|
-
<!--end::Header-->
|
|
222
|
-
<!--begin::Sidebar-->
|
|
223
|
-
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
|
224
|
-
<!--begin::Sidebar Brand-->
|
|
225
|
-
<div class="sidebar-brand">
|
|
226
|
-
<!--begin::Brand Link-->
|
|
227
|
-
<a href="../../index.html" class="brand-link">
|
|
228
|
-
<!--begin::Brand Image-->
|
|
229
|
-
<img src="../../../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
|
|
230
|
-
<!--end::Brand Image-->
|
|
231
|
-
<!--begin::Brand Text-->
|
|
232
|
-
<span class="brand-text fw-light">AdminLTE 4</span>
|
|
233
|
-
<!--end::Brand Text-->
|
|
234
|
-
</a>
|
|
235
|
-
<!--end::Brand Link-->
|
|
236
|
-
</div>
|
|
237
|
-
<!--end::Sidebar Brand-->
|
|
238
|
-
<!--begin::Sidebar Wrapper-->
|
|
106
|
+
</li> <!--end::User Menu Dropdown-->
|
|
107
|
+
</ul> <!--end::End Navbar Links-->
|
|
108
|
+
</div> <!--end::Container-->
|
|
109
|
+
</nav> <!--end::Header--> <!--begin::Sidebar-->
|
|
110
|
+
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
|
|
111
|
+
<div class="sidebar-brand"> <!--begin::Brand Link--> <a href="../../index.html" class="brand-link"> <!--begin::Brand Image--> <img src="../../../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow"> <!--end::Brand Image--> <!--begin::Brand Text--> <span class="brand-text fw-light">AdminLTE 4</span> <!--end::Brand Text--> </a> <!--end::Brand Link--> </div> <!--end::Sidebar Brand--> <!--begin::Sidebar Wrapper-->
|
|
239
112
|
<div class="sidebar-wrapper">
|
|
240
|
-
<nav class="mt-2">
|
|
241
|
-
<!--begin::Sidebar Menu-->
|
|
113
|
+
<nav class="mt-2"> <!--begin::Sidebar Menu-->
|
|
242
114
|
<ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
|
|
243
|
-
<li class="nav-item">
|
|
244
|
-
<a href="#" class="nav-link">
|
|
245
|
-
<i class="nav-icon bi bi-speedometer"></i>
|
|
115
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-speedometer"></i>
|
|
246
116
|
<p>
|
|
247
117
|
Dashboard
|
|
248
118
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
249
119
|
</p>
|
|
250
120
|
</a>
|
|
251
121
|
<ul class="nav nav-treeview">
|
|
252
|
-
<li class="nav-item">
|
|
253
|
-
<a href="../../index.html" class="nav-link">
|
|
254
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
122
|
+
<li class="nav-item"> <a href="../../index.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
255
123
|
<p>Dashboard v1</p>
|
|
256
|
-
</a>
|
|
257
|
-
|
|
258
|
-
<li class="nav-item">
|
|
259
|
-
<a href="../../index2.html" class="nav-link">
|
|
260
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
124
|
+
</a> </li>
|
|
125
|
+
<li class="nav-item"> <a href="../../index2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
261
126
|
<p>Dashboard v2</p>
|
|
262
|
-
</a>
|
|
263
|
-
|
|
264
|
-
<li class="nav-item">
|
|
265
|
-
<a href="../../index3.html" class="nav-link">
|
|
266
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
127
|
+
</a> </li>
|
|
128
|
+
<li class="nav-item"> <a href="../../index3.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
267
129
|
<p>Dashboard v3</p>
|
|
268
|
-
</a>
|
|
269
|
-
</li>
|
|
130
|
+
</a> </li>
|
|
270
131
|
</ul>
|
|
271
132
|
</li>
|
|
272
|
-
<li class="nav-item">
|
|
273
|
-
|
|
274
|
-
|
|
133
|
+
<li class="nav-item"> <a href="../../generate/theme.html" class="nav-link"> <i class="nav-icon bi bi-palette"></i>
|
|
134
|
+
<p>Theme Generate</p>
|
|
135
|
+
</a> </li>
|
|
136
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
|
|
275
137
|
<p>
|
|
276
138
|
Widgets
|
|
277
139
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
278
140
|
</p>
|
|
279
141
|
</a>
|
|
280
142
|
<ul class="nav nav-treeview">
|
|
281
|
-
<li class="nav-item">
|
|
282
|
-
<a href="../../widgets/small-box.html" class="nav-link">
|
|
283
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
143
|
+
<li class="nav-item"> <a href="../../widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
284
144
|
<p>Small Box</p>
|
|
285
|
-
</a>
|
|
286
|
-
|
|
287
|
-
<li class="nav-item">
|
|
288
|
-
<a href="../../widgets/info-box.html" class="nav-link">
|
|
289
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
145
|
+
</a> </li>
|
|
146
|
+
<li class="nav-item"> <a href="../../widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
290
147
|
<p>info Box</p>
|
|
291
|
-
</a>
|
|
292
|
-
|
|
293
|
-
<li class="nav-item">
|
|
294
|
-
<a href="../../widgets/cards.html" class="nav-link">
|
|
295
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
148
|
+
</a> </li>
|
|
149
|
+
<li class="nav-item"> <a href="../../widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
296
150
|
<p>Cards</p>
|
|
297
|
-
</a>
|
|
298
|
-
</li>
|
|
151
|
+
</a> </li>
|
|
299
152
|
</ul>
|
|
300
153
|
</li>
|
|
301
|
-
<li class="nav-item">
|
|
302
|
-
<a href="#" class="nav-link">
|
|
303
|
-
<i class="nav-icon bi bi-clipboard-fill"></i>
|
|
154
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
|
|
304
155
|
<p>
|
|
305
156
|
Layout Options
|
|
306
|
-
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
|
307
|
-
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
157
|
+
<span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
|
|
308
158
|
</p>
|
|
309
159
|
</a>
|
|
310
160
|
<ul class="nav nav-treeview">
|
|
311
|
-
<li class="nav-item">
|
|
312
|
-
<a href="../../layout/unfixed-sidebar.html" class="nav-link">
|
|
313
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
161
|
+
<li class="nav-item"> <a href="../../layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
314
162
|
<p>Default Sidebar</p>
|
|
315
|
-
</a>
|
|
316
|
-
|
|
317
|
-
<li class="nav-item">
|
|
318
|
-
<a href="../../layout/fixed-sidebar.html" class="nav-link">
|
|
319
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
163
|
+
</a> </li>
|
|
164
|
+
<li class="nav-item"> <a href="../../layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
320
165
|
<p>Fixed Sidebar</p>
|
|
321
|
-
</a>
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
<p>Fixed Complete</p>
|
|
327
|
-
</a>
|
|
328
|
-
</li>
|
|
329
|
-
<li class="nav-item">
|
|
330
|
-
<a href="../../layout/sidebar-mini.html" class="nav-link">
|
|
331
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
166
|
+
</a> </li>
|
|
167
|
+
<li class="nav-item"> <a href="../../layout/layout-custom-area.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
168
|
+
<p>Layout <small>+ Custom Area </small></p>
|
|
169
|
+
</a> </li>
|
|
170
|
+
<li class="nav-item"> <a href="../../layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
332
171
|
<p>Sidebar Mini</p>
|
|
333
|
-
</a>
|
|
334
|
-
|
|
335
|
-
<li class="nav-item">
|
|
336
|
-
<a href="../../layout/collapsed-sidebar.html" class="nav-link">
|
|
337
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
172
|
+
</a> </li>
|
|
173
|
+
<li class="nav-item"> <a href="../../layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
338
174
|
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
|
339
|
-
</a>
|
|
340
|
-
|
|
341
|
-
<li class="nav-item">
|
|
342
|
-
<a href="../../layout/logo-switch.html" class="nav-link">
|
|
343
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
175
|
+
</a> </li>
|
|
176
|
+
<li class="nav-item"> <a href="../../layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
344
177
|
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
|
345
|
-
</a>
|
|
346
|
-
|
|
347
|
-
<li class="nav-item">
|
|
348
|
-
<a href="../../layout/layout-rtl.html" class="nav-link">
|
|
349
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
178
|
+
</a> </li>
|
|
179
|
+
<li class="nav-item"> <a href="../../layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
350
180
|
<p>Layout RTL</p>
|
|
351
|
-
</a>
|
|
352
|
-
</li>
|
|
181
|
+
</a> </li>
|
|
353
182
|
</ul>
|
|
354
183
|
</li>
|
|
355
|
-
<li class="nav-item">
|
|
356
|
-
<a href="#" class="nav-link">
|
|
357
|
-
<i class="nav-icon bi bi-tree-fill"></i>
|
|
184
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
|
|
358
185
|
<p>
|
|
359
186
|
UI Elements
|
|
360
187
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
361
188
|
</p>
|
|
362
189
|
</a>
|
|
363
190
|
<ul class="nav nav-treeview">
|
|
364
|
-
<li class="nav-item">
|
|
365
|
-
|
|
366
|
-
|
|
191
|
+
<li class="nav-item"> <a href="../../UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
192
|
+
<p>General</p>
|
|
193
|
+
</a> </li>
|
|
194
|
+
<li class="nav-item"> <a href="../../UI/icons.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
195
|
+
<p>Icons</p>
|
|
196
|
+
</a> </li>
|
|
197
|
+
<li class="nav-item"> <a href="../../UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
367
198
|
<p>Timeline</p>
|
|
368
|
-
</a>
|
|
369
|
-
</li>
|
|
199
|
+
</a> </li>
|
|
370
200
|
</ul>
|
|
371
201
|
</li>
|
|
372
|
-
<li class="nav-item">
|
|
373
|
-
<a href="#" class="nav-link">
|
|
374
|
-
<i class="nav-icon bi bi-pencil-square"></i>
|
|
202
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
|
|
375
203
|
<p>
|
|
376
204
|
Forms
|
|
377
205
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
378
206
|
</p>
|
|
379
207
|
</a>
|
|
380
208
|
<ul class="nav nav-treeview">
|
|
381
|
-
<li class="nav-item">
|
|
382
|
-
<a href="../../forms/general.html" class="nav-link">
|
|
383
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
209
|
+
<li class="nav-item"> <a href="../../forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
384
210
|
<p>General Elements</p>
|
|
385
|
-
</a>
|
|
386
|
-
</li>
|
|
211
|
+
</a> </li>
|
|
387
212
|
</ul>
|
|
388
213
|
</li>
|
|
389
|
-
<li class="nav-item">
|
|
390
|
-
<a href="#" class="nav-link">
|
|
391
|
-
<i class="nav-icon bi bi-table"></i>
|
|
214
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
|
|
392
215
|
<p>
|
|
393
216
|
Tables
|
|
394
217
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
395
218
|
</p>
|
|
396
219
|
</a>
|
|
397
220
|
<ul class="nav nav-treeview">
|
|
398
|
-
<li class="nav-item">
|
|
399
|
-
<a href="../../tables/simple.html" class="nav-link">
|
|
400
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
221
|
+
<li class="nav-item"> <a href="../../tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
401
222
|
<p>Simple Tables</p>
|
|
402
|
-
</a>
|
|
403
|
-
</li>
|
|
223
|
+
</a> </li>
|
|
404
224
|
</ul>
|
|
405
225
|
</li>
|
|
406
|
-
|
|
407
226
|
<li class="nav-header">EXAMPLES</li>
|
|
408
|
-
<li class="nav-item">
|
|
409
|
-
<a href="#" class="nav-link">
|
|
410
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
227
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
411
228
|
<p>
|
|
412
229
|
Auth
|
|
413
230
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
414
231
|
</p>
|
|
415
232
|
</a>
|
|
416
233
|
<ul class="nav nav-treeview">
|
|
417
|
-
<li class="nav-item">
|
|
418
|
-
<a href="#" class="nav-link">
|
|
419
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
234
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
420
235
|
<p>
|
|
421
236
|
Version 1
|
|
422
237
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
423
238
|
</p>
|
|
424
239
|
</a>
|
|
425
240
|
<ul class="nav nav-treeview">
|
|
426
|
-
<li class="nav-item">
|
|
427
|
-
<a href="../../examples/login.html" class="nav-link">
|
|
428
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
241
|
+
<li class="nav-item"> <a href="../../examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
429
242
|
<p>Login</p>
|
|
430
|
-
</a>
|
|
431
|
-
|
|
432
|
-
<li class="nav-item">
|
|
433
|
-
<a href="../../examples/register.html" class="nav-link">
|
|
434
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
243
|
+
</a> </li>
|
|
244
|
+
<li class="nav-item"> <a href="../../examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
435
245
|
<p>Register</p>
|
|
436
|
-
</a>
|
|
437
|
-
</li>
|
|
246
|
+
</a> </li>
|
|
438
247
|
</ul>
|
|
439
248
|
</li>
|
|
440
|
-
<li class="nav-item">
|
|
441
|
-
<a href="#" class="nav-link">
|
|
442
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
249
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
443
250
|
<p>
|
|
444
251
|
Version 2
|
|
445
252
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
446
253
|
</p>
|
|
447
254
|
</a>
|
|
448
255
|
<ul class="nav nav-treeview">
|
|
449
|
-
<li class="nav-item">
|
|
450
|
-
<a href="../../examples/login-v2.html" class="nav-link">
|
|
451
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
256
|
+
<li class="nav-item"> <a href="../../examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
452
257
|
<p>Login</p>
|
|
453
|
-
</a>
|
|
454
|
-
|
|
455
|
-
<li class="nav-item">
|
|
456
|
-
<a href="../../examples/register-v2.html" class="nav-link">
|
|
457
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
258
|
+
</a> </li>
|
|
259
|
+
<li class="nav-item"> <a href="../../examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
458
260
|
<p>Register</p>
|
|
459
|
-
</a>
|
|
460
|
-
</li>
|
|
261
|
+
</a> </li>
|
|
461
262
|
</ul>
|
|
462
263
|
</li>
|
|
463
|
-
<li class="nav-item">
|
|
464
|
-
<a href="../../examples/lockscreen.html" class="nav-link">
|
|
465
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
264
|
+
<li class="nav-item"> <a href="../../examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
466
265
|
<p>Lockscreen</p>
|
|
467
|
-
</a>
|
|
468
|
-
</li>
|
|
266
|
+
</a> </li>
|
|
469
267
|
</ul>
|
|
470
268
|
</li>
|
|
471
|
-
|
|
472
269
|
<li class="nav-header">DOCUMENTATIONS</li>
|
|
473
|
-
<li class="nav-item">
|
|
474
|
-
<a href="../../docs/introduction.html" class="nav-link">
|
|
475
|
-
<i class="nav-icon bi bi-download"></i>
|
|
270
|
+
<li class="nav-item"> <a href="../../docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
|
|
476
271
|
<p>Installation</p>
|
|
477
|
-
</a>
|
|
478
|
-
|
|
479
|
-
<li class="nav-item">
|
|
480
|
-
<a href="../../docs/layout.html" class="nav-link">
|
|
481
|
-
<i class="nav-icon bi bi-grip-horizontal"></i>
|
|
272
|
+
</a> </li>
|
|
273
|
+
<li class="nav-item"> <a href="../../docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
|
|
482
274
|
<p>Layout</p>
|
|
483
|
-
</a>
|
|
484
|
-
|
|
485
|
-
<li class="nav-item">
|
|
486
|
-
<a href="../../docs/color-mode.html" class="nav-link">
|
|
487
|
-
<i class="nav-icon bi bi-star-half"></i>
|
|
275
|
+
</a> </li>
|
|
276
|
+
<li class="nav-item"> <a href="../../docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
|
|
488
277
|
<p>Color Mode</p>
|
|
489
|
-
</a>
|
|
490
|
-
|
|
491
|
-
<li class="nav-item menu-open">
|
|
492
|
-
<a href="#" class="nav-link active">
|
|
493
|
-
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
278
|
+
</a> </li>
|
|
279
|
+
<li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
494
280
|
<p>
|
|
495
281
|
Components
|
|
496
282
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
497
283
|
</p>
|
|
498
284
|
</a>
|
|
499
285
|
<ul class="nav nav-treeview">
|
|
500
|
-
<li class="nav-item">
|
|
501
|
-
<a href="../../docs/components/main-header.html" class="nav-link active">
|
|
502
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
286
|
+
<li class="nav-item"> <a href="../../docs/components/main-header.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
|
|
503
287
|
<p>Main Header</p>
|
|
504
|
-
</a>
|
|
505
|
-
|
|
506
|
-
<li class="nav-item">
|
|
507
|
-
<a href="../../docs/components/main-sidebar.html" class="nav-link">
|
|
508
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
288
|
+
</a> </li>
|
|
289
|
+
<li class="nav-item"> <a href="../../docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
509
290
|
<p>Main Sidebar</p>
|
|
510
|
-
</a>
|
|
511
|
-
</li>
|
|
291
|
+
</a> </li>
|
|
512
292
|
</ul>
|
|
513
293
|
</li>
|
|
514
|
-
<li class="nav-item">
|
|
515
|
-
<a href="#" class="nav-link">
|
|
516
|
-
<i class="nav-icon bi bi-filetype-js"></i>
|
|
294
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
|
|
517
295
|
<p>
|
|
518
296
|
Javascript
|
|
519
297
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
520
298
|
</p>
|
|
521
299
|
</a>
|
|
522
300
|
<ul class="nav nav-treeview">
|
|
523
|
-
<li class="nav-item">
|
|
524
|
-
<a href="../../docs/javascript/treeview.html" class="nav-link">
|
|
525
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
301
|
+
<li class="nav-item"> <a href="../../docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
526
302
|
<p>Treeview</p>
|
|
527
|
-
</a>
|
|
528
|
-
</li>
|
|
303
|
+
</a> </li>
|
|
529
304
|
</ul>
|
|
530
305
|
</li>
|
|
531
|
-
<li class="nav-item">
|
|
532
|
-
<a href="../../docs/browser-support.html" class="nav-link">
|
|
533
|
-
<i class="nav-icon bi bi-browser-edge"></i>
|
|
306
|
+
<li class="nav-item"> <a href="../../docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
|
|
534
307
|
<p>Browser Support</p>
|
|
535
|
-
</a>
|
|
536
|
-
|
|
537
|
-
<li class="nav-item">
|
|
538
|
-
<a href="../../docs/how-to-contribute.html" class="nav-link">
|
|
539
|
-
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
|
308
|
+
</a> </li>
|
|
309
|
+
<li class="nav-item"> <a href="../../docs/how-to-contribute.html" class="nav-link"> <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
|
540
310
|
<p>How To Contribute</p>
|
|
541
|
-
</a>
|
|
542
|
-
|
|
543
|
-
<li class="nav-item">
|
|
544
|
-
<a href="../../docs/faq.html" class="nav-link">
|
|
545
|
-
<i class="nav-icon bi bi-question-circle-fill"></i>
|
|
311
|
+
</a> </li>
|
|
312
|
+
<li class="nav-item"> <a href="../../docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
|
|
546
313
|
<p>FAQ</p>
|
|
547
|
-
</a>
|
|
548
|
-
|
|
549
|
-
<li class="nav-item">
|
|
550
|
-
<a href="../../docs/license.html" class="nav-link">
|
|
551
|
-
<i class="nav-icon bi bi-patch-check-fill"></i>
|
|
314
|
+
</a> </li>
|
|
315
|
+
<li class="nav-item"> <a href="../../docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
|
|
552
316
|
<p>License</p>
|
|
553
|
-
</a>
|
|
554
|
-
</li>
|
|
555
|
-
|
|
317
|
+
</a> </li>
|
|
556
318
|
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
|
557
|
-
<li class="nav-item">
|
|
558
|
-
<a href="#" class="nav-link">
|
|
559
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
319
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
560
320
|
<p>Level 1</p>
|
|
561
|
-
</a>
|
|
562
|
-
|
|
563
|
-
<li class="nav-item">
|
|
564
|
-
<a href="#" class="nav-link">
|
|
565
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
321
|
+
</a> </li>
|
|
322
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
566
323
|
<p>
|
|
567
324
|
Level 1
|
|
568
325
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
569
326
|
</p>
|
|
570
327
|
</a>
|
|
571
328
|
<ul class="nav nav-treeview">
|
|
572
|
-
<li class="nav-item">
|
|
573
|
-
<a href="#" class="nav-link">
|
|
574
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
329
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
575
330
|
<p>Level 2</p>
|
|
576
|
-
</a>
|
|
577
|
-
|
|
578
|
-
<li class="nav-item">
|
|
579
|
-
<a href="#" class="nav-link">
|
|
580
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
331
|
+
</a> </li>
|
|
332
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
581
333
|
<p>
|
|
582
334
|
Level 2
|
|
583
335
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
584
336
|
</p>
|
|
585
337
|
</a>
|
|
586
338
|
<ul class="nav nav-treeview">
|
|
587
|
-
<li class="nav-item">
|
|
588
|
-
<a href="#" class="nav-link">
|
|
589
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
339
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
590
340
|
<p>Level 3</p>
|
|
591
|
-
</a>
|
|
592
|
-
|
|
593
|
-
<li class="nav-item">
|
|
594
|
-
<a href="#" class="nav-link">
|
|
595
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
341
|
+
</a> </li>
|
|
342
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
596
343
|
<p>Level 3</p>
|
|
597
|
-
</a>
|
|
598
|
-
|
|
599
|
-
<li class="nav-item">
|
|
600
|
-
<a href="#" class="nav-link">
|
|
601
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
344
|
+
</a> </li>
|
|
345
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
602
346
|
<p>Level 3</p>
|
|
603
|
-
</a>
|
|
604
|
-
</li>
|
|
347
|
+
</a> </li>
|
|
605
348
|
</ul>
|
|
606
349
|
</li>
|
|
607
|
-
<li class="nav-item">
|
|
608
|
-
<a href="#" class="nav-link">
|
|
609
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
350
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
610
351
|
<p>Level 2</p>
|
|
611
|
-
</a>
|
|
612
|
-
</li>
|
|
352
|
+
</a> </li>
|
|
613
353
|
</ul>
|
|
614
354
|
</li>
|
|
615
|
-
<li class="nav-item">
|
|
616
|
-
<a href="#" class="nav-link">
|
|
617
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
355
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
618
356
|
<p>Level 1</p>
|
|
619
|
-
</a>
|
|
620
|
-
</li>
|
|
621
|
-
|
|
357
|
+
</a> </li>
|
|
622
358
|
<li class="nav-header">LABELS</li>
|
|
623
|
-
<li class="nav-item">
|
|
624
|
-
<a href="#" class="nav-link">
|
|
625
|
-
<i class="nav-icon bi bi-circle text-danger"></i>
|
|
359
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
|
|
626
360
|
<p class="text">Important</p>
|
|
627
|
-
</a>
|
|
628
|
-
|
|
629
|
-
<li class="nav-item">
|
|
630
|
-
<a href="#" class="nav-link">
|
|
631
|
-
<i class="nav-icon bi bi-circle text-warning"></i>
|
|
361
|
+
</a> </li>
|
|
362
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
|
|
632
363
|
<p>Warning</p>
|
|
633
|
-
</a>
|
|
634
|
-
|
|
635
|
-
<li class="nav-item">
|
|
636
|
-
<a href="#" class="nav-link">
|
|
637
|
-
<i class="nav-icon bi bi-circle text-info"></i>
|
|
364
|
+
</a> </li>
|
|
365
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
|
|
638
366
|
<p>Informational</p>
|
|
639
|
-
</a>
|
|
640
|
-
|
|
641
|
-
</ul>
|
|
642
|
-
<!--end::Sidebar Menu-->
|
|
367
|
+
</a> </li>
|
|
368
|
+
</ul> <!--end::Sidebar Menu-->
|
|
643
369
|
</nav>
|
|
644
|
-
</div>
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
<main class="app-main">
|
|
650
|
-
<!--begin::App Content Header-->
|
|
651
|
-
<div class="app-content-header">
|
|
652
|
-
<!--begin::Container-->
|
|
653
|
-
<div class="container-fluid">
|
|
654
|
-
<!--begin::Row-->
|
|
370
|
+
</div> <!--end::Sidebar Wrapper-->
|
|
371
|
+
</aside> <!--end::Sidebar--> <!--begin::App Main-->
|
|
372
|
+
<main class="app-main"> <!--begin::App Content Header-->
|
|
373
|
+
<div class="app-content-header"> <!--begin::Container-->
|
|
374
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
655
375
|
<div class="row">
|
|
656
376
|
<div class="col-sm-6">
|
|
657
377
|
<h3 class="mb-0">Main Header Component</h3>
|
|
@@ -664,26 +384,21 @@
|
|
|
664
384
|
</li>
|
|
665
385
|
</ol>
|
|
666
386
|
</div>
|
|
667
|
-
</div>
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
</div>
|
|
672
|
-
<!--end::App Content Header-->
|
|
673
|
-
<!--begin::App Content-->
|
|
674
|
-
<div class="app-content">
|
|
675
|
-
<!--begin::Container-->
|
|
387
|
+
</div> <!--end::Row-->
|
|
388
|
+
</div> <!--end::Container-->
|
|
389
|
+
</div> <!--end::App Content Header--> <!--begin::App Content-->
|
|
390
|
+
<div class="app-content"> <!--begin::Container-->
|
|
676
391
|
<div class="container-fluid">
|
|
677
392
|
<div class="callout callout-warning mb-4">
|
|
678
393
|
<h5 class="fw-bold">Reminder!</h5>
|
|
679
394
|
<p>
|
|
680
395
|
AdminLTE uses all of Bootstrap 5 components. It's a good start
|
|
681
|
-
to review the
|
|
682
|
-
|
|
396
|
+
to review the <a href="https://getbootstrap.com/" target="_blank" rel="noopener noreferrer" class="callout-link">
|
|
397
|
+
Bootstrap documentation
|
|
398
|
+
</a> to get an idea of the
|
|
683
399
|
various components that this documentation <b>does not</b> cover.
|
|
684
400
|
</p>
|
|
685
401
|
</div>
|
|
686
|
-
|
|
687
402
|
<div class="callout callout-info mb-4">
|
|
688
403
|
<h5 class="fw-bold">Tips!</h5>
|
|
689
404
|
<p>
|
|
@@ -691,421 +406,317 @@
|
|
|
691
406
|
component, right-click on the component and choose “inspect
|
|
692
407
|
element” to get to the HTML quicker than scanning the HTML page.
|
|
693
408
|
</p>
|
|
694
|
-
</div>
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
<nav class="navbar navbar-expand bg-body">
|
|
698
|
-
<!--begin::Container-->
|
|
699
|
-
<div class="container-fluid">
|
|
700
|
-
<!-- Start navbar links -->
|
|
409
|
+
</div> <!-- Navbar -->
|
|
410
|
+
<nav class="navbar navbar-expand bg-body"> <!--begin::Container-->
|
|
411
|
+
<div class="container-fluid"> <!-- Start navbar links -->
|
|
701
412
|
<ul class="navbar-nav">
|
|
702
|
-
<li class="nav-item">
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
<li class="nav-item
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
<li class="nav-item d-none d-md-block">
|
|
711
|
-
<a href="#" class="nav-link">Contact</a>
|
|
712
|
-
</li>
|
|
713
|
-
</ul>
|
|
714
|
-
<!-- End navbar links -->
|
|
715
|
-
|
|
716
|
-
<ul class="navbar-nav ms-auto">
|
|
717
|
-
<!-- Navbar Search -->
|
|
718
|
-
<li class="nav-item">
|
|
719
|
-
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
|
720
|
-
<i class="bi bi-search"></i>
|
|
721
|
-
</a>
|
|
722
|
-
</li>
|
|
723
|
-
|
|
724
|
-
<!-- Messages Dropdown Menu -->
|
|
725
|
-
<li class="nav-item dropdown">
|
|
726
|
-
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
|
727
|
-
<i class="bi bi-chat-text"></i>
|
|
728
|
-
<span class="navbar-badge badge text-bg-danger">3</span>
|
|
729
|
-
</a>
|
|
730
|
-
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
731
|
-
<a href="#" class="dropdown-item">
|
|
732
|
-
<!-- Message Start -->
|
|
413
|
+
<li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
|
|
414
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
|
|
415
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
|
|
416
|
+
</ul> <!-- End navbar links -->
|
|
417
|
+
<ul class="navbar-nav ms-auto"> <!-- Navbar Search -->
|
|
418
|
+
<li class="nav-item"> <a class="nav-link" data-widget="navbar-search" href="#" role="button"> <i class="bi bi-search"></i> </a> </li> <!-- Messages Dropdown Menu -->
|
|
419
|
+
<li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-chat-text"></i> <span class="navbar-badge badge text-bg-danger">3</span> </a>
|
|
420
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!-- Message Start -->
|
|
733
421
|
<div class="d-flex">
|
|
734
|
-
<div class="flex-shrink-0">
|
|
735
|
-
<img src="../../../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
736
|
-
</div>
|
|
422
|
+
<div class="flex-shrink-0"> <img src="../../../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
737
423
|
<div class="flex-grow-1">
|
|
738
424
|
<h3 class="dropdown-item-title">
|
|
739
425
|
Brad Diesel
|
|
740
|
-
<span class="float-end fs-7 text-danger">
|
|
741
|
-
<i class="bi bi-star-fill"></i>
|
|
742
|
-
</span>
|
|
426
|
+
<span class="float-end fs-7 text-danger"> <i class="bi bi-star-fill"></i> </span>
|
|
743
427
|
</h3>
|
|
744
428
|
<p class="fs-7">Call me whenever you can...</p>
|
|
745
|
-
<p class="fs-7 text-secondary">
|
|
746
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
429
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
747
430
|
</p>
|
|
748
431
|
</div>
|
|
749
|
-
</div>
|
|
750
|
-
<!-- Message End -->
|
|
432
|
+
</div> <!-- Message End -->
|
|
751
433
|
</a>
|
|
752
|
-
<div class="dropdown-divider"></div>
|
|
753
|
-
<a href="#" class="dropdown-item">
|
|
754
|
-
<!-- Message Start -->
|
|
434
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!-- Message Start -->
|
|
755
435
|
<div class="d-flex">
|
|
756
|
-
<div class="flex-shrink-0">
|
|
757
|
-
<img src="../../../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
758
|
-
</div>
|
|
436
|
+
<div class="flex-shrink-0"> <img src="../../../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
759
437
|
<div class="flex-grow-1">
|
|
760
438
|
<h3 class="dropdown-item-title">
|
|
761
439
|
John Pierce
|
|
762
|
-
<span class="float-end fs-7 text-secondary">
|
|
763
|
-
<i class="bi bi-star-fill"></i>
|
|
764
|
-
</span>
|
|
440
|
+
<span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
|
|
765
441
|
</h3>
|
|
766
442
|
<p class="fs-7">I got your message bro</p>
|
|
767
|
-
<p class="fs-7 text-secondary">
|
|
768
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
443
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
769
444
|
</p>
|
|
770
445
|
</div>
|
|
771
|
-
</div>
|
|
772
|
-
<!-- Message End -->
|
|
446
|
+
</div> <!-- Message End -->
|
|
773
447
|
</a>
|
|
774
|
-
<div class="dropdown-divider"></div>
|
|
775
|
-
<a href="#" class="dropdown-item">
|
|
776
|
-
<!-- Message Start -->
|
|
448
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!-- Message Start -->
|
|
777
449
|
<div class="d-flex">
|
|
778
|
-
<div class="flex-shrink-0">
|
|
779
|
-
<img src="../../../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
780
|
-
</div>
|
|
450
|
+
<div class="flex-shrink-0"> <img src="../../../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
781
451
|
<div class="flex-grow-1">
|
|
782
452
|
<h3 class="dropdown-item-title">
|
|
783
453
|
Nora Silvester
|
|
784
|
-
<span class="float-end fs-7 text-warning">
|
|
785
|
-
<i class="bi bi-star-fill"></i>
|
|
786
|
-
</span>
|
|
454
|
+
<span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
|
|
787
455
|
</h3>
|
|
788
456
|
<p class="fs-7">The subject goes here</p>
|
|
789
|
-
<p class="fs-7 text-secondary">
|
|
790
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
457
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
791
458
|
</p>
|
|
792
459
|
</div>
|
|
793
|
-
</div>
|
|
794
|
-
<!-- Message End -->
|
|
460
|
+
</div> <!-- Message End -->
|
|
795
461
|
</a>
|
|
796
|
-
<div class="dropdown-divider"></div>
|
|
797
|
-
<a href="#" class="dropdown-item dropdown-footer">
|
|
462
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
|
|
798
463
|
See All Messages
|
|
799
464
|
</a>
|
|
800
465
|
</div>
|
|
801
|
-
</li>
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
<
|
|
807
|
-
</a>
|
|
808
|
-
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
809
|
-
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
810
|
-
<div class="dropdown-divider"></div>
|
|
811
|
-
<a href="#" class="dropdown-item">
|
|
812
|
-
<i class="bi bi-envelope me-2"></i> 4 new messages
|
|
813
|
-
<span class="float-end text-secondary fs-7">3 mins</span>
|
|
814
|
-
</a>
|
|
815
|
-
<div class="dropdown-divider"></div>
|
|
816
|
-
<a href="#" class="dropdown-item">
|
|
817
|
-
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
466
|
+
</li> <!-- Notifications Dropdown Menu -->
|
|
467
|
+
<li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-bell-fill"></i> <span class="navbar-badge badge text-bg-warning">15</span> </a>
|
|
468
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
469
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
|
|
470
|
+
<span class="float-end text-secondary fs-7">3 mins</span> </a>
|
|
471
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
818
472
|
<span class="float-end text-secondary fs-7">
|
|
819
473
|
12 hours
|
|
820
|
-
</span>
|
|
821
|
-
|
|
822
|
-
<div class="dropdown-divider"></div>
|
|
823
|
-
<a href="#" class="dropdown-item">
|
|
824
|
-
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
474
|
+
</span> </a>
|
|
475
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
825
476
|
<span class="float-end text-secondary fs-7">
|
|
826
477
|
2 days
|
|
827
|
-
</span>
|
|
828
|
-
|
|
829
|
-
<div class="dropdown-divider"></div>
|
|
830
|
-
<a href="#" class="dropdown-item dropdown-footer">
|
|
478
|
+
</span> </a>
|
|
479
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
|
|
831
480
|
See All Notifications
|
|
832
481
|
</a>
|
|
833
482
|
</div>
|
|
834
483
|
</li>
|
|
835
|
-
<li class="nav-item dropdown user-menu">
|
|
836
|
-
<
|
|
837
|
-
<img src="../../../../dist/assets/img/user2-160x160.jpg" class="
|
|
838
|
-
<span class="d-none d-md-inline">Alexander Pierce</span>
|
|
839
|
-
</a>
|
|
840
|
-
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
841
|
-
<!-- User image -->
|
|
842
|
-
<li class="user-header text-bg-primary">
|
|
843
|
-
<img src="../../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
844
|
-
|
|
484
|
+
<li class="nav-item dropdown user-menu"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"> <img src="../../../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image"> <span class="d-none d-md-inline">Alexander Pierce</span> </a>
|
|
485
|
+
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!-- User image -->
|
|
486
|
+
<li class="user-header text-bg-primary"> <img src="../../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
845
487
|
<p>
|
|
846
488
|
Alexander Pierce - Web Developer
|
|
847
489
|
<small>Member since Nov. 2023</small>
|
|
848
490
|
</p>
|
|
849
|
-
</li>
|
|
850
|
-
|
|
851
|
-
<li class="user-body">
|
|
852
|
-
<!--begin::Row-->
|
|
491
|
+
</li> <!-- Menu Body -->
|
|
492
|
+
<li class="user-body"> <!--begin::Row-->
|
|
853
493
|
<div class="row">
|
|
854
|
-
<div class="col-4 text-center">
|
|
855
|
-
|
|
856
|
-
</div>
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
<div class="col-4 text-center">
|
|
861
|
-
<a href="#">Friends</a>
|
|
862
|
-
</div>
|
|
863
|
-
</div>
|
|
864
|
-
<!--end::Row-->
|
|
865
|
-
</li>
|
|
866
|
-
<!-- Menu Footer-->
|
|
867
|
-
<li class="user-footer">
|
|
868
|
-
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
|
869
|
-
<a href="#" class="btn btn-default btn-flat float-end">
|
|
494
|
+
<div class="col-4 text-center"> <a href="#">Followers</a> </div>
|
|
495
|
+
<div class="col-4 text-center"> <a href="#">Sales</a> </div>
|
|
496
|
+
<div class="col-4 text-center"> <a href="#">Friends</a> </div>
|
|
497
|
+
</div> <!--end::Row-->
|
|
498
|
+
</li> <!-- Menu Footer-->
|
|
499
|
+
<li class="user-footer"> <a href="#" class="btn btn-default btn-flat">Profile</a> <a href="#" class="btn btn-default btn-flat float-end">
|
|
870
500
|
Sign out
|
|
871
|
-
</a>
|
|
872
|
-
</li>
|
|
501
|
+
</a> </li>
|
|
873
502
|
</ul>
|
|
874
503
|
</li>
|
|
875
504
|
</ul>
|
|
876
|
-
</div>
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
<span class="line"><span style="color:#
|
|
883
|
-
<span class="line"><span style="color:#
|
|
884
|
-
<span class="line"><span style="color:#
|
|
885
|
-
<span class="line"><span style="color:#D4D4D4">
|
|
886
|
-
<span class="line"><span style="color:#
|
|
887
|
-
<span class="line"><span style="color:#
|
|
888
|
-
<span class="line"><span style="color:#
|
|
889
|
-
<span class="line"><span style="color:#
|
|
890
|
-
<span class="line"><span style="color:#
|
|
891
|
-
<span class="line"><span style="color:#
|
|
892
|
-
<span class="line"><span style="color:#
|
|
893
|
-
<span class="line"><span style="color:#
|
|
894
|
-
<span class="line"><span style="color:#
|
|
895
|
-
<span class="line"><span style="color:#
|
|
896
|
-
<span class="line"><span style="color:#
|
|
897
|
-
<span class="line"><span style="color:#D4D4D4"> </span><span style="color:#808080"></</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
898
|
-
<span class="line"><span style="color:#D4D4D4"> </span><span style="color:#808080"></</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
|
899
|
-
<span class="line"><span style="color:#D4D4D4"> </span><span style="color:#6A9955"><!-- End navbar links --></span></span>
|
|
505
|
+
</div> <!--end::Container-->
|
|
506
|
+
</nav> <!-- /.navbar -->
|
|
507
|
+
<pre class="astro-code dark-plus" style="background-color:#1E1E1E;color:#D4D4D4;overflow-x:auto" tabindex="0" data-language="html"><code><span class="line"><span style="color:#6A9955"><!-- Navbar --></span></span>
|
|
508
|
+
<span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">nav</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"app-header navbar navbar-expand bg-body"</span><span style="color:#808080">></span></span>
|
|
509
|
+
<span class="line"><span style="color:#6A9955"> <!--begin::Container--></span></span>
|
|
510
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"container-fluid"</span><span style="color:#808080">></span></span>
|
|
511
|
+
<span class="line"><span style="color:#6A9955"> <!-- Start navbar links --></span></span>
|
|
512
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"navbar-nav"</span><span style="color:#808080">></span></span>
|
|
513
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
|
514
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#9CDCFE"> data-lte-toggle</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"sidebar"</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> role</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"button"</span><span style="color:#808080">></span></span>
|
|
515
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-list"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
|
516
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
517
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
518
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item d-none d-md-block"</span><span style="color:#808080">></span></span>
|
|
519
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Home</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
520
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
521
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item d-none d-md-block"</span><span style="color:#808080">></span></span>
|
|
522
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Contact</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
523
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
524
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
|
525
|
+
<span class="line"><span style="color:#6A9955"> <!-- End navbar links --></span></span>
|
|
900
526
|
<span class="line"></span>
|
|
901
|
-
<span class="line"><span style="color:#
|
|
902
|
-
<span class="line"><span style="color:#
|
|
903
|
-
<span class="line"><span style="color:#
|
|
904
|
-
<span class="line"><span style="color:#
|
|
905
|
-
<span class="line"><span style="color:#
|
|
906
|
-
<span class="line"><span style="color:#
|
|
907
|
-
<span class="line"><span style="color:#
|
|
527
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"navbar-nav ms-auto"</span><span style="color:#808080">></span></span>
|
|
528
|
+
<span class="line"><span style="color:#6A9955"> <!-- Navbar Search --></span></span>
|
|
529
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
|
530
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#9CDCFE"> data-widget</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"navbar-search"</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> role</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"button"</span><span style="color:#808080">></span></span>
|
|
531
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-search"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
|
532
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
533
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
908
534
|
<span class="line"></span>
|
|
909
|
-
<span class="line"><span style="color:#
|
|
910
|
-
<span class="line"><span style="color:#
|
|
911
|
-
<span class="line"><span style="color:#
|
|
912
|
-
<span class="line"><span style="color:#
|
|
913
|
-
<span class="line"><span style="color:#
|
|
914
|
-
<span class="line"><span style="color:#
|
|
915
|
-
<span class="line"><span style="color:#
|
|
916
|
-
<span class="line"><span style="color:#
|
|
917
|
-
<span class="line"><span style="color:#
|
|
918
|
-
<span class="line"><span style="color:#
|
|
919
|
-
<span class="line"><span style="color:#
|
|
920
|
-
<span class="line"><span style="color:#
|
|
921
|
-
<span class="line"><span style="color:#
|
|
922
|
-
<span class="line"><span style="color:#
|
|
923
|
-
<span class="line"><span style="color:#
|
|
924
|
-
<span class="line"><span style="color:#
|
|
925
|
-
<span class="line"><span style="color:#
|
|
926
|
-
<span class="line"><span style="color:#
|
|
927
|
-
<span class="line"><span style="color:#
|
|
535
|
+
<span class="line"><span style="color:#6A9955"> <!-- Messages Dropdown Menu --></span></span>
|
|
536
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item dropdown"</span><span style="color:#808080">></span></span>
|
|
537
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#9CDCFE"> data-bs-toggle</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown"</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span></span>
|
|
538
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-chat-text"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
|
539
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"navbar-badge badge text-bg-danger"</span><span style="color:#808080">></span><span style="color:#D4D4D4">3</span><span style="color:#808080"></</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
540
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
541
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-menu dropdown-menu-lg dropdown-menu-end"</span><span style="color:#808080">></span></span>
|
|
542
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item"</span><span style="color:#808080">></span></span>
|
|
543
|
+
<span class="line"><span style="color:#6A9955"> <!-- Message Start --></span></span>
|
|
544
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"d-flex"</span><span style="color:#808080">></span></span>
|
|
545
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"flex-shrink-0"</span><span style="color:#808080">></span></span>
|
|
546
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
|
547
|
+
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"../../../dist/assets/img/user1-128x128.jpg"</span></span>
|
|
548
|
+
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"User Avatar"</span></span>
|
|
549
|
+
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"img-size-50 rounded-circle me-3"</span></span>
|
|
550
|
+
<span class="line"><span style="color:#808080"> /></span></span>
|
|
551
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
552
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"flex-grow-1"</span><span style="color:#808080">></span></span>
|
|
553
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">h3</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item-title"</span><span style="color:#808080">></span></span>
|
|
928
554
|
<span class="line"><span style="color:#D4D4D4"> Brad Diesel</span></span>
|
|
929
|
-
<span class="line"><span style="color:#
|
|
930
|
-
<span class="line"><span style="color:#
|
|
931
|
-
<span class="line"><span style="color:#
|
|
932
|
-
<span class="line"><span style="color:#
|
|
933
|
-
<span class="line"><span style="color:#
|
|
934
|
-
<span class="line"><span style="color:#
|
|
935
|
-
<span class="line"><span style="color:#
|
|
936
|
-
<span class="line"><span style="color:#
|
|
937
|
-
<span class="line"><span style="color:#
|
|
938
|
-
<span class="line"><span style="color:#
|
|
939
|
-
<span class="line"><span style="color:#
|
|
940
|
-
<span class="line"><span style="color:#
|
|
941
|
-
<span class="line"><span style="color:#
|
|
942
|
-
<span class="line"><span style="color:#
|
|
943
|
-
<span class="line"><span style="color:#
|
|
944
|
-
<span class="line"><span style="color:#
|
|
945
|
-
<span class="line"><span style="color:#
|
|
946
|
-
<span class="line"><span style="color:#
|
|
947
|
-
<span class="line"><span style="color:#
|
|
948
|
-
<span class="line"><span style="color:#
|
|
949
|
-
<span class="line"><span style="color:#
|
|
950
|
-
<span class="line"><span style="color:#
|
|
951
|
-
<span class="line"><span style="color:#
|
|
952
|
-
<span class="line"><span style="color:#
|
|
953
|
-
<span class="line"><span style="color:#
|
|
555
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"float-end fs-7 text-danger"</span><span style="color:#808080">></span></span>
|
|
556
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-star-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
|
557
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
558
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">h3</span><span style="color:#808080">></span></span>
|
|
559
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"fs-7"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Call me whenever you can...</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
|
560
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"fs-7 text-secondary"</span><span style="color:#808080">></span></span>
|
|
561
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-clock-fill me-1"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span><span style="color:#D4D4D4"> 4 Hours Ago</span></span>
|
|
562
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
|
563
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
564
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
565
|
+
<span class="line"><span style="color:#6A9955"> <!-- Message End --></span></span>
|
|
566
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
567
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-divider"</span><span style="color:#808080">></</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
568
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item"</span><span style="color:#808080">></span></span>
|
|
569
|
+
<span class="line"><span style="color:#6A9955"> <!-- Message Start --></span></span>
|
|
570
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"d-flex"</span><span style="color:#808080">></span></span>
|
|
571
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"flex-shrink-0"</span><span style="color:#808080">></span></span>
|
|
572
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
|
573
|
+
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"../../../dist/assets/img/user8-128x128.jpg"</span></span>
|
|
574
|
+
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"User Avatar"</span></span>
|
|
575
|
+
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"img-size-50 rounded-circle me-3"</span></span>
|
|
576
|
+
<span class="line"><span style="color:#808080"> /></span></span>
|
|
577
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
578
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"flex-grow-1"</span><span style="color:#808080">></span></span>
|
|
579
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">h3</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item-title"</span><span style="color:#808080">></span></span>
|
|
954
580
|
<span class="line"><span style="color:#D4D4D4"> John Pierce</span></span>
|
|
955
|
-
<span class="line"><span style="color:#
|
|
956
|
-
<span class="line"><span style="color:#
|
|
957
|
-
<span class="line"><span style="color:#
|
|
958
|
-
<span class="line"><span style="color:#
|
|
959
|
-
<span class="line"><span style="color:#
|
|
960
|
-
<span class="line"><span style="color:#
|
|
961
|
-
<span class="line"><span style="color:#
|
|
962
|
-
<span class="line"><span style="color:#
|
|
963
|
-
<span class="line"><span style="color:#
|
|
964
|
-
<span class="line"><span style="color:#
|
|
965
|
-
<span class="line"><span style="color:#
|
|
966
|
-
<span class="line"><span style="color:#
|
|
967
|
-
<span class="line"><span style="color:#
|
|
968
|
-
<span class="line"><span style="color:#
|
|
969
|
-
<span class="line"><span style="color:#
|
|
970
|
-
<span class="line"><span style="color:#
|
|
971
|
-
<span class="line"><span style="color:#
|
|
972
|
-
<span class="line"><span style="color:#
|
|
973
|
-
<span class="line"><span style="color:#
|
|
974
|
-
<span class="line"><span style="color:#
|
|
975
|
-
<span class="line"><span style="color:#
|
|
976
|
-
<span class="line"><span style="color:#
|
|
977
|
-
<span class="line"><span style="color:#
|
|
978
|
-
<span class="line"><span style="color:#
|
|
979
|
-
<span class="line"><span style="color:#
|
|
581
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"float-end fs-7 text-secondary"</span><span style="color:#808080">></span></span>
|
|
582
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-star-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
|
583
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
584
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">h3</span><span style="color:#808080">></span></span>
|
|
585
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"fs-7"</span><span style="color:#808080">></span><span style="color:#D4D4D4">I got your message bro</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
|
586
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"fs-7 text-secondary"</span><span style="color:#808080">></span></span>
|
|
587
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-clock-fill me-1"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span><span style="color:#D4D4D4"> 4 Hours Ago</span></span>
|
|
588
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
|
589
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
590
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
591
|
+
<span class="line"><span style="color:#6A9955"> <!-- Message End --></span></span>
|
|
592
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
593
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-divider"</span><span style="color:#808080">></</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
594
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item"</span><span style="color:#808080">></span></span>
|
|
595
|
+
<span class="line"><span style="color:#6A9955"> <!-- Message Start --></span></span>
|
|
596
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"d-flex"</span><span style="color:#808080">></span></span>
|
|
597
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"flex-shrink-0"</span><span style="color:#808080">></span></span>
|
|
598
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
|
599
|
+
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"../../../dist/assets/img/user3-128x128.jpg"</span></span>
|
|
600
|
+
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"User Avatar"</span></span>
|
|
601
|
+
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"img-size-50 rounded-circle me-3"</span></span>
|
|
602
|
+
<span class="line"><span style="color:#808080"> /></span></span>
|
|
603
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
604
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"flex-grow-1"</span><span style="color:#808080">></span></span>
|
|
605
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">h3</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item-title"</span><span style="color:#808080">></span></span>
|
|
980
606
|
<span class="line"><span style="color:#D4D4D4"> Nora Silvester</span></span>
|
|
981
|
-
<span class="line"><span style="color:#
|
|
982
|
-
<span class="line"><span style="color:#
|
|
983
|
-
<span class="line"><span style="color:#
|
|
984
|
-
<span class="line"><span style="color:#
|
|
985
|
-
<span class="line"><span style="color:#
|
|
986
|
-
<span class="line"><span style="color:#
|
|
987
|
-
<span class="line"><span style="color:#
|
|
988
|
-
<span class="line"><span style="color:#
|
|
989
|
-
<span class="line"><span style="color:#
|
|
990
|
-
<span class="line"><span style="color:#
|
|
991
|
-
<span class="line"><span style="color:#
|
|
992
|
-
<span class="line"><span style="color:#
|
|
993
|
-
<span class="line"><span style="color:#
|
|
994
|
-
<span class="line"><span style="color:#
|
|
995
|
-
<span class="line"><span style="color:#
|
|
996
|
-
<span class="line"><span style="color:#
|
|
997
|
-
<span class="line"><span style="color:#
|
|
998
|
-
<span class="line"><span style="color:#
|
|
999
|
-
<span class="line"><span style="color:#
|
|
1000
|
-
<span class="line"><span style="color:#
|
|
1001
|
-
<span class="line"><span style="color:#
|
|
1002
|
-
<span class="line"><span style="color:#
|
|
1003
|
-
<span class="line"><span style="color:#
|
|
1004
|
-
<span class="line"><span style="color:#
|
|
1005
|
-
<span class="line"><span style="color:#
|
|
1006
|
-
<span class="line"><span style="color:#
|
|
1007
|
-
<span class="line"><span style="color:#
|
|
1008
|
-
<span class="line"><span style="color:#
|
|
1009
|
-
<span class="line"><span style="color:#
|
|
1010
|
-
<span class="line"><span style="color:#
|
|
1011
|
-
<span class="line"><span style="color:#
|
|
1012
|
-
<span class="line"><span style="color:#
|
|
1013
|
-
<span class="line"><span style="color:#
|
|
1014
|
-
<span class="line"><span style="color:#
|
|
1015
|
-
<span class="line"><span style="color:#
|
|
1016
|
-
<span class="line"><span style="color:#
|
|
1017
|
-
<span class="line"><span style="color:#
|
|
1018
|
-
<span class="line"><span style="color:#
|
|
1019
|
-
<span class="line"><span style="color:#
|
|
1020
|
-
<span class="line"><span style="color:#
|
|
1021
|
-
<span class="line"><span style="color:#
|
|
607
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"float-end fs-7 text-warning"</span><span style="color:#808080">></span></span>
|
|
608
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-star-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
|
609
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
610
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">h3</span><span style="color:#808080">></span></span>
|
|
611
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"fs-7"</span><span style="color:#808080">></span><span style="color:#D4D4D4">The subject goes here</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
|
612
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"fs-7 text-secondary"</span><span style="color:#808080">></span></span>
|
|
613
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-clock-fill me-1"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span><span style="color:#D4D4D4"> 4 Hours Ago</span></span>
|
|
614
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
|
615
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
616
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
617
|
+
<span class="line"><span style="color:#6A9955"> <!-- Message End --></span></span>
|
|
618
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
619
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-divider"</span><span style="color:#808080">></</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
620
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item dropdown-footer"</span><span style="color:#808080">></span><span style="color:#D4D4D4">See All Messages</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
621
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
622
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
623
|
+
<span class="line"><span style="color:#6A9955"> <!-- Notifications Dropdown Menu --></span></span>
|
|
624
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item dropdown"</span><span style="color:#808080">></span></span>
|
|
625
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#9CDCFE"> data-bs-toggle</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown"</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span></span>
|
|
626
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-bell-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
|
627
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"navbar-badge badge text-bg-warning"</span><span style="color:#808080">></span><span style="color:#D4D4D4">15</span><span style="color:#808080"></</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
628
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
629
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-menu dropdown-menu-lg dropdown-menu-end"</span><span style="color:#808080">></span></span>
|
|
630
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item dropdown-header"</span><span style="color:#808080">></span><span style="color:#D4D4D4">15 Notifications</span><span style="color:#808080"></</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
631
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-divider"</span><span style="color:#808080">></</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
632
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item"</span><span style="color:#808080">></span></span>
|
|
633
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-envelope me-2"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span><span style="color:#D4D4D4"> 4 new messages</span></span>
|
|
634
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"float-end text-secondary fs-7"</span><span style="color:#808080">></span><span style="color:#D4D4D4">3 mins</span><span style="color:#808080"></</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
635
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
636
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-divider"</span><span style="color:#808080">></</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
637
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item"</span><span style="color:#808080">></span></span>
|
|
638
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-people-fill me-2"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span><span style="color:#D4D4D4"> 8 friend requests</span></span>
|
|
639
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"float-end text-secondary fs-7"</span><span style="color:#808080">></span><span style="color:#D4D4D4">12 hours</span><span style="color:#808080"></</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
640
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
641
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-divider"</span><span style="color:#808080">></</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
642
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item"</span><span style="color:#808080">></span></span>
|
|
643
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"bi bi-file-earmark-fill me-2"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span><span style="color:#D4D4D4"> 3 new reports</span></span>
|
|
644
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"float-end text-secondary fs-7"</span><span style="color:#808080">></span><span style="color:#D4D4D4">2 days</span><span style="color:#808080"></</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
645
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
646
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-divider"</span><span style="color:#808080">></</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
647
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-item dropdown-footer"</span><span style="color:#808080">></span></span>
|
|
1022
648
|
<span class="line"><span style="color:#D4D4D4"> See All Notifications</span></span>
|
|
1023
|
-
<span class="line"><span style="color:#
|
|
1024
|
-
<span class="line"><span style="color:#
|
|
1025
|
-
<span class="line"><span style="color:#
|
|
1026
|
-
<span class="line"><span style="color:#
|
|
1027
|
-
<span class="line"><span style="color:#
|
|
1028
|
-
<span class="line"><span style="color:#
|
|
1029
|
-
<span class="line"><span style="color:#
|
|
1030
|
-
<span class="line"><span style="color:#
|
|
1031
|
-
<span class="line"><span style="color:#
|
|
1032
|
-
<span class="line"><span style="color:#
|
|
1033
|
-
<span class="line"><span style="color:#
|
|
1034
|
-
<span class="line"><span style="color:#
|
|
1035
|
-
<span class="line"><span style="color:#
|
|
1036
|
-
<span class="line"><span style="color:#
|
|
1037
|
-
<span class="line"><span style="color:#
|
|
1038
|
-
<span class="line"><span style="color:#
|
|
1039
|
-
<span class="line"><span style="color:#
|
|
1040
|
-
<span class="line"><span style="color:#
|
|
1041
|
-
<span class="line"><span style="color:#
|
|
1042
|
-
<span class="line"><span style="color:#
|
|
649
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
650
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
651
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
652
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item dropdown user-menu"</span><span style="color:#808080">></span></span>
|
|
653
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link dropdown-toggle"</span><span style="color:#9CDCFE"> data-bs-toggle</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown"</span><span style="color:#808080">></span></span>
|
|
654
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
|
655
|
+
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"../../../dist/assets/img/user2-160x160.jpg"</span></span>
|
|
656
|
+
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"user-image rounded-circle shadow"</span></span>
|
|
657
|
+
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"User Image"</span></span>
|
|
658
|
+
<span class="line"><span style="color:#808080"> /></span></span>
|
|
659
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"d-none d-md-inline"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Alexander Pierce</span><span style="color:#808080"></</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
|
660
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
661
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dropdown-menu dropdown-menu-lg dropdown-menu-end"</span><span style="color:#808080">></span></span>
|
|
662
|
+
<span class="line"><span style="color:#6A9955"> <!-- User image --></span></span>
|
|
663
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"user-header text-bg-primary"</span><span style="color:#808080">></span></span>
|
|
664
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
|
665
|
+
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"../../../dist/assets/img/user2-160x160.jpg"</span></span>
|
|
666
|
+
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"rounded-circle shadow"</span></span>
|
|
667
|
+
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"User Image"</span></span>
|
|
668
|
+
<span class="line"><span style="color:#808080"> /></span></span>
|
|
1043
669
|
<span class="line"></span>
|
|
1044
|
-
<span class="line"><span style="color:#
|
|
670
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
|
1045
671
|
<span class="line"><span style="color:#D4D4D4"> Alexander Pierce - Web Developer</span></span>
|
|
1046
|
-
<span class="line"><span style="color:#
|
|
1047
|
-
<span class="line"><span style="color:#
|
|
1048
|
-
<span class="line"><span style="color:#
|
|
1049
|
-
<span class="line"><span style="color:#
|
|
1050
|
-
<span class="line"><span style="color:#
|
|
1051
|
-
<span class="line"><span style="color:#
|
|
1052
|
-
<span class="line"><span style="color:#
|
|
1053
|
-
<span class="line"><span style="color:#
|
|
1054
|
-
<span class="line"><span style="color:#
|
|
1055
|
-
<span class="line"><span style="color:#
|
|
1056
|
-
<span class="line"><span style="color:#
|
|
1057
|
-
<span class="line"><span style="color:#
|
|
1058
|
-
<span class="line"><span style="color:#
|
|
1059
|
-
<span class="line"><span style="color:#
|
|
1060
|
-
<span class="line"><span style="color:#
|
|
1061
|
-
<span class="line"><span style="color:#
|
|
1062
|
-
<span class="line"><span style="color:#
|
|
1063
|
-
<span class="line"><span style="color:#
|
|
1064
|
-
<span class="line"><span style="color:#
|
|
1065
|
-
<span class="line"><span style="color:#
|
|
1066
|
-
<span class="line"><span style="color:#
|
|
1067
|
-
<span class="line"><span style="color:#
|
|
1068
|
-
<span class="line"><span style="color:#
|
|
1069
|
-
<span class="line"><span style="color:#
|
|
1070
|
-
<span class="line"><span style="color:#
|
|
1071
|
-
<span class="line"><span style="color:#
|
|
1072
|
-
<span class="line"><span style="color:#
|
|
1073
|
-
<span class="line"><span style="color:#
|
|
1074
|
-
<span class="line"><span style="color:#
|
|
672
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">small</span><span style="color:#808080">></span><span style="color:#D4D4D4">Member since Nov. 2023</span><span style="color:#808080"></</span><span style="color:#569CD6">small</span><span style="color:#808080">></span></span>
|
|
673
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
|
674
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
675
|
+
<span class="line"><span style="color:#6A9955"> <!-- Menu Body --></span></span>
|
|
676
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"user-body"</span><span style="color:#808080">></span></span>
|
|
677
|
+
<span class="line"><span style="color:#6A9955"> <!--begin::Row--></span></span>
|
|
678
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"row"</span><span style="color:#808080">></span></span>
|
|
679
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"col-4 text-center"</span><span style="color:#808080">></span></span>
|
|
680
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Followers</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
681
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
682
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"col-4 text-center"</span><span style="color:#808080">></span></span>
|
|
683
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Sales</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
684
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
685
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"col-4 text-center"</span><span style="color:#808080">></span></span>
|
|
686
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Friends</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
687
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
688
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
689
|
+
<span class="line"><span style="color:#6A9955"> <!--end::Row--></span></span>
|
|
690
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
691
|
+
<span class="line"><span style="color:#6A9955"> <!-- Menu Footer--></span></span>
|
|
692
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"user-footer"</span><span style="color:#808080">></span></span>
|
|
693
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"btn btn-default btn-flat"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Profile</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
694
|
+
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"btn btn-default btn-flat float-end"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Sign out</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
|
695
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
696
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
|
697
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
|
698
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
|
699
|
+
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
|
700
|
+
<span class="line"><span style="color:#6A9955"> <!--end::Container--></span></span>
|
|
1075
701
|
<span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">nav</span><span style="color:#808080">></span></span>
|
|
1076
|
-
<span class="line"><span style="color:#6A9955"><!-- /.navbar --></span></span
|
|
1077
|
-
|
|
1078
|
-
<!--end::Container-->
|
|
1079
|
-
</div>
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
<!--begin::To the end-->
|
|
1086
|
-
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
|
1087
|
-
<!--end::To the end-->
|
|
1088
|
-
<!--begin::Copyright-->
|
|
1089
|
-
<strong>
|
|
1090
|
-
Copyright © 2014-2023
|
|
1091
|
-
<a href="https://adminlte.io">AdminLTE.io</a>.
|
|
702
|
+
<span class="line"><span style="color:#6A9955"><!-- /.navbar --></span></span>
|
|
703
|
+
<span class="line"></span></code></pre>
|
|
704
|
+
</div> <!--end::Container-->
|
|
705
|
+
</div> <!--end::App Content-->
|
|
706
|
+
</main> <!--end::App Main--> <!--begin::Footer-->
|
|
707
|
+
<footer class="app-footer"> <!--begin::To the end-->
|
|
708
|
+
<div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
|
|
709
|
+
Copyright © 2014-2024
|
|
710
|
+
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
|
1092
711
|
</strong>
|
|
1093
712
|
All rights reserved.
|
|
1094
713
|
<!--end::Copyright-->
|
|
1095
|
-
</footer>
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
<!--end::
|
|
1099
|
-
<!--begin::
|
|
1100
|
-
<!--
|
|
1101
|
-
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
|
|
1102
|
-
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
1103
|
-
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
|
|
1104
|
-
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
1105
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
|
|
1106
|
-
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
1107
|
-
<script src="../../../../dist/js/adminlte.js"></script>
|
|
1108
|
-
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
714
|
+
</footer> <!--end::Footer-->
|
|
715
|
+
</div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
716
|
+
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w=" crossorigin="anonymous"></script> <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
717
|
+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I=" crossorigin="anonymous"></script> <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
718
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha256-YMa+wAM6QkVyz999odX7lPRxkoYAan8suedu4k2Zur8=" crossorigin="anonymous"></script> <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
719
|
+
<script src="../../../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
1109
720
|
<script>
|
|
1110
721
|
const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
|
|
1111
722
|
const Default = {
|
|
@@ -1113,7 +724,6 @@
|
|
|
1113
724
|
scrollbarAutoHide: "leave",
|
|
1114
725
|
scrollbarClickScroll: true,
|
|
1115
726
|
};
|
|
1116
|
-
|
|
1117
727
|
document.addEventListener("DOMContentLoaded", function() {
|
|
1118
728
|
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
|
1119
729
|
if (
|
|
@@ -1129,9 +739,7 @@
|
|
|
1129
739
|
});
|
|
1130
740
|
}
|
|
1131
741
|
});
|
|
1132
|
-
</script>
|
|
1133
|
-
<!--end::OverlayScrollbars Configure-->
|
|
1134
|
-
<!--end::Script-->
|
|
742
|
+
</script> <!--end::OverlayScrollbars Configure--> <!--end::Script-->
|
|
1135
743
|
</body><!--end::Body-->
|
|
1136
744
|
|
|
1137
745
|
</html>
|