admin-lte 4.0.0-alpha3 → 4.0.0-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/README.md +6 -1
  4. package/dist/css/adminlte.css +191 -107
  5. package/dist/css/adminlte.css.map +1 -1
  6. package/dist/css/adminlte.min.css +2 -2
  7. package/dist/css/adminlte.min.css.map +1 -1
  8. package/dist/css/adminlte.rtl.css +198 -105
  9. package/dist/css/adminlte.rtl.css.map +1 -1
  10. package/dist/css/adminlte.rtl.min.css +2 -2
  11. package/dist/css/adminlte.rtl.min.css.map +1 -1
  12. package/dist/js/adminlte.js +138 -36
  13. package/dist/js/adminlte.js.map +1 -1
  14. package/dist/js/adminlte.min.js +3 -3
  15. package/dist/js/adminlte.min.js.map +1 -1
  16. package/dist/pages/UI/general.html +895 -0
  17. package/dist/pages/UI/timeline.html +221 -598
  18. package/dist/pages/docs/browser-support.html +199 -508
  19. package/dist/pages/docs/color-mode.html +339 -684
  20. package/dist/pages/docs/components/main-header.html +428 -826
  21. package/dist/pages/docs/components/main-sidebar.html +301 -609
  22. package/dist/pages/docs/faq.html +187 -497
  23. package/dist/pages/docs/how-to-contribute.html +189 -498
  24. package/dist/pages/docs/introduction.html +208 -512
  25. package/dist/pages/docs/javascript/treeview.html +197 -506
  26. package/dist/pages/docs/layout.html +187 -498
  27. package/dist/pages/docs/license.html +187 -497
  28. package/dist/pages/examples/lockscreen.html +21 -59
  29. package/dist/pages/examples/login-v2.html +35 -95
  30. package/dist/pages/examples/login.html +33 -89
  31. package/dist/pages/examples/register-v2.html +37 -102
  32. package/dist/pages/examples/register.html +34 -92
  33. package/dist/pages/forms/general.html +279 -765
  34. package/dist/pages/index.html +303 -806
  35. package/dist/pages/index2.html +495 -1188
  36. package/dist/pages/index3.html +243 -662
  37. package/dist/pages/layout/collapsed-sidebar.html +194 -519
  38. package/dist/pages/layout/fixed-complete.html +193 -519
  39. package/dist/pages/layout/fixed-sidebar.html +194 -520
  40. package/dist/pages/layout/layout-rtl.html +194 -519
  41. package/dist/pages/layout/logo-switch.html +111 -310
  42. package/dist/pages/layout/sidebar-mini.html +194 -519
  43. package/dist/pages/layout/unfixed-sidebar.html +193 -517
  44. package/dist/pages/tables/simple.html +261 -650
  45. package/dist/pages/widgets/cards.html +256 -704
  46. package/dist/pages/widgets/info-box.html +278 -787
  47. package/dist/pages/widgets/small-box.html +210 -547
  48. package/package.json +33 -32
  49. package/src/html/components/_head.astro +5 -15
  50. package/src/html/components/_scripts.astro +5 -17
  51. package/src/html/components/dashboard/_footer.astro +2 -2
  52. package/src/html/components/dashboard/_sidenav.astro +12 -3
  53. package/src/html/components/dashboard/_topbar.astro +9 -1
  54. package/src/html/components/docs/introduction.mdx +5 -5
  55. package/src/html/pages/UI/general.astro +1451 -0
  56. package/src/html/pages/docs/color-mode.astro +4 -2
  57. package/src/html/pages/docs/components/main-header.astro +3 -2
  58. package/src/html/pages/docs/layout.astro +1 -1
  59. package/src/html/pages/examples/lockscreen.astro +3 -3
  60. package/src/html/pages/forms/general.astro +8 -8
  61. package/src/html/pages/index.astro +32 -23
  62. package/src/html/pages/index2.astro +100 -72
  63. package/src/html/pages/index3.astro +12 -12
  64. package/src/html/pages/tables/simple.astro +20 -20
  65. package/src/html/pages/widgets/cards.astro +3 -3
  66. package/src/html/pages/widgets/small-box.astro +1 -1
  67. package/src/scss/_app-main.scss +4 -0
  68. package/src/scss/_app-sidebar.scss +2 -2
  69. package/src/scss/_bootstrap-variables.scss +26 -22
  70. package/src/scss/_callouts.scss +6 -0
  71. package/src/scss/_cards.scss +1 -0
  72. package/src/scss/_direct-chat.scss +5 -0
  73. package/src/scss/_dropdown.scss +1 -0
  74. package/src/scss/_info-box.scss +2 -10
  75. package/src/scss/_timeline.scss +1 -0
  76. package/src/scss/_toasts.scss +33 -0
  77. package/src/scss/_variables.scss +11 -5
  78. package/src/scss/adminlte.scss +1 -2
  79. package/src/scss/pages/_lockscreen.scss +1 -0
  80. package/src/scss/pages/_login_and_register.scss +1 -0
  81. package/src/scss/parts/_extra-components.scss +1 -0
  82. package/src/ts/adminlte.ts +3 -1
  83. package/src/ts/card-widget.ts +3 -2
  84. package/src/ts/direct-chat.ts +3 -2
  85. package/src/ts/fullscreen.ts +110 -0
  86. package/src/ts/layout.ts +3 -2
  87. package/src/ts/push-menu.ts +3 -2
  88. package/src/ts/treeview.ts +20 -3
  89. package/src/ts/util/index.ts +1 -1
  90. package/.idea/AdminLTE.iml +0 -16
  91. package/.idea/codeStyles/Project.xml +0 -53
  92. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  93. package/.idea/dbnavigator.xml +0 -421
  94. package/.idea/git_toolbox_prj.xml +0 -15
  95. package/.idea/inspectionProfiles/Project_Default.xml +0 -7
  96. package/.idea/jsLibraryMappings.xml +0 -6
  97. package/.idea/jsLinters/eslint.xml +0 -6
  98. package/.idea/modules.xml +0 -8
  99. package/.idea/php.xml +0 -28
  100. package/.idea/vcs.xml +0 -12
package/dist/pages/layout/fixed-complete.html CHANGED
@@ -1,658 +1,372 @@
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>AdminLTE 4 | Fixed Complete</title>
8
- <!--begin::Primary Meta Tags-->
6
+ <title>AdminLTE 4 | Fixed Complete</title><!--begin::Primary Meta Tags-->
9
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
8
  <meta name="title" content="AdminLTE 4 | Fixed Complete">
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
- <!--end::Primary Meta Tags-->
15
- <!--begin::Fonts-->
16
- <link rel="preconnect" href="https://fonts.googleapis.com">
17
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
18
- <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
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-complete sidebar-expand-lg bg-body-tertiary">
34
- <!--begin::App Wrapper-->
35
- <div class="app-wrapper">
36
- <!--begin::Sidebar-->
37
- <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
38
- <!--begin::Sidebar Brand-->
39
- <div class="sidebar-brand">
40
- <!--begin::Brand Link-->
41
- <a href="../index.html" class="brand-link">
42
- <!--begin::Brand Image-->
43
- <img src="../../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
44
- <!--end::Brand Image-->
45
- <!--begin::Brand Text-->
46
- <span class="brand-text fw-light">AdminLTE 4</span>
47
- <!--end::Brand Text-->
48
- </a>
49
- <!--end::Brand Link-->
50
- </div>
51
- <!--end::Sidebar Brand-->
52
- <!--begin::Sidebar Wrapper-->
18
+ <body class="layout-fixed-complete sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
19
+ <div class="app-wrapper"> <!--begin::Sidebar-->
20
+ <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
21
+ <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-->
53
22
  <div class="sidebar-wrapper">
54
- <nav class="mt-2">
55
- <!--begin::Sidebar Menu-->
23
+ <nav class="mt-2"> <!--begin::Sidebar Menu-->
56
24
  <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
57
- <li class="nav-item">
58
- <a href="#" class="nav-link">
59
- <i class="nav-icon bi bi-speedometer"></i>
25
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-speedometer"></i>
60
26
  <p>
61
27
  Dashboard
62
28
  <i class="nav-arrow bi bi-chevron-right"></i>
63
29
  </p>
64
30
  </a>
65
31
  <ul class="nav nav-treeview">
66
- <li class="nav-item">
67
- <a href="../index.html" class="nav-link">
68
- <i class="nav-icon bi bi-circle"></i>
32
+ <li class="nav-item"> <a href="../index.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
69
33
  <p>Dashboard v1</p>
70
- </a>
71
- </li>
72
- <li class="nav-item">
73
- <a href="../index2.html" class="nav-link">
74
- <i class="nav-icon bi bi-circle"></i>
34
+ </a> </li>
35
+ <li class="nav-item"> <a href="../index2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
75
36
  <p>Dashboard v2</p>
76
- </a>
77
- </li>
78
- <li class="nav-item">
79
- <a href="../index3.html" class="nav-link">
80
- <i class="nav-icon bi bi-circle"></i>
37
+ </a> </li>
38
+ <li class="nav-item"> <a href="../index3.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
81
39
  <p>Dashboard v3</p>
82
- </a>
83
- </li>
40
+ </a> </li>
84
41
  </ul>
85
42
  </li>
86
- <li class="nav-item">
87
- <a href="#" class="nav-link">
88
- <i class="nav-icon bi bi-box-seam-fill"></i>
43
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
89
44
  <p>
90
45
  Widgets
91
46
  <i class="nav-arrow bi bi-chevron-right"></i>
92
47
  </p>
93
48
  </a>
94
49
  <ul class="nav nav-treeview">
95
- <li class="nav-item">
96
- <a href="../widgets/small-box.html" class="nav-link">
97
- <i class="nav-icon bi bi-circle"></i>
50
+ <li class="nav-item"> <a href="../widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
98
51
  <p>Small Box</p>
99
- </a>
100
- </li>
101
- <li class="nav-item">
102
- <a href="../widgets/info-box.html" class="nav-link">
103
- <i class="nav-icon bi bi-circle"></i>
52
+ </a> </li>
53
+ <li class="nav-item"> <a href="../widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
104
54
  <p>info Box</p>
105
- </a>
106
- </li>
107
- <li class="nav-item">
108
- <a href="../widgets/cards.html" class="nav-link">
109
- <i class="nav-icon bi bi-circle"></i>
55
+ </a> </li>
56
+ <li class="nav-item"> <a href="../widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
110
57
  <p>Cards</p>
111
- </a>
112
- </li>
58
+ </a> </li>
113
59
  </ul>
114
60
  </li>
115
- <li class="nav-item menu-open">
116
- <a href="#" class="nav-link active">
117
- <i class="nav-icon bi bi-clipboard-fill"></i>
61
+ <li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-clipboard-fill"></i>
118
62
  <p>
119
63
  Layout Options
120
- <span class="nav-badge badge text-bg-secondary me-3">6</span>
121
- <i class="nav-arrow bi bi-chevron-right"></i>
64
+ <span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
122
65
  </p>
123
66
  </a>
124
67
  <ul class="nav nav-treeview">
125
- <li class="nav-item">
126
- <a href="../layout/unfixed-sidebar.html" class="nav-link">
127
- <i class="nav-icon bi bi-circle"></i>
68
+ <li class="nav-item"> <a href="../layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
128
69
  <p>Default Sidebar</p>
129
- </a>
130
- </li>
131
- <li class="nav-item">
132
- <a href="../layout/fixed-sidebar.html" class="nav-link">
133
- <i class="nav-icon bi bi-circle"></i>
70
+ </a> </li>
71
+ <li class="nav-item"> <a href="../layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
134
72
  <p>Fixed Sidebar</p>
135
- </a>
136
- </li>
137
- <li class="nav-item">
138
- <a href="../layout/fixed-complete.html" class="nav-link active">
139
- <i class="nav-icon bi bi-circle"></i>
73
+ </a> </li>
74
+ <li class="nav-item"> <a href="../layout/fixed-complete.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
140
75
  <p>Fixed Complete</p>
141
- </a>
142
- </li>
143
- <li class="nav-item">
144
- <a href="../layout/sidebar-mini.html" class="nav-link">
145
- <i class="nav-icon bi bi-circle"></i>
76
+ </a> </li>
77
+ <li class="nav-item"> <a href="../layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
146
78
  <p>Sidebar Mini</p>
147
- </a>
148
- </li>
149
- <li class="nav-item">
150
- <a href="../layout/collapsed-sidebar.html" class="nav-link">
151
- <i class="nav-icon bi bi-circle"></i>
79
+ </a> </li>
80
+ <li class="nav-item"> <a href="../layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
152
81
  <p>Sidebar Mini <small>+ Collapsed</small></p>
153
- </a>
154
- </li>
155
- <li class="nav-item">
156
- <a href="../layout/logo-switch.html" class="nav-link">
157
- <i class="nav-icon bi bi-circle"></i>
82
+ </a> </li>
83
+ <li class="nav-item"> <a href="../layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
158
84
  <p>Sidebar Mini <small>+ Logo Switch</small></p>
159
- </a>
160
- </li>
161
- <li class="nav-item">
162
- <a href="../layout/layout-rtl.html" class="nav-link">
163
- <i class="nav-icon bi bi-circle"></i>
85
+ </a> </li>
86
+ <li class="nav-item"> <a href="../layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
164
87
  <p>Layout RTL</p>
165
- </a>
166
- </li>
88
+ </a> </li>
167
89
  </ul>
168
90
  </li>
169
- <li class="nav-item">
170
- <a href="#" class="nav-link">
171
- <i class="nav-icon bi bi-tree-fill"></i>
91
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
172
92
  <p>
173
93
  UI Elements
174
94
  <i class="nav-arrow bi bi-chevron-right"></i>
175
95
  </p>
176
96
  </a>
177
97
  <ul class="nav nav-treeview">
178
- <li class="nav-item">
179
- <a href="../UI/timeline.html" class="nav-link">
180
- <i class="nav-icon bi bi-circle"></i>
98
+ <li class="nav-item"> <a href="../UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
99
+ <p>General</p>
100
+ </a> </li>
101
+ <li class="nav-item"> <a href="../UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
181
102
  <p>Timeline</p>
182
- </a>
183
- </li>
103
+ </a> </li>
184
104
  </ul>
185
105
  </li>
186
- <li class="nav-item">
187
- <a href="#" class="nav-link">
188
- <i class="nav-icon bi bi-pencil-square"></i>
106
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
189
107
  <p>
190
108
  Forms
191
109
  <i class="nav-arrow bi bi-chevron-right"></i>
192
110
  </p>
193
111
  </a>
194
112
  <ul class="nav nav-treeview">
195
- <li class="nav-item">
196
- <a href="../forms/general.html" class="nav-link">
197
- <i class="nav-icon bi bi-circle"></i>
113
+ <li class="nav-item"> <a href="../forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
198
114
  <p>General Elements</p>
199
- </a>
200
- </li>
115
+ </a> </li>
201
116
  </ul>
202
117
  </li>
203
- <li class="nav-item">
204
- <a href="#" class="nav-link">
205
- <i class="nav-icon bi bi-table"></i>
118
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
206
119
  <p>
207
120
  Tables
208
121
  <i class="nav-arrow bi bi-chevron-right"></i>
209
122
  </p>
210
123
  </a>
211
124
  <ul class="nav nav-treeview">
212
- <li class="nav-item">
213
- <a href="../tables/simple.html" class="nav-link">
214
- <i class="nav-icon bi bi-circle"></i>
125
+ <li class="nav-item"> <a href="../tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
215
126
  <p>Simple Tables</p>
216
- </a>
217
- </li>
127
+ </a> </li>
218
128
  </ul>
219
129
  </li>
220
-
221
130
  <li class="nav-header">EXAMPLES</li>
222
- <li class="nav-item">
223
- <a href="#" class="nav-link">
224
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
131
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
225
132
  <p>
226
133
  Auth
227
134
  <i class="nav-arrow bi bi-chevron-right"></i>
228
135
  </p>
229
136
  </a>
230
137
  <ul class="nav nav-treeview">
231
- <li class="nav-item">
232
- <a href="#" class="nav-link">
233
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
138
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
234
139
  <p>
235
140
  Version 1
236
141
  <i class="nav-arrow bi bi-chevron-right"></i>
237
142
  </p>
238
143
  </a>
239
144
  <ul class="nav nav-treeview">
240
- <li class="nav-item">
241
- <a href="../examples/login.html" class="nav-link">
242
- <i class="nav-icon bi bi-circle"></i>
145
+ <li class="nav-item"> <a href="../examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
243
146
  <p>Login</p>
244
- </a>
245
- </li>
246
- <li class="nav-item">
247
- <a href="../examples/register.html" class="nav-link">
248
- <i class="nav-icon bi bi-circle"></i>
147
+ </a> </li>
148
+ <li class="nav-item"> <a href="../examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
249
149
  <p>Register</p>
250
- </a>
251
- </li>
150
+ </a> </li>
252
151
  </ul>
253
152
  </li>
254
- <li class="nav-item">
255
- <a href="#" class="nav-link">
256
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
153
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
257
154
  <p>
258
155
  Version 2
259
156
  <i class="nav-arrow bi bi-chevron-right"></i>
260
157
  </p>
261
158
  </a>
262
159
  <ul class="nav nav-treeview">
263
- <li class="nav-item">
264
- <a href="../examples/login-v2.html" class="nav-link">
265
- <i class="nav-icon bi bi-circle"></i>
160
+ <li class="nav-item"> <a href="../examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
266
161
  <p>Login</p>
267
- </a>
268
- </li>
269
- <li class="nav-item">
270
- <a href="../examples/register-v2.html" class="nav-link">
271
- <i class="nav-icon bi bi-circle"></i>
162
+ </a> </li>
163
+ <li class="nav-item"> <a href="../examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
272
164
  <p>Register</p>
273
- </a>
274
- </li>
165
+ </a> </li>
275
166
  </ul>
276
167
  </li>
277
- <li class="nav-item">
278
- <a href="../examples/lockscreen.html" class="nav-link">
279
- <i class="nav-icon bi bi-circle"></i>
168
+ <li class="nav-item"> <a href="../examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
280
169
  <p>Lockscreen</p>
281
- </a>
282
- </li>
170
+ </a> </li>
283
171
  </ul>
284
172
  </li>
285
-
286
173
  <li class="nav-header">DOCUMENTATIONS</li>
287
- <li class="nav-item">
288
- <a href="../docs/introduction.html" class="nav-link">
289
- <i class="nav-icon bi bi-download"></i>
174
+ <li class="nav-item"> <a href="../docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
290
175
  <p>Installation</p>
291
- </a>
292
- </li>
293
- <li class="nav-item">
294
- <a href="../docs/layout.html" class="nav-link">
295
- <i class="nav-icon bi bi-grip-horizontal"></i>
176
+ </a> </li>
177
+ <li class="nav-item"> <a href="../docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
296
178
  <p>Layout</p>
297
- </a>
298
- </li>
299
- <li class="nav-item">
300
- <a href="../docs/color-mode.html" class="nav-link">
301
- <i class="nav-icon bi bi-star-half"></i>
179
+ </a> </li>
180
+ <li class="nav-item"> <a href="../docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
302
181
  <p>Color Mode</p>
303
- </a>
304
- </li>
305
- <li class="nav-item">
306
- <a href="#" class="nav-link">
307
- <i class="nav-icon bi bi-ui-checks-grid"></i>
182
+ </a> </li>
183
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
308
184
  <p>
309
185
  Components
310
186
  <i class="nav-arrow bi bi-chevron-right"></i>
311
187
  </p>
312
188
  </a>
313
189
  <ul class="nav nav-treeview">
314
- <li class="nav-item">
315
- <a href="../docs/components/main-header.html" class="nav-link">
316
- <i class="nav-icon bi bi-circle"></i>
190
+ <li class="nav-item"> <a href="../docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
317
191
  <p>Main Header</p>
318
- </a>
319
- </li>
320
- <li class="nav-item">
321
- <a href="../docs/components/main-sidebar.html" class="nav-link">
322
- <i class="nav-icon bi bi-circle"></i>
192
+ </a> </li>
193
+ <li class="nav-item"> <a href="../docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
323
194
  <p>Main Sidebar</p>
324
- </a>
325
- </li>
195
+ </a> </li>
326
196
  </ul>
327
197
  </li>
328
- <li class="nav-item">
329
- <a href="#" class="nav-link">
330
- <i class="nav-icon bi bi-filetype-js"></i>
198
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
331
199
  <p>
332
200
  Javascript
333
201
  <i class="nav-arrow bi bi-chevron-right"></i>
334
202
  </p>
335
203
  </a>
336
204
  <ul class="nav nav-treeview">
337
- <li class="nav-item">
338
- <a href="../docs/javascript/treeview.html" class="nav-link">
339
- <i class="nav-icon bi bi-circle"></i>
205
+ <li class="nav-item"> <a href="../docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
340
206
  <p>Treeview</p>
341
- </a>
342
- </li>
207
+ </a> </li>
343
208
  </ul>
344
209
  </li>
345
- <li class="nav-item">
346
- <a href="../docs/browser-support.html" class="nav-link">
347
- <i class="nav-icon bi bi-browser-edge"></i>
210
+ <li class="nav-item"> <a href="../docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
348
211
  <p>Browser Support</p>
349
- </a>
350
- </li>
351
- <li class="nav-item">
352
- <a href="../docs/how-to-contribute.html" class="nav-link">
353
- <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
212
+ </a> </li>
213
+ <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>
354
214
  <p>How To Contribute</p>
355
- </a>
356
- </li>
357
- <li class="nav-item">
358
- <a href="../docs/faq.html" class="nav-link">
359
- <i class="nav-icon bi bi-question-circle-fill"></i>
215
+ </a> </li>
216
+ <li class="nav-item"> <a href="../docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
360
217
  <p>FAQ</p>
361
- </a>
362
- </li>
363
- <li class="nav-item">
364
- <a href="../docs/license.html" class="nav-link">
365
- <i class="nav-icon bi bi-patch-check-fill"></i>
218
+ </a> </li>
219
+ <li class="nav-item"> <a href="../docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
366
220
  <p>License</p>
367
- </a>
368
- </li>
369
-
221
+ </a> </li>
370
222
  <li class="nav-header">MULTI LEVEL EXAMPLE</li>
371
- <li class="nav-item">
372
- <a href="#" class="nav-link">
373
- <i class="nav-icon bi bi-circle-fill"></i>
223
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
374
224
  <p>Level 1</p>
375
- </a>
376
- </li>
377
- <li class="nav-item">
378
- <a href="#" class="nav-link">
379
- <i class="nav-icon bi bi-circle-fill"></i>
225
+ </a> </li>
226
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
380
227
  <p>
381
228
  Level 1
382
229
  <i class="nav-arrow bi bi-chevron-right"></i>
383
230
  </p>
384
231
  </a>
385
232
  <ul class="nav nav-treeview">
386
- <li class="nav-item">
387
- <a href="#" class="nav-link">
388
- <i class="nav-icon bi bi-circle"></i>
233
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
389
234
  <p>Level 2</p>
390
- </a>
391
- </li>
392
- <li class="nav-item">
393
- <a href="#" class="nav-link">
394
- <i class="nav-icon bi bi-circle"></i>
235
+ </a> </li>
236
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
395
237
  <p>
396
238
  Level 2
397
239
  <i class="nav-arrow bi bi-chevron-right"></i>
398
240
  </p>
399
241
  </a>
400
242
  <ul class="nav nav-treeview">
401
- <li class="nav-item">
402
- <a href="#" class="nav-link">
403
- <i class="nav-icon bi bi-record-circle-fill"></i>
243
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
404
244
  <p>Level 3</p>
405
- </a>
406
- </li>
407
- <li class="nav-item">
408
- <a href="#" class="nav-link">
409
- <i class="nav-icon bi bi-record-circle-fill"></i>
245
+ </a> </li>
246
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
410
247
  <p>Level 3</p>
411
- </a>
412
- </li>
413
- <li class="nav-item">
414
- <a href="#" class="nav-link">
415
- <i class="nav-icon bi bi-record-circle-fill"></i>
248
+ </a> </li>
249
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
416
250
  <p>Level 3</p>
417
- </a>
418
- </li>
251
+ </a> </li>
419
252
  </ul>
420
253
  </li>
421
- <li class="nav-item">
422
- <a href="#" class="nav-link">
423
- <i class="nav-icon bi bi-circle"></i>
254
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
424
255
  <p>Level 2</p>
425
- </a>
426
- </li>
256
+ </a> </li>
427
257
  </ul>
428
258
  </li>
429
- <li class="nav-item">
430
- <a href="#" class="nav-link">
431
- <i class="nav-icon bi bi-circle-fill"></i>
259
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
432
260
  <p>Level 1</p>
433
- </a>
434
- </li>
435
-
261
+ </a> </li>
436
262
  <li class="nav-header">LABELS</li>
437
- <li class="nav-item">
438
- <a href="#" class="nav-link">
439
- <i class="nav-icon bi bi-circle text-danger"></i>
263
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
440
264
  <p class="text">Important</p>
441
- </a>
442
- </li>
443
- <li class="nav-item">
444
- <a href="#" class="nav-link">
445
- <i class="nav-icon bi bi-circle text-warning"></i>
265
+ </a> </li>
266
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
446
267
  <p>Warning</p>
447
- </a>
448
- </li>
449
- <li class="nav-item">
450
- <a href="#" class="nav-link">
451
- <i class="nav-icon bi bi-circle text-info"></i>
268
+ </a> </li>
269
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
452
270
  <p>Informational</p>
453
- </a>
454
- </li>
455
- </ul>
456
- <!--end::Sidebar Menu-->
271
+ </a> </li>
272
+ </ul> <!--end::Sidebar Menu-->
457
273
  </nav>
458
- </div>
459
- <!--end::Sidebar Wrapper-->
460
- </aside>
461
- <!--end::Sidebar-->
462
- <div class="app-main-wrapper">
463
- <!--begin::Header-->
464
- <nav class="app-header navbar navbar-expand bg-body">
465
- <!--begin::Container-->
466
- <div class="container-fluid">
467
- <!--begin::Start Navbar Links-->
274
+ </div> <!--end::Sidebar Wrapper-->
275
+ </aside> <!--end::Sidebar-->
276
+ <div class="app-main-wrapper"> <!--begin::Header-->
277
+ <nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
278
+ <div class="container-fluid"> <!--begin::Start Navbar Links-->
468
279
  <ul class="navbar-nav">
469
- <li class="nav-item">
470
- <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
471
- <i class="bi bi-list"></i>
472
- </a>
473
- </li>
474
- <li class="nav-item d-none d-md-block">
475
- <a href="#" class="nav-link">Home</a>
476
- </li>
477
- <li class="nav-item d-none d-md-block">
478
- <a href="#" class="nav-link">Contact</a>
479
- </li>
480
- </ul>
481
- <!--end::Start Navbar Links-->
482
-
483
- <!--begin::End Navbar Links-->
484
- <ul class="navbar-nav ms-auto">
485
- <!--begin::Navbar Search-->
486
- <li class="nav-item">
487
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
488
- <i class="bi bi-search"></i>
489
- </a>
490
- </li>
491
- <!--end::Navbar Search-->
492
-
493
- <!--begin::Messages Dropdown Menu-->
494
- <li class="nav-item dropdown">
495
- <a class="nav-link" data-bs-toggle="dropdown" href="#">
496
- <i class="bi bi-chat-text"></i>
497
- <span class="navbar-badge badge text-bg-danger">3</span>
498
- </a>
499
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
500
- <a href="#" class="dropdown-item">
501
- <!--begin::Message-->
280
+ <li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
281
+ <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
282
+ <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
283
+ </ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
284
+ <ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
285
+ <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-->
286
+ <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>
287
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
502
288
  <div class="d-flex">
503
- <div class="flex-shrink-0">
504
- <img src="../../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
505
- </div>
289
+ <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>
506
290
  <div class="flex-grow-1">
507
291
  <h3 class="dropdown-item-title">
508
292
  Brad Diesel
509
293
  <span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
510
294
  </h3>
511
295
  <p class="fs-7">Call me whenever you can...</p>
512
- <p class="fs-7 text-secondary">
513
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
296
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
514
297
  </p>
515
298
  </div>
516
- </div>
517
- <!--end::Message-->
299
+ </div> <!--end::Message-->
518
300
  </a>
519
- <div class="dropdown-divider"></div>
520
- <a href="#" class="dropdown-item">
521
- <!--begin::Message-->
301
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
522
302
  <div class="d-flex">
523
- <div class="flex-shrink-0">
524
- <img src="../../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
525
- </div>
303
+ <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>
526
304
  <div class="flex-grow-1">
527
305
  <h3 class="dropdown-item-title">
528
306
  John Pierce
529
- <span class="float-end fs-7 text-secondary">
530
- <i class="bi bi-star-fill"></i>
531
- </span>
307
+ <span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
532
308
  </h3>
533
309
  <p class="fs-7">I got your message bro</p>
534
- <p class="fs-7 text-secondary">
535
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
310
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
536
311
  </p>
537
312
  </div>
538
- </div>
539
- <!--end::Message-->
313
+ </div> <!--end::Message-->
540
314
  </a>
541
- <div class="dropdown-divider"></div>
542
- <a href="#" class="dropdown-item">
543
- <!--begin::Message-->
315
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
544
316
  <div class="d-flex">
545
- <div class="flex-shrink-0">
546
- <img src="../../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
547
- </div>
317
+ <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>
548
318
  <div class="flex-grow-1">
549
319
  <h3 class="dropdown-item-title">
550
320
  Nora Silvester
551
- <span class="float-end fs-7 text-warning">
552
- <i class="bi bi-star-fill"></i>
553
- </span>
321
+ <span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
554
322
  </h3>
555
323
  <p class="fs-7">The subject goes here</p>
556
- <p class="fs-7 text-secondary">
557
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
324
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
558
325
  </p>
559
326
  </div>
560
- </div>
561
- <!--end::Message-->
327
+ </div> <!--end::Message-->
562
328
  </a>
563
- <div class="dropdown-divider"></div>
564
- <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
329
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
565
330
  </div>
566
- </li>
567
- <!--end::Messages Dropdown Menu-->
568
-
569
- <!--begin::Notifications Dropdown Menu-->
570
- <li class="nav-item dropdown">
571
- <a class="nav-link" data-bs-toggle="dropdown" href="#">
572
- <i class="bi bi-bell-fill"></i>
573
- <span class="navbar-badge badge text-bg-warning">15</span>
574
- </a>
575
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
576
- <span class="dropdown-item dropdown-header">15 Notifications</span>
577
- <div class="dropdown-divider"></div>
578
- <a href="#" class="dropdown-item">
579
- <i class="bi bi-envelope me-2"></i> 4 new messages
580
- <span class="float-end text-secondary fs-7">3 mins</span>
581
- </a>
582
- <div class="dropdown-divider"></div>
583
- <a href="#" class="dropdown-item">
584
- <i class="bi bi-people-fill me-2"></i> 8 friend requests
585
- <span class="float-end text-secondary fs-7">12 hours</span>
586
- </a>
587
- <div class="dropdown-divider"></div>
588
- <a href="#" class="dropdown-item">
589
- <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
590
- <span class="float-end text-secondary fs-7">2 days</span>
591
- </a>
592
- <div class="dropdown-divider"></div>
593
- <a href="#" class="dropdown-item dropdown-footer">
331
+ </li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
332
+ <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>
333
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
334
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
335
+ <span class="float-end text-secondary fs-7">3 mins</span> </a>
336
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
337
+ <span class="float-end text-secondary fs-7">12 hours</span> </a>
338
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
339
+ <span class="float-end text-secondary fs-7">2 days</span> </a>
340
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
594
341
  See All Notifications
595
342
  </a>
596
343
  </div>
597
- </li>
598
- <!--end::Notifications Dropdown Menu-->
599
-
600
- <!--begin::User Menu Dropdown-->
601
- <li class="nav-item dropdown user-menu">
602
- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
603
- <img src="../../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
604
- <span class="d-none d-md-inline">Alexander Pierce</span>
605
- </a>
606
- <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
607
- <!--begin::User Image-->
608
- <li class="user-header text-bg-primary">
609
- <img src="../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
610
-
344
+ </li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
345
+ <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-->
346
+ <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>
347
+ <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
348
+ <li class="user-header text-bg-primary"> <img src="../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
611
349
  <p>
612
350
  Alexander Pierce - Web Developer
613
351
  <small>Member since Nov. 2023</small>
614
352
  </p>
615
- </li>
616
- <!--end::User Image-->
617
- <!--begin::Menu Body-->
618
- <li class="user-body">
619
- <!--begin::Row-->
353
+ </li> <!--end::User Image--> <!--begin::Menu Body-->
354
+ <li class="user-body"> <!--begin::Row-->
620
355
  <div class="row">
621
- <div class="col-4 text-center">
622
- <a href="#">Followers</a>
623
- </div>
624
- <div class="col-4 text-center">
625
- <a href="#">Sales</a>
626
- </div>
627
- <div class="col-4 text-center">
628
- <a href="#">Friends</a>
629
- </div>
630
- </div>
631
- <!--end::Row-->
632
- </li>
633
- <!--end::Menu Body-->
634
- <!--begin::Menu Footer-->
635
- <li class="user-footer">
636
- <a href="#" class="btn btn-default btn-flat">Profile</a>
637
- <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
638
- </li>
639
- <!--end::Menu Footer-->
356
+ <div class="col-4 text-center"> <a href="#">Followers</a> </div>
357
+ <div class="col-4 text-center"> <a href="#">Sales</a> </div>
358
+ <div class="col-4 text-center"> <a href="#">Friends</a> </div>
359
+ </div> <!--end::Row-->
360
+ </li> <!--end::Menu Body--> <!--begin::Menu Footer-->
361
+ <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-->
640
362
  </ul>
641
- </li>
642
- <!--end::User Menu Dropdown-->
643
- </ul>
644
- <!--end::End Navbar Links-->
645
- </div>
646
- <!--end::Container-->
647
- </nav>
648
- <!--end::Header-->
649
- <!--begin::App Main-->
650
- <main class="app-main">
651
- <!--begin::App Content Header-->
652
- <div class="app-content-header">
653
- <!--begin::Container-->
654
- <div class="container-fluid">
655
- <!--begin::Row-->
363
+ </li> <!--end::User Menu Dropdown-->
364
+ </ul> <!--end::End Navbar Links-->
365
+ </div> <!--end::Container-->
366
+ </nav> <!--end::Header--> <!--begin::App Main-->
367
+ <main class="app-main"> <!--begin::App Content Header-->
368
+ <div class="app-content-header"> <!--begin::Container-->
369
+ <div class="container-fluid"> <!--begin::Row-->
656
370
  <div class="row">
657
371
  <div class="col-sm-8">
658
372
  <h3 class="mb-0">Fixed Complete <small>(Sidebar, Header & Footer)</small></h3>
@@ -665,33 +379,17 @@
665
379
  </li>
666
380
  </ol>
667
381
  </div>
668
- </div>
669
- <!--end::Row-->
670
- </div>
671
- <!--end::Container-->
672
- </div>
673
- <!--end::App Content Header-->
674
- <!--begin::App Content-->
675
- <div class="app-content">
676
- <!--begin::Container-->
677
- <div class="container-fluid">
678
- <!--begin::Row-->
382
+ </div> <!--end::Row-->
383
+ </div> <!--end::Container-->
384
+ </div> <!--end::App Content Header--> <!--begin::App Content-->
385
+ <div class="app-content"> <!--begin::Container-->
386
+ <div class="container-fluid"> <!--begin::Row-->
679
387
  <div class="row">
680
- <div class="col-12">
681
- <!-- Default box -->
388
+ <div class="col-12"> <!-- Default box -->
682
389
  <div class="card">
683
390
  <div class="card-header">
684
391
  <h3 class="card-title">Title</h3>
685
-
686
- <div class="card-tools">
687
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse">
688
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
689
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
690
- </button>
691
- <button type="button" class="btn btn-tool" data-lte-toggle="card-remove" title="Remove">
692
- <i class="bi bi-x-lg"></i>
693
- </button>
694
- </div>
392
+ <div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove" title="Remove"> <i class="bi bi-x-lg"></i> </button> </div>
695
393
  </div>
696
394
  <div class="card-body">
697
395
  <p>
@@ -792,50 +490,29 @@
792
490
  <div class="card-footer">Footer</div>
793
491
  </div>
794
492
  </div>
795
- </div>
796
- <!--end::Row-->
797
- </div>
798
- <!--end::Container-->
799
- </div>
800
- <!--end::App Content-->
493
+ </div> <!--end::Row-->
494
+ </div> <!--end::Container-->
495
+ </div> <!--end::App Content-->
801
496
  </main>
802
-
803
497
  <div class="app-content-bottom-area">
804
498
  <div class="row">
805
- <div class="col-12 text-end">
806
- <button type="submit" class="btn btn-primary" name="save" value="create">Create Admin</button>
807
- </div>
499
+ <div class="col-12 text-end"> <button type="submit" class="btn btn-primary" name="save" value="create">Create Admin</button> </div>
808
500
  </div>
809
- </div>
810
-
811
- <!--end::App Main-->
812
- <!--begin::Footer-->
813
- <footer class="app-footer">
814
- <!--begin::To the end-->
815
- <div class="float-end d-none d-sm-inline">Anything you want</div>
816
- <!--end::To the end-->
817
- <!--begin::Copyright-->
818
- <strong>
819
- Copyright &copy; 2014-2023
820
- <a href="https://adminlte.io">AdminLTE.io</a>.
501
+ </div> <!--end::App Main--> <!--begin::Footer-->
502
+ <footer class="app-footer"> <!--begin::To the end-->
503
+ <div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
504
+ Copyright &copy; 2014-2024&nbsp;
505
+ <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
821
506
  </strong>
822
507
  All rights reserved.
823
508
  <!--end::Copyright-->
824
- </footer>
825
- <!--end::Footer-->
509
+ </footer> <!--end::Footer-->
826
510
  </div>
827
- </div>
828
- <!--end::App Wrapper-->
829
- <!--begin::Script-->
830
- <!--begin::Third Party Plugin(OverlayScrollbars)-->
831
- <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
832
- <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
833
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
834
- <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
835
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
836
- <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
837
- <script src="../../../dist/js/adminlte.js"></script>
838
- <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
511
+ </div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
512
+ <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)-->
513
+ <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)-->
514
+ <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)-->
515
+ <script src="../../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
839
516
  <script>
840
517
  const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
841
518
  const Default = {
@@ -843,7 +520,6 @@
843
520
  scrollbarAutoHide: "leave",
844
521
  scrollbarClickScroll: true,
845
522
  };
846
-
847
523
  document.addEventListener("DOMContentLoaded", function() {
848
524
  const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
849
525
  if (
@@ -859,9 +535,7 @@
859
535
  });
860
536
  }
861
537
  });
862
- </script>
863
- <!--end::OverlayScrollbars Configure-->
864
- <!--end::Script-->
538
+ </script> <!--end::OverlayScrollbars Configure--> <!--end::Script-->
865
539
  </body><!--end::Body-->
866
540
 
867
541
  </html>