admin-lte 4.0.0-beta2 → 4.0.0-beta3

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 (57) hide show
  1. package/.astro/content-assets.mjs +1 -0
  2. package/.astro/content-modules.mjs +1 -0
  3. package/.astro/content.d.ts +166 -0
  4. package/.astro/data-store.json +1 -0
  5. package/.astro/settings.json +1 -1
  6. package/.astro/types.d.ts +2 -0
  7. package/.prettierrc +6 -0
  8. package/adminlte-v4.0.0-beta1-with-dist.zip +0 -0
  9. package/adminlte-v4.0.0-beta3.zip +0 -0
  10. package/dist/css/adminlte.css +8 -8
  11. package/dist/css/adminlte.css.map +1 -1
  12. package/dist/css/adminlte.min.css +2 -2
  13. package/dist/css/adminlte.min.css.map +1 -1
  14. package/dist/css/adminlte.rtl.css +8 -8
  15. package/dist/css/adminlte.rtl.css.map +1 -1
  16. package/dist/css/adminlte.rtl.min.css +2 -2
  17. package/dist/css/adminlte.rtl.min.css.map +1 -1
  18. package/dist/js/adminlte.js +1 -1
  19. package/dist/js/adminlte.js.map +1 -1
  20. package/dist/js/adminlte.min.js +1 -1
  21. package/dist/pages/UI/general.html +1886 -889
  22. package/dist/pages/UI/icons.html +816 -450
  23. package/dist/pages/UI/timeline.html +894 -496
  24. package/dist/pages/docs/browser-support.html +839 -440
  25. package/dist/pages/docs/color-mode.html +985 -545
  26. package/dist/pages/docs/components/main-header.html +1016 -541
  27. package/dist/pages/docs/components/main-sidebar.html +831 -437
  28. package/dist/pages/docs/faq.html +831 -438
  29. package/dist/pages/docs/how-to-contribute.html +904 -478
  30. package/dist/pages/docs/introduction.html +883 -457
  31. package/dist/pages/docs/javascript/treeview.html +837 -449
  32. package/dist/pages/docs/layout.html +835 -479
  33. package/dist/pages/docs/license.html +828 -440
  34. package/dist/pages/examples/lockscreen.html +129 -66
  35. package/dist/pages/examples/login-v2.html +157 -85
  36. package/dist/pages/examples/login.html +147 -80
  37. package/dist/pages/examples/register-v2.html +167 -88
  38. package/dist/pages/examples/register.html +152 -81
  39. package/dist/pages/forms/general.html +1223 -605
  40. package/dist/pages/generate/theme.html +713 -388
  41. package/dist/pages/index.html +1400 -799
  42. package/dist/pages/index2.html +1852 -1057
  43. package/dist/pages/index3.html +1183 -690
  44. package/dist/pages/layout/collapsed-sidebar.html +829 -446
  45. package/dist/pages/layout/fixed-sidebar.html +829 -446
  46. package/dist/pages/layout/layout-custom-area.html +859 -464
  47. package/dist/pages/layout/layout-rtl.html +829 -446
  48. package/dist/pages/layout/logo-switch.html +486 -233
  49. package/dist/pages/layout/sidebar-mini.html +829 -446
  50. package/dist/pages/layout/unfixed-sidebar.html +827 -445
  51. package/dist/pages/tables/simple.html +1079 -692
  52. package/dist/pages/widgets/cards.html +1034 -550
  53. package/dist/pages/widgets/info-box.html +1052 -577
  54. package/dist/pages/widgets/small-box.html +914 -480
  55. package/package.json +19 -18
  56. package/src/scss/_bootstrap-variables.scss +11 -9
  57. package/src/scss/adminlte.scss +1 -1
@@ -1,698 +1,1191 @@
1
- <!DOCTYPE html>
2
- <html lang="en"> <!--begin::Head-->
3
-
4
- <head>
5
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6
- <title>AdminLTE | Dashboard v3</title><!--begin::Primary Meta Tags-->
7
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
- <meta name="title" content="AdminLTE | Dashboard v3">
9
- <meta name="author" content="ColorlibHQ">
10
- <meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
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)--><!-- apexcharts -->
16
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous">
17
- </head>
18
-
19
- <body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
20
- <div class="app-wrapper"> <!--begin::Header-->
21
- <nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
22
- <div class="container-fluid"> <!--begin::Start Navbar Links-->
23
- <ul class="navbar-nav">
24
- <li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
25
- <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
26
- <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
27
- </ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
28
- <ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
29
- <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-->
30
- <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>
31
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
32
- <div class="d-flex">
33
- <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>
34
- <div class="flex-grow-1">
35
- <h3 class="dropdown-item-title">
36
- Brad Diesel
37
- <span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
38
- </h3>
39
- <p class="fs-7">Call me whenever you can...</p>
40
- <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
41
- </p>
42
- </div>
43
- </div> <!--end::Message-->
44
- </a>
45
- <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
46
- <div class="d-flex">
47
- <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>
48
- <div class="flex-grow-1">
49
- <h3 class="dropdown-item-title">
50
- John Pierce
51
- <span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
52
- </h3>
53
- <p class="fs-7">I got your message bro</p>
54
- <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
55
- </p>
56
- </div>
57
- </div> <!--end::Message-->
58
- </a>
59
- <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
60
- <div class="d-flex">
61
- <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>
62
- <div class="flex-grow-1">
63
- <h3 class="dropdown-item-title">
64
- Nora Silvester
65
- <span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
66
- </h3>
67
- <p class="fs-7">The subject goes here</p>
68
- <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
69
- </p>
70
- </div>
71
- </div> <!--end::Message-->
72
- </a>
73
- <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
74
- </div>
75
- </li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
76
- <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>
77
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
78
- <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
79
- <span class="float-end text-secondary fs-7">3 mins</span> </a>
80
- <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
81
- <span class="float-end text-secondary fs-7">12 hours</span> </a>
82
- <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
83
- <span class="float-end text-secondary fs-7">2 days</span> </a>
84
- <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
85
- See All Notifications
86
- </a>
87
- </div>
88
- </li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
89
- <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-->
90
- <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>
91
- <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
92
- <li class="user-header text-bg-primary"> <img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
93
- <p>
94
- Alexander Pierce - Web Developer
95
- <small>Member since Nov. 2023</small>
96
- </p>
97
- </li> <!--end::User Image--> <!--begin::Menu Body-->
98
- <li class="user-body"> <!--begin::Row-->
99
- <div class="row">
100
- <div class="col-4 text-center"> <a href="#">Followers</a> </div>
101
- <div class="col-4 text-center"> <a href="#">Sales</a> </div>
102
- <div class="col-4 text-center"> <a href="#">Friends</a> </div>
103
- </div> <!--end::Row-->
104
- </li> <!--end::Menu Body--> <!--begin::Menu Footer-->
105
- <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-->
106
- </ul>
107
- </li> <!--end::User Menu Dropdown-->
108
- </ul> <!--end::End Navbar Links-->
109
- </div> <!--end::Container-->
110
- </nav> <!--end::Header--> <!--begin::Sidebar-->
111
- <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
112
- <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-->
113
- <div class="sidebar-wrapper">
114
- <nav class="mt-2"> <!--begin::Sidebar Menu-->
115
- <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
116
- <li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
117
- <p>
118
- Dashboard
119
- <i class="nav-arrow bi bi-chevron-right"></i>
120
- </p>
121
- </a>
122
- <ul class="nav nav-treeview">
123
- <li class="nav-item"> <a href="./index.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
124
- <p>Dashboard v1</p>
125
- </a> </li>
126
- <li class="nav-item"> <a href="./index2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
127
- <p>Dashboard v2</p>
128
- </a> </li>
129
- <li class="nav-item"> <a href="./index3.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
130
- <p>Dashboard v3</p>
131
- </a> </li>
132
- </ul>
133
- </li>
134
- <li class="nav-item"> <a href="./generate/theme.html" class="nav-link"> <i class="nav-icon bi bi-palette"></i>
135
- <p>Theme Generate</p>
136
- </a> </li>
137
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
138
- <p>
139
- Widgets
140
- <i class="nav-arrow bi bi-chevron-right"></i>
141
- </p>
142
- </a>
143
- <ul class="nav nav-treeview">
144
- <li class="nav-item"> <a href="./widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
145
- <p>Small Box</p>
146
- </a> </li>
147
- <li class="nav-item"> <a href="./widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
148
- <p>info Box</p>
149
- </a> </li>
150
- <li class="nav-item"> <a href="./widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
151
- <p>Cards</p>
152
- </a> </li>
153
- </ul>
154
- </li>
155
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
156
- <p>
157
- Layout Options
158
- <span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
159
- </p>
160
- </a>
161
- <ul class="nav nav-treeview">
162
- <li class="nav-item"> <a href="./layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
163
- <p>Default Sidebar</p>
164
- </a> </li>
165
- <li class="nav-item"> <a href="./layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
166
- <p>Fixed Sidebar</p>
167
- </a> </li>
168
- <li class="nav-item"> <a href="./layout/layout-custom-area.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
169
- <p>Layout <small>+ Custom Area </small></p>
170
- </a> </li>
171
- <li class="nav-item"> <a href="./layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
172
- <p>Sidebar Mini</p>
173
- </a> </li>
174
- <li class="nav-item"> <a href="./layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
175
- <p>Sidebar Mini <small>+ Collapsed</small></p>
176
- </a> </li>
177
- <li class="nav-item"> <a href="./layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
178
- <p>Sidebar Mini <small>+ Logo Switch</small></p>
179
- </a> </li>
180
- <li class="nav-item"> <a href="./layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
181
- <p>Layout RTL</p>
182
- </a> </li>
183
- </ul>
184
- </li>
185
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
186
- <p>
187
- UI Elements
188
- <i class="nav-arrow bi bi-chevron-right"></i>
189
- </p>
190
- </a>
191
- <ul class="nav nav-treeview">
192
- <li class="nav-item"> <a href="./UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
193
- <p>General</p>
194
- </a> </li>
195
- <li class="nav-item"> <a href="./UI/icons.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
196
- <p>Icons</p>
197
- </a> </li>
198
- <li class="nav-item"> <a href="./UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
199
- <p>Timeline</p>
200
- </a> </li>
201
- </ul>
202
- </li>
203
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
204
- <p>
205
- Forms
206
- <i class="nav-arrow bi bi-chevron-right"></i>
207
- </p>
208
- </a>
209
- <ul class="nav nav-treeview">
210
- <li class="nav-item"> <a href="./forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
211
- <p>General Elements</p>
212
- </a> </li>
213
- </ul>
214
- </li>
215
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
216
- <p>
217
- Tables
218
- <i class="nav-arrow bi bi-chevron-right"></i>
219
- </p>
220
- </a>
221
- <ul class="nav nav-treeview">
222
- <li class="nav-item"> <a href="./tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
223
- <p>Simple Tables</p>
224
- </a> </li>
225
- </ul>
226
- </li>
227
- <li class="nav-header">EXAMPLES</li>
228
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
229
- <p>
230
- Auth
231
- <i class="nav-arrow bi bi-chevron-right"></i>
232
- </p>
233
- </a>
234
- <ul class="nav nav-treeview">
235
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
236
- <p>
237
- Version 1
238
- <i class="nav-arrow bi bi-chevron-right"></i>
239
- </p>
240
- </a>
241
- <ul class="nav nav-treeview">
242
- <li class="nav-item"> <a href="./examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
243
- <p>Login</p>
244
- </a> </li>
245
- <li class="nav-item"> <a href="./examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
246
- <p>Register</p>
247
- </a> </li>
248
- </ul>
249
- </li>
250
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
251
- <p>
252
- Version 2
253
- <i class="nav-arrow bi bi-chevron-right"></i>
254
- </p>
255
- </a>
256
- <ul class="nav nav-treeview">
257
- <li class="nav-item"> <a href="./examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
258
- <p>Login</p>
259
- </a> </li>
260
- <li class="nav-item"> <a href="./examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
261
- <p>Register</p>
262
- </a> </li>
263
- </ul>
264
- </li>
265
- <li class="nav-item"> <a href="./examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
266
- <p>Lockscreen</p>
267
- </a> </li>
268
- </ul>
269
- </li>
270
- <li class="nav-header">DOCUMENTATIONS</li>
271
- <li class="nav-item"> <a href="./docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
272
- <p>Installation</p>
273
- </a> </li>
274
- <li class="nav-item"> <a href="./docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
275
- <p>Layout</p>
276
- </a> </li>
277
- <li class="nav-item"> <a href="./docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
278
- <p>Color Mode</p>
279
- </a> </li>
280
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
281
- <p>
282
- Components
283
- <i class="nav-arrow bi bi-chevron-right"></i>
284
- </p>
285
- </a>
286
- <ul class="nav nav-treeview">
287
- <li class="nav-item"> <a href="./docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
288
- <p>Main Header</p>
289
- </a> </li>
290
- <li class="nav-item"> <a href="./docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
291
- <p>Main Sidebar</p>
292
- </a> </li>
293
- </ul>
294
- </li>
295
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
296
- <p>
297
- Javascript
298
- <i class="nav-arrow bi bi-chevron-right"></i>
299
- </p>
300
- </a>
301
- <ul class="nav nav-treeview">
302
- <li class="nav-item"> <a href="./docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
303
- <p>Treeview</p>
304
- </a> </li>
305
- </ul>
306
- </li>
307
- <li class="nav-item"> <a href="./docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
308
- <p>Browser Support</p>
309
- </a> </li>
310
- <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>
311
- <p>How To Contribute</p>
312
- </a> </li>
313
- <li class="nav-item"> <a href="./docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
314
- <p>FAQ</p>
315
- </a> </li>
316
- <li class="nav-item"> <a href="./docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
317
- <p>License</p>
318
- </a> </li>
319
- <li class="nav-header">MULTI LEVEL EXAMPLE</li>
320
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
321
- <p>Level 1</p>
322
- </a> </li>
323
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
324
- <p>
325
- Level 1
326
- <i class="nav-arrow bi bi-chevron-right"></i>
327
- </p>
328
- </a>
329
- <ul class="nav nav-treeview">
330
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
331
- <p>Level 2</p>
332
- </a> </li>
333
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
334
- <p>
335
- Level 2
336
- <i class="nav-arrow bi bi-chevron-right"></i>
337
- </p>
338
- </a>
339
- <ul class="nav nav-treeview">
340
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
341
- <p>Level 3</p>
342
- </a> </li>
343
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
344
- <p>Level 3</p>
345
- </a> </li>
346
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
347
- <p>Level 3</p>
348
- </a> </li>
349
- </ul>
350
- </li>
351
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
352
- <p>Level 2</p>
353
- </a> </li>
354
- </ul>
355
- </li>
356
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
357
- <p>Level 1</p>
358
- </a> </li>
359
- <li class="nav-header">LABELS</li>
360
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
361
- <p class="text">Important</p>
362
- </a> </li>
363
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
364
- <p>Warning</p>
365
- </a> </li>
366
- <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
367
- <p>Informational</p>
368
- </a> </li>
369
- </ul> <!--end::Sidebar Menu-->
370
- </nav>
371
- </div> <!--end::Sidebar Wrapper-->
372
- </aside> <!--end::Sidebar--> <!--begin::App Main-->
373
- <main class="app-main"> <!--begin::App Content Header-->
374
- <div class="app-content-header"> <!--begin::Container-->
375
- <div class="container-fluid"> <!--begin::Row-->
376
- <div class="row">
377
- <div class="col-sm-6">
378
- <h3 class="mb-0">Dashboard v3</h3>
379
- </div>
380
- <div class="col-sm-6">
381
- <ol class="breadcrumb float-sm-end">
382
- <li class="breadcrumb-item"><a href="#">Home</a></li>
383
- <li class="breadcrumb-item active" aria-current="page">
384
- Dashboard v3
385
- </li>
386
- </ol>
387
- </div>
388
- </div> <!--end::Row-->
389
- </div> <!--end::Container-->
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <!--begin::Head-->
4
+ <head>
5
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6
+ <title>AdminLTE | Dashboard v3</title>
7
+ <!--begin::Primary Meta Tags-->
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+ <meta name="title" content="AdminLTE | Dashboard v3" />
10
+ <meta name="author" content="ColorlibHQ" />
11
+ <meta
12
+ name="description"
13
+ content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
14
+ />
15
+ <meta
16
+ name="keywords"
17
+ 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"
18
+ />
19
+ <!--end::Primary Meta Tags-->
20
+ <!--begin::Fonts-->
21
+ <link
22
+ rel="stylesheet"
23
+ href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
24
+ integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
25
+ crossorigin="anonymous"
26
+ />
27
+ <!--end::Fonts-->
28
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
29
+ <link
30
+ rel="stylesheet"
31
+ href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
32
+ integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
33
+ crossorigin="anonymous"
34
+ />
35
+ <!--end::Third Party Plugin(OverlayScrollbars)-->
36
+ <!--begin::Third Party Plugin(Bootstrap Icons)-->
37
+ <link
38
+ rel="stylesheet"
39
+ href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
40
+ integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
41
+ crossorigin="anonymous"
42
+ />
43
+ <!--end::Third Party Plugin(Bootstrap Icons)-->
44
+ <!--begin::Required Plugin(AdminLTE)-->
45
+ <link rel="stylesheet" href="../../dist/css/adminlte.css" />
46
+ <!--end::Required Plugin(AdminLTE)-->
47
+ <!-- apexcharts -->
48
+ <link
49
+ rel="stylesheet"
50
+ href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css"
51
+ integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0="
52
+ crossorigin="anonymous"
53
+ />
54
+ </head>
55
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
56
+ <!--begin::App Wrapper-->
57
+ <div class="app-wrapper">
58
+ <!--begin::Header-->
59
+ <nav class="app-header navbar navbar-expand bg-body">
60
+ <!--begin::Container-->
61
+ <div class="container-fluid">
62
+ <!--begin::Start Navbar Links-->
63
+ <ul class="navbar-nav">
64
+ <li class="nav-item">
65
+ <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
66
+ <i class="bi bi-list"></i>
67
+ </a>
68
+ </li>
69
+ <li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
70
+ <li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
71
+ </ul>
72
+ <!--end::Start Navbar Links-->
73
+ <!--begin::End Navbar Links-->
74
+ <ul class="navbar-nav ms-auto">
75
+ <!--begin::Navbar Search-->
76
+ <li class="nav-item">
77
+ <a class="nav-link" data-widget="navbar-search" href="#" role="button">
78
+ <i class="bi bi-search"></i>
79
+ </a>
80
+ </li>
81
+ <!--end::Navbar Search-->
82
+ <!--begin::Messages Dropdown Menu-->
83
+ <li class="nav-item dropdown">
84
+ <a class="nav-link" data-bs-toggle="dropdown" href="#">
85
+ <i class="bi bi-chat-text"></i>
86
+ <span class="navbar-badge badge text-bg-danger">3</span>
87
+ </a>
88
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
89
+ <a href="#" class="dropdown-item">
90
+ <!--begin::Message-->
91
+ <div class="d-flex">
92
+ <div class="flex-shrink-0">
93
+ <img
94
+ src="../../dist/assets/img/user1-128x128.jpg"
95
+ alt="User Avatar"
96
+ class="img-size-50 rounded-circle me-3"
97
+ />
98
+ </div>
99
+ <div class="flex-grow-1">
100
+ <h3 class="dropdown-item-title">
101
+ Brad Diesel
102
+ <span class="float-end fs-7 text-danger"
103
+ ><i class="bi bi-star-fill"></i
104
+ ></span>
105
+ </h3>
106
+ <p class="fs-7">Call me whenever you can...</p>
107
+ <p class="fs-7 text-secondary">
108
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
109
+ </p>
110
+ </div>
111
+ </div>
112
+ <!--end::Message-->
113
+ </a>
114
+ <div class="dropdown-divider"></div>
115
+ <a href="#" class="dropdown-item">
116
+ <!--begin::Message-->
117
+ <div class="d-flex">
118
+ <div class="flex-shrink-0">
119
+ <img
120
+ src="../../dist/assets/img/user8-128x128.jpg"
121
+ alt="User Avatar"
122
+ class="img-size-50 rounded-circle me-3"
123
+ />
124
+ </div>
125
+ <div class="flex-grow-1">
126
+ <h3 class="dropdown-item-title">
127
+ John Pierce
128
+ <span class="float-end fs-7 text-secondary">
129
+ <i class="bi bi-star-fill"></i>
130
+ </span>
131
+ </h3>
132
+ <p class="fs-7">I got your message bro</p>
133
+ <p class="fs-7 text-secondary">
134
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
135
+ </p>
136
+ </div>
137
+ </div>
138
+ <!--end::Message-->
139
+ </a>
140
+ <div class="dropdown-divider"></div>
141
+ <a href="#" class="dropdown-item">
142
+ <!--begin::Message-->
143
+ <div class="d-flex">
144
+ <div class="flex-shrink-0">
145
+ <img
146
+ src="../../dist/assets/img/user3-128x128.jpg"
147
+ alt="User Avatar"
148
+ class="img-size-50 rounded-circle me-3"
149
+ />
150
+ </div>
151
+ <div class="flex-grow-1">
152
+ <h3 class="dropdown-item-title">
153
+ Nora Silvester
154
+ <span class="float-end fs-7 text-warning">
155
+ <i class="bi bi-star-fill"></i>
156
+ </span>
157
+ </h3>
158
+ <p class="fs-7">The subject goes here</p>
159
+ <p class="fs-7 text-secondary">
160
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
161
+ </p>
162
+ </div>
163
+ </div>
164
+ <!--end::Message-->
165
+ </a>
166
+ <div class="dropdown-divider"></div>
167
+ <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
168
+ </div>
169
+ </li>
170
+ <!--end::Messages Dropdown Menu-->
171
+ <!--begin::Notifications Dropdown Menu-->
172
+ <li class="nav-item dropdown">
173
+ <a class="nav-link" data-bs-toggle="dropdown" href="#">
174
+ <i class="bi bi-bell-fill"></i>
175
+ <span class="navbar-badge badge text-bg-warning">15</span>
176
+ </a>
177
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
178
+ <span class="dropdown-item dropdown-header">15 Notifications</span>
179
+ <div class="dropdown-divider"></div>
180
+ <a href="#" class="dropdown-item">
181
+ <i class="bi bi-envelope me-2"></i> 4 new messages
182
+ <span class="float-end text-secondary fs-7">3 mins</span>
183
+ </a>
184
+ <div class="dropdown-divider"></div>
185
+ <a href="#" class="dropdown-item">
186
+ <i class="bi bi-people-fill me-2"></i> 8 friend requests
187
+ <span class="float-end text-secondary fs-7">12 hours</span>
188
+ </a>
189
+ <div class="dropdown-divider"></div>
190
+ <a href="#" class="dropdown-item">
191
+ <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
192
+ <span class="float-end text-secondary fs-7">2 days</span>
193
+ </a>
194
+ <div class="dropdown-divider"></div>
195
+ <a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
196
+ </div>
197
+ </li>
198
+ <!--end::Notifications Dropdown Menu-->
199
+ <!--begin::Fullscreen Toggle-->
200
+ <li class="nav-item">
201
+ <a class="nav-link" href="#" data-lte-toggle="fullscreen">
202
+ <i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
203
+ <i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
204
+ </a>
205
+ </li>
206
+ <!--end::Fullscreen Toggle-->
207
+ <!--begin::User Menu Dropdown-->
208
+ <li class="nav-item dropdown user-menu">
209
+ <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
210
+ <img
211
+ src="../../dist/assets/img/user2-160x160.jpg"
212
+ class="user-image rounded-circle shadow"
213
+ alt="User Image"
214
+ />
215
+ <span class="d-none d-md-inline">Alexander Pierce</span>
216
+ </a>
217
+ <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
218
+ <!--begin::User Image-->
219
+ <li class="user-header text-bg-primary">
220
+ <img
221
+ src="../../dist/assets/img/user2-160x160.jpg"
222
+ class="rounded-circle shadow"
223
+ alt="User Image"
224
+ />
225
+ <p>
226
+ Alexander Pierce - Web Developer
227
+ <small>Member since Nov. 2023</small>
228
+ </p>
229
+ </li>
230
+ <!--end::User Image-->
231
+ <!--begin::Menu Body-->
232
+ <li class="user-body">
233
+ <!--begin::Row-->
234
+ <div class="row">
235
+ <div class="col-4 text-center"><a href="#">Followers</a></div>
236
+ <div class="col-4 text-center"><a href="#">Sales</a></div>
237
+ <div class="col-4 text-center"><a href="#">Friends</a></div>
238
+ </div>
239
+ <!--end::Row-->
240
+ </li>
241
+ <!--end::Menu Body-->
242
+ <!--begin::Menu Footer-->
243
+ <li class="user-footer">
244
+ <a href="#" class="btn btn-default btn-flat">Profile</a>
245
+ <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
246
+ </li>
247
+ <!--end::Menu Footer-->
248
+ </ul>
249
+ </li>
250
+ <!--end::User Menu Dropdown-->
251
+ </ul>
252
+ <!--end::End Navbar Links-->
253
+ </div>
254
+ <!--end::Container-->
255
+ </nav>
256
+ <!--end::Header-->
257
+ <!--begin::Sidebar-->
258
+ <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
259
+ <!--begin::Sidebar Brand-->
260
+ <div class="sidebar-brand">
261
+ <!--begin::Brand Link-->
262
+ <a href="./index.html" class="brand-link">
263
+ <!--begin::Brand Image-->
264
+ <img
265
+ src="../../dist/assets/img/AdminLTELogo.png"
266
+ alt="AdminLTE Logo"
267
+ class="brand-image opacity-75 shadow"
268
+ />
269
+ <!--end::Brand Image-->
270
+ <!--begin::Brand Text-->
271
+ <span class="brand-text fw-light">AdminLTE 4</span>
272
+ <!--end::Brand Text-->
273
+ </a>
274
+ <!--end::Brand Link-->
275
+ </div>
276
+ <!--end::Sidebar Brand-->
277
+ <!--begin::Sidebar Wrapper-->
278
+ <div class="sidebar-wrapper">
279
+ <nav class="mt-2">
280
+ <!--begin::Sidebar Menu-->
281
+ <ul
282
+ class="nav sidebar-menu flex-column"
283
+ data-lte-toggle="treeview"
284
+ role="menu"
285
+ data-accordion="false"
286
+ >
287
+ <li class="nav-item menu-open">
288
+ <a href="#" class="nav-link active">
289
+ <i class="nav-icon bi bi-speedometer"></i>
290
+ <p>
291
+ Dashboard
292
+ <i class="nav-arrow bi bi-chevron-right"></i>
293
+ </p>
294
+ </a>
295
+ <ul class="nav nav-treeview">
296
+ <li class="nav-item">
297
+ <a href="./index.html" class="nav-link">
298
+ <i class="nav-icon bi bi-circle"></i>
299
+ <p>Dashboard v1</p>
300
+ </a>
301
+ </li>
302
+ <li class="nav-item">
303
+ <a href="./index2.html" class="nav-link">
304
+ <i class="nav-icon bi bi-circle"></i>
305
+ <p>Dashboard v2</p>
306
+ </a>
307
+ </li>
308
+ <li class="nav-item">
309
+ <a href="./index3.html" class="nav-link active">
310
+ <i class="nav-icon bi bi-circle"></i>
311
+ <p>Dashboard v3</p>
312
+ </a>
313
+ </li>
314
+ </ul>
315
+ </li>
316
+ <li class="nav-item">
317
+ <a href="./generate/theme.html" class="nav-link">
318
+ <i class="nav-icon bi bi-palette"></i>
319
+ <p>Theme Generate</p>
320
+ </a>
321
+ </li>
322
+ <li class="nav-item">
323
+ <a href="#" class="nav-link">
324
+ <i class="nav-icon bi bi-box-seam-fill"></i>
325
+ <p>
326
+ Widgets
327
+ <i class="nav-arrow bi bi-chevron-right"></i>
328
+ </p>
329
+ </a>
330
+ <ul class="nav nav-treeview">
331
+ <li class="nav-item">
332
+ <a href="./widgets/small-box.html" class="nav-link">
333
+ <i class="nav-icon bi bi-circle"></i>
334
+ <p>Small Box</p>
335
+ </a>
336
+ </li>
337
+ <li class="nav-item">
338
+ <a href="./widgets/info-box.html" class="nav-link">
339
+ <i class="nav-icon bi bi-circle"></i>
340
+ <p>info Box</p>
341
+ </a>
342
+ </li>
343
+ <li class="nav-item">
344
+ <a href="./widgets/cards.html" class="nav-link">
345
+ <i class="nav-icon bi bi-circle"></i>
346
+ <p>Cards</p>
347
+ </a>
348
+ </li>
349
+ </ul>
350
+ </li>
351
+ <li class="nav-item">
352
+ <a href="#" class="nav-link">
353
+ <i class="nav-icon bi bi-clipboard-fill"></i>
354
+ <p>
355
+ Layout Options
356
+ <span class="nav-badge badge text-bg-secondary me-3">6</span>
357
+ <i class="nav-arrow bi bi-chevron-right"></i>
358
+ </p>
359
+ </a>
360
+ <ul class="nav nav-treeview">
361
+ <li class="nav-item">
362
+ <a href="./layout/unfixed-sidebar.html" class="nav-link">
363
+ <i class="nav-icon bi bi-circle"></i>
364
+ <p>Default Sidebar</p>
365
+ </a>
366
+ </li>
367
+ <li class="nav-item">
368
+ <a href="./layout/fixed-sidebar.html" class="nav-link">
369
+ <i class="nav-icon bi bi-circle"></i>
370
+ <p>Fixed Sidebar</p>
371
+ </a>
372
+ </li>
373
+ <li class="nav-item">
374
+ <a href="./layout/layout-custom-area.html" class="nav-link">
375
+ <i class="nav-icon bi bi-circle"></i>
376
+ <p>Layout <small>+ Custom Area </small></p>
377
+ </a>
378
+ </li>
379
+ <li class="nav-item">
380
+ <a href="./layout/sidebar-mini.html" class="nav-link">
381
+ <i class="nav-icon bi bi-circle"></i>
382
+ <p>Sidebar Mini</p>
383
+ </a>
384
+ </li>
385
+ <li class="nav-item">
386
+ <a href="./layout/collapsed-sidebar.html" class="nav-link">
387
+ <i class="nav-icon bi bi-circle"></i>
388
+ <p>Sidebar Mini <small>+ Collapsed</small></p>
389
+ </a>
390
+ </li>
391
+ <li class="nav-item">
392
+ <a href="./layout/logo-switch.html" class="nav-link">
393
+ <i class="nav-icon bi bi-circle"></i>
394
+ <p>Sidebar Mini <small>+ Logo Switch</small></p>
395
+ </a>
396
+ </li>
397
+ <li class="nav-item">
398
+ <a href="./layout/layout-rtl.html" class="nav-link">
399
+ <i class="nav-icon bi bi-circle"></i>
400
+ <p>Layout RTL</p>
401
+ </a>
402
+ </li>
403
+ </ul>
404
+ </li>
405
+ <li class="nav-item">
406
+ <a href="#" class="nav-link">
407
+ <i class="nav-icon bi bi-tree-fill"></i>
408
+ <p>
409
+ UI Elements
410
+ <i class="nav-arrow bi bi-chevron-right"></i>
411
+ </p>
412
+ </a>
413
+ <ul class="nav nav-treeview">
414
+ <li class="nav-item">
415
+ <a href="./UI/general.html" class="nav-link">
416
+ <i class="nav-icon bi bi-circle"></i>
417
+ <p>General</p>
418
+ </a>
419
+ </li>
420
+ <li class="nav-item">
421
+ <a href="./UI/icons.html" class="nav-link">
422
+ <i class="nav-icon bi bi-circle"></i>
423
+ <p>Icons</p>
424
+ </a>
425
+ </li>
426
+ <li class="nav-item">
427
+ <a href="./UI/timeline.html" class="nav-link">
428
+ <i class="nav-icon bi bi-circle"></i>
429
+ <p>Timeline</p>
430
+ </a>
431
+ </li>
432
+ </ul>
433
+ </li>
434
+ <li class="nav-item">
435
+ <a href="#" class="nav-link">
436
+ <i class="nav-icon bi bi-pencil-square"></i>
437
+ <p>
438
+ Forms
439
+ <i class="nav-arrow bi bi-chevron-right"></i>
440
+ </p>
441
+ </a>
442
+ <ul class="nav nav-treeview">
443
+ <li class="nav-item">
444
+ <a href="./forms/general.html" class="nav-link">
445
+ <i class="nav-icon bi bi-circle"></i>
446
+ <p>General Elements</p>
447
+ </a>
448
+ </li>
449
+ </ul>
450
+ </li>
451
+ <li class="nav-item">
452
+ <a href="#" class="nav-link">
453
+ <i class="nav-icon bi bi-table"></i>
454
+ <p>
455
+ Tables
456
+ <i class="nav-arrow bi bi-chevron-right"></i>
457
+ </p>
458
+ </a>
459
+ <ul class="nav nav-treeview">
460
+ <li class="nav-item">
461
+ <a href="./tables/simple.html" class="nav-link">
462
+ <i class="nav-icon bi bi-circle"></i>
463
+ <p>Simple Tables</p>
464
+ </a>
465
+ </li>
466
+ </ul>
467
+ </li>
468
+ <li class="nav-header">EXAMPLES</li>
469
+ <li class="nav-item">
470
+ <a href="#" class="nav-link">
471
+ <i class="nav-icon bi bi-box-arrow-in-right"></i>
472
+ <p>
473
+ Auth
474
+ <i class="nav-arrow bi bi-chevron-right"></i>
475
+ </p>
476
+ </a>
477
+ <ul class="nav nav-treeview">
478
+ <li class="nav-item">
479
+ <a href="#" class="nav-link">
480
+ <i class="nav-icon bi bi-box-arrow-in-right"></i>
481
+ <p>
482
+ Version 1
483
+ <i class="nav-arrow bi bi-chevron-right"></i>
484
+ </p>
485
+ </a>
486
+ <ul class="nav nav-treeview">
487
+ <li class="nav-item">
488
+ <a href="./examples/login.html" class="nav-link">
489
+ <i class="nav-icon bi bi-circle"></i>
490
+ <p>Login</p>
491
+ </a>
492
+ </li>
493
+ <li class="nav-item">
494
+ <a href="./examples/register.html" class="nav-link">
495
+ <i class="nav-icon bi bi-circle"></i>
496
+ <p>Register</p>
497
+ </a>
498
+ </li>
499
+ </ul>
500
+ </li>
501
+ <li class="nav-item">
502
+ <a href="#" class="nav-link">
503
+ <i class="nav-icon bi bi-box-arrow-in-right"></i>
504
+ <p>
505
+ Version 2
506
+ <i class="nav-arrow bi bi-chevron-right"></i>
507
+ </p>
508
+ </a>
509
+ <ul class="nav nav-treeview">
510
+ <li class="nav-item">
511
+ <a href="./examples/login-v2.html" class="nav-link">
512
+ <i class="nav-icon bi bi-circle"></i>
513
+ <p>Login</p>
514
+ </a>
515
+ </li>
516
+ <li class="nav-item">
517
+ <a href="./examples/register-v2.html" class="nav-link">
518
+ <i class="nav-icon bi bi-circle"></i>
519
+ <p>Register</p>
520
+ </a>
521
+ </li>
522
+ </ul>
523
+ </li>
524
+ <li class="nav-item">
525
+ <a href="./examples/lockscreen.html" class="nav-link">
526
+ <i class="nav-icon bi bi-circle"></i>
527
+ <p>Lockscreen</p>
528
+ </a>
529
+ </li>
530
+ </ul>
531
+ </li>
532
+ <li class="nav-header">DOCUMENTATIONS</li>
533
+ <li class="nav-item">
534
+ <a href="./docs/introduction.html" class="nav-link">
535
+ <i class="nav-icon bi bi-download"></i>
536
+ <p>Installation</p>
537
+ </a>
538
+ </li>
539
+ <li class="nav-item">
540
+ <a href="./docs/layout.html" class="nav-link">
541
+ <i class="nav-icon bi bi-grip-horizontal"></i>
542
+ <p>Layout</p>
543
+ </a>
544
+ </li>
545
+ <li class="nav-item">
546
+ <a href="./docs/color-mode.html" class="nav-link">
547
+ <i class="nav-icon bi bi-star-half"></i>
548
+ <p>Color Mode</p>
549
+ </a>
550
+ </li>
551
+ <li class="nav-item">
552
+ <a href="#" class="nav-link">
553
+ <i class="nav-icon bi bi-ui-checks-grid"></i>
554
+ <p>
555
+ Components
556
+ <i class="nav-arrow bi bi-chevron-right"></i>
557
+ </p>
558
+ </a>
559
+ <ul class="nav nav-treeview">
560
+ <li class="nav-item">
561
+ <a href="./docs/components/main-header.html" class="nav-link">
562
+ <i class="nav-icon bi bi-circle"></i>
563
+ <p>Main Header</p>
564
+ </a>
565
+ </li>
566
+ <li class="nav-item">
567
+ <a href="./docs/components/main-sidebar.html" class="nav-link">
568
+ <i class="nav-icon bi bi-circle"></i>
569
+ <p>Main Sidebar</p>
570
+ </a>
571
+ </li>
572
+ </ul>
573
+ </li>
574
+ <li class="nav-item">
575
+ <a href="#" class="nav-link">
576
+ <i class="nav-icon bi bi-filetype-js"></i>
577
+ <p>
578
+ Javascript
579
+ <i class="nav-arrow bi bi-chevron-right"></i>
580
+ </p>
581
+ </a>
582
+ <ul class="nav nav-treeview">
583
+ <li class="nav-item">
584
+ <a href="./docs/javascript/treeview.html" class="nav-link">
585
+ <i class="nav-icon bi bi-circle"></i>
586
+ <p>Treeview</p>
587
+ </a>
588
+ </li>
589
+ </ul>
590
+ </li>
591
+ <li class="nav-item">
592
+ <a href="./docs/browser-support.html" class="nav-link">
593
+ <i class="nav-icon bi bi-browser-edge"></i>
594
+ <p>Browser Support</p>
595
+ </a>
596
+ </li>
597
+ <li class="nav-item">
598
+ <a href="./docs/how-to-contribute.html" class="nav-link">
599
+ <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
600
+ <p>How To Contribute</p>
601
+ </a>
602
+ </li>
603
+ <li class="nav-item">
604
+ <a href="./docs/faq.html" class="nav-link">
605
+ <i class="nav-icon bi bi-question-circle-fill"></i>
606
+ <p>FAQ</p>
607
+ </a>
608
+ </li>
609
+ <li class="nav-item">
610
+ <a href="./docs/license.html" class="nav-link">
611
+ <i class="nav-icon bi bi-patch-check-fill"></i>
612
+ <p>License</p>
613
+ </a>
614
+ </li>
615
+ <li class="nav-header">MULTI LEVEL EXAMPLE</li>
616
+ <li class="nav-item">
617
+ <a href="#" class="nav-link">
618
+ <i class="nav-icon bi bi-circle-fill"></i>
619
+ <p>Level 1</p>
620
+ </a>
621
+ </li>
622
+ <li class="nav-item">
623
+ <a href="#" class="nav-link">
624
+ <i class="nav-icon bi bi-circle-fill"></i>
625
+ <p>
626
+ Level 1
627
+ <i class="nav-arrow bi bi-chevron-right"></i>
628
+ </p>
629
+ </a>
630
+ <ul class="nav nav-treeview">
631
+ <li class="nav-item">
632
+ <a href="#" class="nav-link">
633
+ <i class="nav-icon bi bi-circle"></i>
634
+ <p>Level 2</p>
635
+ </a>
636
+ </li>
637
+ <li class="nav-item">
638
+ <a href="#" class="nav-link">
639
+ <i class="nav-icon bi bi-circle"></i>
640
+ <p>
641
+ Level 2
642
+ <i class="nav-arrow bi bi-chevron-right"></i>
643
+ </p>
644
+ </a>
645
+ <ul class="nav nav-treeview">
646
+ <li class="nav-item">
647
+ <a href="#" class="nav-link">
648
+ <i class="nav-icon bi bi-record-circle-fill"></i>
649
+ <p>Level 3</p>
650
+ </a>
651
+ </li>
652
+ <li class="nav-item">
653
+ <a href="#" class="nav-link">
654
+ <i class="nav-icon bi bi-record-circle-fill"></i>
655
+ <p>Level 3</p>
656
+ </a>
657
+ </li>
658
+ <li class="nav-item">
659
+ <a href="#" class="nav-link">
660
+ <i class="nav-icon bi bi-record-circle-fill"></i>
661
+ <p>Level 3</p>
662
+ </a>
663
+ </li>
664
+ </ul>
665
+ </li>
666
+ <li class="nav-item">
667
+ <a href="#" class="nav-link">
668
+ <i class="nav-icon bi bi-circle"></i>
669
+ <p>Level 2</p>
670
+ </a>
671
+ </li>
672
+ </ul>
673
+ </li>
674
+ <li class="nav-item">
675
+ <a href="#" class="nav-link">
676
+ <i class="nav-icon bi bi-circle-fill"></i>
677
+ <p>Level 1</p>
678
+ </a>
679
+ </li>
680
+ <li class="nav-header">LABELS</li>
681
+ <li class="nav-item">
682
+ <a href="#" class="nav-link">
683
+ <i class="nav-icon bi bi-circle text-danger"></i>
684
+ <p class="text">Important</p>
685
+ </a>
686
+ </li>
687
+ <li class="nav-item">
688
+ <a href="#" class="nav-link">
689
+ <i class="nav-icon bi bi-circle text-warning"></i>
690
+ <p>Warning</p>
691
+ </a>
692
+ </li>
693
+ <li class="nav-item">
694
+ <a href="#" class="nav-link">
695
+ <i class="nav-icon bi bi-circle text-info"></i>
696
+ <p>Informational</p>
697
+ </a>
698
+ </li>
699
+ </ul>
700
+ <!--end::Sidebar Menu-->
701
+ </nav>
702
+ </div>
703
+ <!--end::Sidebar Wrapper-->
704
+ </aside>
705
+ <!--end::Sidebar-->
706
+ <!--begin::App Main-->
707
+ <main class="app-main">
708
+ <!--begin::App Content Header-->
709
+ <div class="app-content-header">
710
+ <!--begin::Container-->
711
+ <div class="container-fluid">
712
+ <!--begin::Row-->
713
+ <div class="row">
714
+ <div class="col-sm-6"><h3 class="mb-0">Dashboard v3</h3></div>
715
+ <div class="col-sm-6">
716
+ <ol class="breadcrumb float-sm-end">
717
+ <li class="breadcrumb-item"><a href="#">Home</a></li>
718
+ <li class="breadcrumb-item active" aria-current="page">Dashboard v3</li>
719
+ </ol>
720
+ </div>
721
+ </div>
722
+ <!--end::Row-->
723
+ </div>
724
+ <!--end::Container-->
725
+ </div>
726
+ <div class="app-content">
727
+ <!--begin::Container-->
728
+ <div class="container-fluid">
729
+ <!--begin::Row-->
730
+ <div class="row">
731
+ <div class="col-lg-6">
732
+ <div class="card mb-4">
733
+ <div class="card-header border-0">
734
+ <div class="d-flex justify-content-between">
735
+ <h3 class="card-title">Online Store Visitors</h3>
736
+ <a
737
+ href="javascript:void(0);"
738
+ class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover"
739
+ >View Report</a
740
+ >
741
+ </div>
742
+ </div>
743
+ <div class="card-body">
744
+ <div class="d-flex">
745
+ <p class="d-flex flex-column">
746
+ <span class="fw-bold fs-5">820</span> <span>Visitors Over Time</span>
747
+ </p>
748
+ <p class="ms-auto d-flex flex-column text-end">
749
+ <span class="text-success"> <i class="bi bi-arrow-up"></i> 12.5% </span>
750
+ <span class="text-secondary">Since last week</span>
751
+ </p>
752
+ </div>
753
+ <!-- /.d-flex -->
754
+ <div class="position-relative mb-4"><div id="visitors-chart"></div></div>
755
+ <div class="d-flex flex-row justify-content-end">
756
+ <span class="me-2">
757
+ <i class="bi bi-square-fill text-primary"></i> This Week
758
+ </span>
759
+ <span> <i class="bi bi-square-fill text-secondary"></i> Last Week </span>
760
+ </div>
761
+ </div>
762
+ </div>
763
+ <!-- /.card -->
764
+ <div class="card mb-4">
765
+ <div class="card-header border-0">
766
+ <h3 class="card-title">Products</h3>
767
+ <div class="card-tools">
768
+ <a href="#" class="btn btn-tool btn-sm"> <i class="bi bi-download"></i> </a>
769
+ <a href="#" class="btn btn-tool btn-sm"> <i class="bi bi-list"></i> </a>
770
+ </div>
771
+ </div>
772
+ <div class="card-body table-responsive p-0">
773
+ <table class="table table-striped align-middle">
774
+ <thead>
775
+ <tr>
776
+ <th>Product</th>
777
+ <th>Price</th>
778
+ <th>Sales</th>
779
+ <th>More</th>
780
+ </tr>
781
+ </thead>
782
+ <tbody>
783
+ <tr>
784
+ <td>
785
+ <img
786
+ src="../../dist/assets/img/default-150x150.png"
787
+ alt="Product 1"
788
+ class="rounded-circle img-size-32 me-2"
789
+ />
790
+ Some Product
791
+ </td>
792
+ <td>$13 USD</td>
793
+ <td>
794
+ <small class="text-success me-1">
795
+ <i class="bi bi-arrow-up"></i>
796
+ 12%
797
+ </small>
798
+ 12,000 Sold
799
+ </td>
800
+ <td>
801
+ <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a>
802
+ </td>
803
+ </tr>
804
+ <tr>
805
+ <td>
806
+ <img
807
+ src="../../dist/assets/img/default-150x150.png"
808
+ alt="Product 1"
809
+ class="rounded-circle img-size-32 me-2"
810
+ />
811
+ Another Product
812
+ </td>
813
+ <td>$29 USD</td>
814
+ <td>
815
+ <small class="text-info me-1">
816
+ <i class="bi bi-arrow-down"></i>
817
+ 0.5%
818
+ </small>
819
+ 123,234 Sold
820
+ </td>
821
+ <td>
822
+ <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a>
823
+ </td>
824
+ </tr>
825
+ <tr>
826
+ <td>
827
+ <img
828
+ src="../../dist/assets/img/default-150x150.png"
829
+ alt="Product 1"
830
+ class="rounded-circle img-size-32 me-2"
831
+ />
832
+ Amazing Product
833
+ </td>
834
+ <td>$1,230 USD</td>
835
+ <td>
836
+ <small class="text-danger me-1">
837
+ <i class="bi bi-arrow-down"></i>
838
+ 3%
839
+ </small>
840
+ 198 Sold
841
+ </td>
842
+ <td>
843
+ <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a>
844
+ </td>
845
+ </tr>
846
+ <tr>
847
+ <td>
848
+ <img
849
+ src="../../dist/assets/img/default-150x150.png"
850
+ alt="Product 1"
851
+ class="rounded-circle img-size-32 me-2"
852
+ />
853
+ Perfect Item
854
+ <span class="badge text-bg-danger">NEW</span>
855
+ </td>
856
+ <td>$199 USD</td>
857
+ <td>
858
+ <small class="text-success me-1">
859
+ <i class="bi bi-arrow-up"></i>
860
+ 63%
861
+ </small>
862
+ 87 Sold
863
+ </td>
864
+ <td>
865
+ <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a>
866
+ </td>
867
+ </tr>
868
+ </tbody>
869
+ </table>
870
+ </div>
871
+ </div>
872
+ <!-- /.card -->
873
+ </div>
874
+ <!-- /.col-md-6 -->
875
+ <div class="col-lg-6">
876
+ <div class="card mb-4">
877
+ <div class="card-header border-0">
878
+ <div class="d-flex justify-content-between">
879
+ <h3 class="card-title">Sales</h3>
880
+ <a
881
+ href="javascript:void(0);"
882
+ class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover"
883
+ >View Report</a
884
+ >
885
+ </div>
886
+ </div>
887
+ <div class="card-body">
888
+ <div class="d-flex">
889
+ <p class="d-flex flex-column">
890
+ <span class="fw-bold fs-5">$18,230.00</span> <span>Sales Over Time</span>
891
+ </p>
892
+ <p class="ms-auto d-flex flex-column text-end">
893
+ <span class="text-success"> <i class="bi bi-arrow-up"></i> 33.1% </span>
894
+ <span class="text-secondary">Since Past Year</span>
895
+ </p>
896
+ </div>
897
+ <!-- /.d-flex -->
898
+ <div class="position-relative mb-4"><div id="sales-chart"></div></div>
899
+ <div class="d-flex flex-row justify-content-end">
900
+ <span class="me-2">
901
+ <i class="bi bi-square-fill text-primary"></i> This year
902
+ </span>
903
+ <span> <i class="bi bi-square-fill text-secondary"></i> Last year </span>
904
+ </div>
905
+ </div>
906
+ </div>
907
+ <!-- /.card -->
908
+ <div class="card">
909
+ <div class="card-header border-0">
910
+ <h3 class="card-title">Online Store Overview</h3>
911
+ <div class="card-tools">
912
+ <a href="#" class="btn btn-sm btn-tool"> <i class="bi bi-download"></i> </a>
913
+ <a href="#" class="btn btn-sm btn-tool"> <i class="bi bi-list"></i> </a>
914
+ </div>
915
+ </div>
916
+ <div class="card-body">
917
+ <div
918
+ class="d-flex justify-content-between align-items-center border-bottom mb-3"
919
+ >
920
+ <p class="text-success fs-2">
921
+ <svg
922
+ height="32"
923
+ fill="none"
924
+ stroke="currentColor"
925
+ stroke-width="1.5"
926
+ viewBox="0 0 24 24"
927
+ xmlns="http://www.w3.org/2000/svg"
928
+ aria-hidden="true"
929
+ >
930
+ <path
931
+ stroke-linecap="round"
932
+ stroke-linejoin="round"
933
+ d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 00-3.7-3.7 48.678 48.678 0 00-7.324 0 4.006 4.006 0 00-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3l-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 003.7 3.7 48.656 48.656 0 007.324 0 4.006 4.006 0 003.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3l-3 3"
934
+ ></path>
935
+ </svg>
936
+ </p>
937
+ <p class="d-flex flex-column text-end">
938
+ <span class="fw-bold">
939
+ <i class="bi bi-graph-up-arrow text-success"></i> 12%
940
+ </span>
941
+ <span class="text-secondary">CONVERSION RATE</span>
942
+ </p>
943
+ </div>
944
+ <!-- /.d-flex -->
945
+ <div
946
+ class="d-flex justify-content-between align-items-center border-bottom mb-3"
947
+ >
948
+ <p class="text-info fs-2">
949
+ <svg
950
+ height="32"
951
+ fill="none"
952
+ stroke="currentColor"
953
+ stroke-width="1.5"
954
+ viewBox="0 0 24 24"
955
+ xmlns="http://www.w3.org/2000/svg"
956
+ aria-hidden="true"
957
+ >
958
+ <path
959
+ stroke-linecap="round"
960
+ stroke-linejoin="round"
961
+ d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
962
+ ></path>
963
+ </svg>
964
+ </p>
965
+ <p class="d-flex flex-column text-end">
966
+ <span class="fw-bold">
967
+ <i class="bi bi-graph-up-arrow text-info"></i> 0.8%
968
+ </span>
969
+ <span class="text-secondary">SALES RATE</span>
970
+ </p>
971
+ </div>
972
+ <!-- /.d-flex -->
973
+ <div class="d-flex justify-content-between align-items-center mb-0">
974
+ <p class="text-danger fs-2">
975
+ <svg
976
+ height="32"
977
+ fill="none"
978
+ stroke="currentColor"
979
+ stroke-width="1.5"
980
+ viewBox="0 0 24 24"
981
+ xmlns="http://www.w3.org/2000/svg"
982
+ aria-hidden="true"
983
+ >
984
+ <path
985
+ stroke-linecap="round"
986
+ stroke-linejoin="round"
987
+ d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z"
988
+ ></path>
989
+ </svg>
990
+ </p>
991
+ <p class="d-flex flex-column text-end">
992
+ <span class="fw-bold">
993
+ <i class="bi bi-graph-down-arrow text-danger"></i>
994
+ 1%
995
+ </span>
996
+ <span class="text-secondary">REGISTRATION RATE</span>
997
+ </p>
998
+ </div>
999
+ <!-- /.d-flex -->
1000
+ </div>
1001
+ </div>
1002
+ </div>
1003
+ <!-- /.col-md-6 -->
390
1004
  </div>
391
- <div class="app-content"> <!--begin::Container-->
392
- <div class="container-fluid"> <!--begin::Row-->
393
- <div class="row">
394
- <div class="col-lg-6">
395
- <div class="card mb-4">
396
- <div class="card-header border-0">
397
- <div class="d-flex justify-content-between">
398
- <h3 class="card-title">Online Store Visitors</h3> <a href="javascript:void(0);" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">View Report</a>
399
- </div>
400
- </div>
401
- <div class="card-body">
402
- <div class="d-flex">
403
- <p class="d-flex flex-column"> <span class="fw-bold fs-5">820</span> <span>Visitors Over Time</span> </p>
404
- <p class="ms-auto d-flex flex-column text-end"> <span class="text-success"> <i class="bi bi-arrow-up"></i> 12.5%
405
- </span> <span class="text-secondary">Since last week</span> </p>
406
- </div> <!-- /.d-flex -->
407
- <div class="position-relative mb-4">
408
- <div id="visitors-chart"></div>
409
- </div>
410
- <div class="d-flex flex-row justify-content-end"> <span class="me-2"> <i class="bi bi-square-fill text-primary"></i> This Week
411
- </span> <span> <i class="bi bi-square-fill text-secondary"></i> Last Week
412
- </span> </div>
413
- </div>
414
- </div> <!-- /.card -->
415
- <div class="card mb-4">
416
- <div class="card-header border-0">
417
- <h3 class="card-title">Products</h3>
418
- <div class="card-tools"> <a href="#" class="btn btn-tool btn-sm"> <i class="bi bi-download"></i> </a> <a href="#" class="btn btn-tool btn-sm"> <i class="bi bi-list"></i> </a> </div>
419
- </div>
420
- <div class="card-body table-responsive p-0">
421
- <table class="table table-striped align-middle">
422
- <thead>
423
- <tr>
424
- <th>Product</th>
425
- <th>Price</th>
426
- <th>Sales</th>
427
- <th>More</th>
428
- </tr>
429
- </thead>
430
- <tbody>
431
- <tr>
432
- <td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
433
- Some Product
434
- </td>
435
- <td>$13 USD</td>
436
- <td> <small class="text-success me-1"> <i class="bi bi-arrow-up"></i>
437
- 12%
438
- </small>
439
- 12,000 Sold
440
- </td>
441
- <td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
442
- </tr>
443
- <tr>
444
- <td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
445
- Another Product
446
- </td>
447
- <td>$29 USD</td>
448
- <td> <small class="text-info me-1"> <i class="bi bi-arrow-down"></i>
449
- 0.5%
450
- </small>
451
- 123,234 Sold
452
- </td>
453
- <td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
454
- </tr>
455
- <tr>
456
- <td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
457
- Amazing Product
458
- </td>
459
- <td>$1,230 USD</td>
460
- <td> <small class="text-danger me-1"> <i class="bi bi-arrow-down"></i>
461
- 3%
462
- </small>
463
- 198 Sold
464
- </td>
465
- <td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
466
- </tr>
467
- <tr>
468
- <td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
469
- Perfect Item
470
- <span class="badge text-bg-danger">NEW</span>
471
- </td>
472
- <td>$199 USD</td>
473
- <td> <small class="text-success me-1"> <i class="bi bi-arrow-up"></i>
474
- 63%
475
- </small>
476
- 87 Sold
477
- </td>
478
- <td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
479
- </tr>
480
- </tbody>
481
- </table>
482
- </div>
483
- </div> <!-- /.card -->
484
- </div> <!-- /.col-md-6 -->
485
- <div class="col-lg-6">
486
- <div class="card mb-4">
487
- <div class="card-header border-0">
488
- <div class="d-flex justify-content-between">
489
- <h3 class="card-title">Sales</h3> <a href="javascript:void(0);" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">View Report</a>
490
- </div>
491
- </div>
492
- <div class="card-body">
493
- <div class="d-flex">
494
- <p class="d-flex flex-column"> <span class="fw-bold fs-5">$18,230.00</span> <span>Sales Over Time</span> </p>
495
- <p class="ms-auto d-flex flex-column text-end"> <span class="text-success"> <i class="bi bi-arrow-up"></i> 33.1%
496
- </span> <span class="text-secondary">Since Past Year</span> </p>
497
- </div> <!-- /.d-flex -->
498
- <div class="position-relative mb-4">
499
- <div id="sales-chart"></div>
500
- </div>
501
- <div class="d-flex flex-row justify-content-end"> <span class="me-2"> <i class="bi bi-square-fill text-primary"></i> This year
502
- </span> <span> <i class="bi bi-square-fill text-secondary"></i> Last year
503
- </span> </div>
504
- </div>
505
- </div> <!-- /.card -->
506
- <div class="card">
507
- <div class="card-header border-0">
508
- <h3 class="card-title">Online Store Overview</h3>
509
- <div class="card-tools"> <a href="#" class="btn btn-sm btn-tool"> <i class="bi bi-download"></i> </a> <a href="#" class="btn btn-sm btn-tool"> <i class="bi bi-list"></i> </a> </div>
510
- </div>
511
- <div class="card-body">
512
- <div class="d-flex justify-content-between align-items-center border-bottom mb-3">
513
- <p class="text-success fs-2"> <svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
514
- <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 00-3.7-3.7 48.678 48.678 0 00-7.324 0 4.006 4.006 0 00-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3l-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 003.7 3.7 48.656 48.656 0 007.324 0 4.006 4.006 0 003.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3l-3 3"></path>
515
- </svg> </p>
516
- <p class="d-flex flex-column text-end"> <span class="fw-bold"> <i class="bi bi-graph-up-arrow text-success"></i> 12%
517
- </span> <span class="text-secondary">CONVERSION RATE</span> </p>
518
- </div> <!-- /.d-flex -->
519
- <div class="d-flex justify-content-between align-items-center border-bottom mb-3">
520
- <p class="text-info fs-2"> <svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
521
- <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"></path>
522
- </svg> </p>
523
- <p class="d-flex flex-column text-end"> <span class="fw-bold"> <i class="bi bi-graph-up-arrow text-info"></i> 0.8%
524
- </span> <span class="text-secondary">SALES RATE</span> </p>
525
- </div> <!-- /.d-flex -->
526
- <div class="d-flex justify-content-between align-items-center mb-0">
527
- <p class="text-danger fs-2"> <svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
528
- <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z"></path>
529
- </svg> </p>
530
- <p class="d-flex flex-column text-end"> <span class="fw-bold"> <i class="bi bi-graph-down-arrow text-danger"></i>
531
- 1%
532
- </span> <span class="text-secondary">REGISTRATION RATE</span> </p>
533
- </div> <!-- /.d-flex -->
534
- </div>
535
- </div>
536
- </div> <!-- /.col-md-6 -->
537
- </div> <!--end::Row-->
538
- </div> <!--end::Container-->
539
- </div> <!--end::App Content-->
540
- </main> <!--end::App Main--> <!--begin::Footer-->
541
- <footer class="app-footer"> <!--begin::To the end-->
542
- <div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
543
- Copyright &copy; 2014-2024&nbsp;
544
- <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
545
- </strong>
546
- All rights reserved.
547
- <!--end::Copyright-->
548
- </footer> <!--end::Footer-->
549
- </div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
550
- <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)-->
551
- <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)-->
552
- <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)-->
553
- <script src="../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
1005
+ <!--end::Row-->
1006
+ </div>
1007
+ <!--end::Container-->
1008
+ </div>
1009
+ <!--end::App Content-->
1010
+ </main>
1011
+ <!--end::App Main-->
1012
+ <!--begin::Footer-->
1013
+ <footer class="app-footer">
1014
+ <!--begin::To the end-->
1015
+ <div class="float-end d-none d-sm-inline">Anything you want</div>
1016
+ <!--end::To the end-->
1017
+ <!--begin::Copyright-->
1018
+ <strong>
1019
+ Copyright &copy; 2014-2024&nbsp;
1020
+ <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
1021
+ </strong>
1022
+ All rights reserved.
1023
+ <!--end::Copyright-->
1024
+ </footer>
1025
+ <!--end::Footer-->
1026
+ </div>
1027
+ <!--end::App Wrapper-->
1028
+ <!--begin::Script-->
1029
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
1030
+ <script
1031
+ src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
1032
+ integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
1033
+ crossorigin="anonymous"
1034
+ ></script>
1035
+ <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
1036
+ <script
1037
+ src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
1038
+ integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
1039
+ crossorigin="anonymous"
1040
+ ></script>
1041
+ <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
1042
+ <script
1043
+ src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
1044
+ integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
1045
+ crossorigin="anonymous"
1046
+ ></script>
1047
+ <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
1048
+ <script src="../../dist/js/adminlte.js"></script>
1049
+ <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
554
1050
  <script>
555
- const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
556
- const Default = {
557
- scrollbarTheme: "os-theme-light",
558
- scrollbarAutoHide: "leave",
559
- scrollbarClickScroll: true,
560
- };
561
- document.addEventListener("DOMContentLoaded", function() {
562
- const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
563
- if (
564
- sidebarWrapper &&
565
- typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== "undefined"
566
- ) {
567
- OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
568
- scrollbars: {
569
- theme: Default.scrollbarTheme,
570
- autoHide: Default.scrollbarAutoHide,
571
- clickScroll: Default.scrollbarClickScroll,
572
- },
573
- });
574
- }
575
- });
576
- </script> <!--end::OverlayScrollbars Configure--> <!-- OPTIONAL SCRIPTS --> <!-- apexcharts -->
577
- <script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
1051
+ const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
1052
+ const Default = {
1053
+ scrollbarTheme: 'os-theme-light',
1054
+ scrollbarAutoHide: 'leave',
1055
+ scrollbarClickScroll: true,
1056
+ };
1057
+ document.addEventListener('DOMContentLoaded', function () {
1058
+ const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
1059
+ if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
1060
+ OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
1061
+ scrollbars: {
1062
+ theme: Default.scrollbarTheme,
1063
+ autoHide: Default.scrollbarAutoHide,
1064
+ clickScroll: Default.scrollbarClickScroll,
1065
+ },
1066
+ });
1067
+ }
1068
+ });
1069
+ </script>
1070
+ <!--end::OverlayScrollbars Configure-->
1071
+ <!-- OPTIONAL SCRIPTS -->
1072
+ <!-- apexcharts -->
1073
+ <script
1074
+ src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js"
1075
+ integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8="
1076
+ crossorigin="anonymous"
1077
+ ></script>
578
1078
  <script>
579
- // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
580
- // IT'S ALL JUST JUNK FOR DEMO
581
- // ++++++++++++++++++++++++++++++++++++++++++
1079
+ // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
1080
+ // IT'S ALL JUST JUNK FOR DEMO
1081
+ // ++++++++++++++++++++++++++++++++++++++++++
582
1082
 
583
- const visitors_chart_options = {
584
- series: [{
585
- name: "High - 2023",
586
- data: [100, 120, 170, 167, 180, 177, 160],
587
- },
588
- {
589
- name: "Low - 2023",
590
- data: [60, 80, 70, 67, 80, 77, 100],
591
- },
592
- ],
593
- chart: {
594
- height: 200,
595
- type: "line",
596
- toolbar: {
597
- show: false,
598
- },
599
- },
600
- colors: ["#0d6efd", "#adb5bd"],
601
- stroke: {
602
- curve: "smooth",
603
- },
604
- grid: {
605
- borderColor: "#e7e7e7",
606
- row: {
607
- colors: ["#f3f3f3", "transparent"], // takes an array which will be repeated on columns
608
- opacity: 0.5,
609
- },
610
- },
611
- legend: {
612
- show: false,
613
- },
614
- markers: {
615
- size: 1,
616
- },
617
- xaxis: {
618
- categories: ["22th", "23th", "24th", "25th", "26th", "27th", "28th"],
619
- },
620
- };
1083
+ const visitors_chart_options = {
1084
+ series: [
1085
+ {
1086
+ name: 'High - 2023',
1087
+ data: [100, 120, 170, 167, 180, 177, 160],
1088
+ },
1089
+ {
1090
+ name: 'Low - 2023',
1091
+ data: [60, 80, 70, 67, 80, 77, 100],
1092
+ },
1093
+ ],
1094
+ chart: {
1095
+ height: 200,
1096
+ type: 'line',
1097
+ toolbar: {
1098
+ show: false,
1099
+ },
1100
+ },
1101
+ colors: ['#0d6efd', '#adb5bd'],
1102
+ stroke: {
1103
+ curve: 'smooth',
1104
+ },
1105
+ grid: {
1106
+ borderColor: '#e7e7e7',
1107
+ row: {
1108
+ colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
1109
+ opacity: 0.5,
1110
+ },
1111
+ },
1112
+ legend: {
1113
+ show: false,
1114
+ },
1115
+ markers: {
1116
+ size: 1,
1117
+ },
1118
+ xaxis: {
1119
+ categories: ['22th', '23th', '24th', '25th', '26th', '27th', '28th'],
1120
+ },
1121
+ };
621
1122
 
622
- const visitors_chart = new ApexCharts(
623
- document.querySelector("#visitors-chart"),
624
- visitors_chart_options
625
- );
626
- visitors_chart.render();
1123
+ const visitors_chart = new ApexCharts(
1124
+ document.querySelector('#visitors-chart'),
1125
+ visitors_chart_options,
1126
+ );
1127
+ visitors_chart.render();
627
1128
 
628
- const sales_chart_options = {
629
- series: [{
630
- name: "Net Profit",
631
- data: [44, 55, 57, 56, 61, 58, 63, 60, 66],
632
- },
633
- {
634
- name: "Revenue",
635
- data: [76, 85, 101, 98, 87, 105, 91, 114, 94],
636
- },
637
- {
638
- name: "Free Cash Flow",
639
- data: [35, 41, 36, 26, 45, 48, 52, 53, 41],
640
- },
641
- ],
642
- chart: {
643
- type: "bar",
644
- height: 200,
645
- },
646
- plotOptions: {
647
- bar: {
648
- horizontal: false,
649
- columnWidth: "55%",
650
- endingShape: "rounded",
651
- },
652
- },
653
- legend: {
654
- show: false,
655
- },
656
- colors: ["#0d6efd", "#20c997", "#ffc107"],
657
- dataLabels: {
658
- enabled: false,
659
- },
660
- stroke: {
661
- show: true,
662
- width: 2,
663
- colors: ["transparent"],
1129
+ const sales_chart_options = {
1130
+ series: [
1131
+ {
1132
+ name: 'Net Profit',
1133
+ data: [44, 55, 57, 56, 61, 58, 63, 60, 66],
1134
+ },
1135
+ {
1136
+ name: 'Revenue',
1137
+ data: [76, 85, 101, 98, 87, 105, 91, 114, 94],
1138
+ },
1139
+ {
1140
+ name: 'Free Cash Flow',
1141
+ data: [35, 41, 36, 26, 45, 48, 52, 53, 41],
1142
+ },
1143
+ ],
1144
+ chart: {
1145
+ type: 'bar',
1146
+ height: 200,
1147
+ },
1148
+ plotOptions: {
1149
+ bar: {
1150
+ horizontal: false,
1151
+ columnWidth: '55%',
1152
+ endingShape: 'rounded',
1153
+ },
1154
+ },
1155
+ legend: {
1156
+ show: false,
1157
+ },
1158
+ colors: ['#0d6efd', '#20c997', '#ffc107'],
1159
+ dataLabels: {
1160
+ enabled: false,
1161
+ },
1162
+ stroke: {
1163
+ show: true,
1164
+ width: 2,
1165
+ colors: ['transparent'],
1166
+ },
1167
+ xaxis: {
1168
+ categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
1169
+ },
1170
+ fill: {
1171
+ opacity: 1,
1172
+ },
1173
+ tooltip: {
1174
+ y: {
1175
+ formatter: function (val) {
1176
+ return '$ ' + val + ' thousands';
664
1177
  },
665
- xaxis: {
666
- categories: [
667
- "Feb",
668
- "Mar",
669
- "Apr",
670
- "May",
671
- "Jun",
672
- "Jul",
673
- "Aug",
674
- "Sep",
675
- "Oct",
676
- ],
677
- },
678
- fill: {
679
- opacity: 1,
680
- },
681
- tooltip: {
682
- y: {
683
- formatter: function(val) {
684
- return "$ " + val + " thousands";
685
- },
686
- },
687
- },
688
- };
689
-
690
- const sales_chart = new ApexCharts(
691
- document.querySelector("#sales-chart"),
692
- sales_chart_options
693
- );
694
- sales_chart.render();
695
- </script> <!--end::Script-->
696
- </body><!--end::Body-->
1178
+ },
1179
+ },
1180
+ };
697
1181
 
698
- </html>
1182
+ const sales_chart = new ApexCharts(
1183
+ document.querySelector('#sales-chart'),
1184
+ sales_chart_options,
1185
+ );
1186
+ sales_chart.render();
1187
+ </script>
1188
+ <!--end::Script-->
1189
+ </body>
1190
+ <!--end::Body-->
1191
+ </html>