admin-lte 4.0.0-alpha2 → 4.0.0-alpha3

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 (129) hide show
  1. package/.bundlewatch.config.json +6 -6
  2. package/.cache/.eslintcache +1 -1
  3. package/.cache/.stylelintcache +1 -1
  4. package/.gitpod.yml +1 -1
  5. package/.idea/AdminLTE.iml +4 -0
  6. package/.idea/codeStyles/Project.xml +24 -0
  7. package/.idea/dbnavigator.xml +421 -0
  8. package/.idea/git_toolbox_prj.xml +15 -0
  9. package/.idea/jsLibraryMappings.xml +6 -0
  10. package/.idea/jsLinters/eslint.xml +6 -0
  11. package/.idea/vcs.xml +6 -0
  12. package/README.md +3 -3
  13. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  14. package/dist/css/adminlte.css +695 -318
  15. package/dist/css/adminlte.css.map +1 -1
  16. package/dist/css/adminlte.min.css +1 -1
  17. package/dist/css/adminlte.min.css.map +1 -1
  18. package/dist/css/adminlte.rtl.css +693 -316
  19. package/dist/css/adminlte.rtl.css.map +1 -1
  20. package/dist/css/adminlte.rtl.min.css +1 -1
  21. package/dist/css/adminlte.rtl.min.css.map +1 -1
  22. package/dist/js/adminlte.js +43 -63
  23. package/dist/js/adminlte.js.map +1 -1
  24. package/dist/js/adminlte.min.js +2 -2
  25. package/dist/js/adminlte.min.js.map +1 -1
  26. package/dist/pages/UI/timeline.html +389 -218
  27. package/dist/pages/docs/browser-support.html +345 -204
  28. package/dist/pages/docs/color-mode.html +560 -348
  29. package/dist/pages/docs/components/main-header.html +579 -368
  30. package/dist/pages/docs/components/main-sidebar.html +858 -0
  31. package/dist/pages/docs/faq.html +743 -0
  32. package/dist/pages/docs/how-to-contribute.html +783 -0
  33. package/dist/pages/docs/introduction.html +767 -0
  34. package/dist/pages/docs/javascript/treeview.html +762 -0
  35. package/dist/pages/docs/layout.html +372 -201
  36. package/dist/pages/{docs.html → docs/license.html} +347 -218
  37. package/dist/pages/examples/lockscreen.html +107 -0
  38. package/dist/pages/examples/login-v2.html +148 -0
  39. package/dist/pages/examples/login.html +45 -40
  40. package/dist/pages/examples/register-v2.html +155 -0
  41. package/dist/pages/examples/register.html +46 -41
  42. package/dist/pages/forms/general.html +664 -202
  43. package/dist/pages/index.html +514 -285
  44. package/dist/pages/index2.html +665 -341
  45. package/dist/pages/index3.html +415 -254
  46. package/dist/pages/layout/collapsed-sidebar.html +766 -0
  47. package/dist/pages/layout/fixed-complete.html +867 -0
  48. package/dist/pages/layout/fixed-sidebar.html +344 -201
  49. package/dist/pages/layout/layout-rtl.html +344 -201
  50. package/dist/pages/layout/logo-switch.html +433 -0
  51. package/dist/pages/layout/sidebar-mini.html +345 -202
  52. package/dist/pages/layout/unfixed-sidebar.html +343 -201
  53. package/dist/pages/tables/simple.html +437 -233
  54. package/dist/pages/widgets/cards.html +389 -244
  55. package/dist/pages/widgets/info-box.html +398 -215
  56. package/dist/pages/widgets/small-box.html +349 -198
  57. package/index.html +6 -10
  58. package/package.json +27 -24
  59. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  60. package/src/config/astro.config.mjs +3 -1
  61. package/src/html/.prettierrc.js +11 -0
  62. package/src/html/components/_head.astro +42 -26
  63. package/src/html/components/_scripts.astro +38 -27
  64. package/src/html/components/dashboard/_footer.astro +14 -8
  65. package/src/html/components/dashboard/_sidenav.astro +343 -113
  66. package/src/html/components/dashboard/_topbar.astro +90 -49
  67. package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
  68. package/src/html/components/docs/color-mode.mdx +169 -0
  69. package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
  70. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  71. package/src/html/components/docs/faq.mdx +11 -0
  72. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  73. package/src/html/components/docs/{introduction/index.md → introduction.mdx} +27 -2
  74. package/src/html/components/docs/license.mdx +9 -0
  75. package/src/html/components/javascript/treeview.mdx +39 -0
  76. package/src/html/pages/UI/timeline.astro +111 -48
  77. package/src/html/pages/docs/browser-support.astro +24 -11
  78. package/src/html/pages/docs/color-mode.astro +89 -42
  79. package/src/html/pages/docs/components/main-header.astro +133 -46
  80. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  81. package/src/html/pages/docs/faq.astro +71 -0
  82. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  83. package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
  84. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  85. package/src/html/pages/docs/layout.astro +62 -19
  86. package/src/html/pages/docs/license.astro +71 -0
  87. package/src/html/pages/examples/lockscreen.astro +63 -0
  88. package/src/html/pages/examples/login-v2.astro +109 -0
  89. package/src/html/pages/examples/login.astro +34 -16
  90. package/src/html/pages/examples/register-v2.astro +116 -0
  91. package/src/html/pages/examples/register.astro +36 -18
  92. package/src/html/pages/forms/general.astro +567 -36
  93. package/src/html/pages/index.astro +389 -152
  94. package/src/html/pages/index2.astro +682 -250
  95. package/src/html/pages/index3.astro +290 -189
  96. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  97. package/src/html/pages/layout/fixed-complete.astro +209 -0
  98. package/src/html/pages/layout/fixed-sidebar.astro +52 -27
  99. package/src/html/pages/layout/layout-rtl.astro +53 -28
  100. package/src/html/pages/layout/logo-switch.astro +212 -0
  101. package/src/html/pages/layout/sidebar-mini.astro +53 -28
  102. package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
  103. package/src/html/pages/tables/simple.astro +206 -66
  104. package/src/html/pages/widgets/cards.astro +134 -69
  105. package/src/html/pages/widgets/info-box.astro +96 -41
  106. package/src/html/pages/widgets/small-box.astro +93 -32
  107. package/src/scss/_app-content.scss +52 -0
  108. package/src/scss/_app-footer.scss +1 -1
  109. package/src/scss/_app-main.scss +2 -5
  110. package/src/scss/_app-sidebar.scss +244 -70
  111. package/src/scss/_bootstrap-variables.scss +4 -4
  112. package/src/scss/_cards.scss +31 -7
  113. package/src/scss/_compact-mode.scss +79 -0
  114. package/src/scss/_small-box.scss +0 -3
  115. package/src/scss/_variables.scss +21 -4
  116. package/src/scss/mixins/_animations.scss +0 -5
  117. package/src/scss/pages/_lockscreen.scss +74 -0
  118. package/src/scss/pages/_login_and_register.scss +0 -3
  119. package/src/scss/parts/_core.scss +2 -0
  120. package/src/scss/parts/_pages.scss +1 -0
  121. package/src/ts/card-widget.ts +17 -50
  122. package/src/ts/direct-chat.ts +2 -2
  123. package/src/ts/layout.ts +2 -2
  124. package/src/ts/push-menu.ts +3 -20
  125. package/src/ts/treeview.ts +14 -8
  126. package/src/ts/util/index.ts +14 -12
  127. package/src/utils/index.js +20 -3
  128. package/src/html/components/docs/color-mode/navbar-html.md +0 -80
  129. package/src/html/components/docs/color-mode/toggle-script.md +0 -48
package/dist/pages/index2.html CHANGED
@@ -1,47 +1,49 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
+ <!--begin::Head-->
3
4
 
4
5
  <head>
5
6
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6
- <!-- Primary Meta Tags -->
7
7
  <title>AdminLTE | Dashboard v2</title>
8
+ <!--begin::Primary Meta Tags-->
8
9
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
10
  <meta name="title" content="AdminLTE | Dashboard v2">
10
11
  <meta name="author" content="ColorlibHQ">
11
12
  <meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
12
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">
13
-
14
- <!-- OPTIONAL LINKS -->
15
-
16
- <!-- Google Font: Source Sans Pro -->
14
+ <!--end::Primary Meta Tags-->
15
+ <!--begin::Fonts-->
17
16
  <link rel="preconnect" href="https://fonts.googleapis.com">
18
17
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
19
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">
20
-
21
- <!-- overlayscrollbars -->
19
+ <!--end::Fonts-->
20
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
22
21
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/styles/overlayscrollbars.min.css" integrity="sha256-LWLZPJ7X1jJLI5OG5695qDemW1qQ7lNdbTfQ64ylbUY=" crossorigin="anonymous">
23
-
24
- <!-- @fortawesome/fontawesome-free -->
25
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.3.0/css/all.min.css" integrity="sha256-/4UQcSmErDzPCMAiuOiWPVVsNN2s3ZY/NsmXNcj0IFc=" crossorigin="anonymous">
26
-
27
- <!-- REQUIRED LINKS -->
28
-
29
- <!-- Theme style -->
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)-->
30
27
  <link rel="stylesheet" href="../../dist/css/adminlte.css">
28
+ <!--end::Required Plugin(AdminLTE)-->
31
29
 
32
30
  <!-- apexcharts -->
33
31
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous">
34
32
  </head>
35
33
 
36
34
  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
35
+ <!--begin::App Wrapper-->
37
36
  <div class="app-wrapper">
38
- <!-- Navbar -->
37
+ <!--begin::Header-->
39
38
  <nav class="app-header navbar navbar-expand bg-body">
39
+ <!--begin::Container-->
40
40
  <div class="container-fluid">
41
- <!-- Start navbar links -->
41
+ <!--begin::Start Navbar Links-->
42
42
  <ul class="navbar-nav">
43
43
  <li class="nav-item">
44
- <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"><i class="fa-solid fa-bars"></i></a>
44
+ <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
45
+ <i class="bi bi-list"></i>
46
+ </a>
45
47
  </li>
46
48
  <li class="nav-item d-none d-md-block">
47
49
  <a href="#" class="nav-link">Home</a>
@@ -50,25 +52,27 @@
50
52
  <a href="#" class="nav-link">Contact</a>
51
53
  </li>
52
54
  </ul>
53
- <!-- End navbar links -->
55
+ <!--end::Start Navbar Links-->
54
56
 
57
+ <!--begin::End Navbar Links-->
55
58
  <ul class="navbar-nav ms-auto">
56
- <!-- Navbar Search -->
59
+ <!--begin::Navbar Search-->
57
60
  <li class="nav-item">
58
61
  <a class="nav-link" data-widget="navbar-search" href="#" role="button">
59
- <i class="fa-solid fa-search"></i>
62
+ <i class="bi bi-search"></i>
60
63
  </a>
61
64
  </li>
65
+ <!--end::Navbar Search-->
62
66
 
63
- <!-- Messages Dropdown Menu -->
67
+ <!--begin::Messages Dropdown Menu-->
64
68
  <li class="nav-item dropdown">
65
69
  <a class="nav-link" data-bs-toggle="dropdown" href="#">
66
- <i class="fa-regular fa-comments"></i>
70
+ <i class="bi bi-chat-text"></i>
67
71
  <span class="navbar-badge badge text-bg-danger">3</span>
68
72
  </a>
69
73
  <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
70
74
  <a href="#" class="dropdown-item">
71
- <!-- Message Start -->
75
+ <!--begin::Message-->
72
76
  <div class="d-flex">
73
77
  <div class="flex-shrink-0">
74
78
  <img src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
@@ -76,17 +80,19 @@
76
80
  <div class="flex-grow-1">
77
81
  <h3 class="dropdown-item-title">
78
82
  Brad Diesel
79
- <span class="float-end fs-7 text-danger"><i class="fa-solid fa-star"></i></span>
83
+ <span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
80
84
  </h3>
81
85
  <p class="fs-7">Call me whenever you can...</p>
82
- <p class="fs-7 text-secondary"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
86
+ <p class="fs-7 text-secondary">
87
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
88
+ </p>
83
89
  </div>
84
90
  </div>
85
- <!-- Message End -->
91
+ <!--end::Message-->
86
92
  </a>
87
93
  <div class="dropdown-divider"></div>
88
94
  <a href="#" class="dropdown-item">
89
- <!-- Message Start -->
95
+ <!--begin::Message-->
90
96
  <div class="d-flex">
91
97
  <div class="flex-shrink-0">
92
98
  <img src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
@@ -94,17 +100,21 @@
94
100
  <div class="flex-grow-1">
95
101
  <h3 class="dropdown-item-title">
96
102
  John Pierce
97
- <span class="float-end fs-7 text-secondary"><i class="fa-solid fa-star"></i></span>
103
+ <span class="float-end fs-7 text-secondary">
104
+ <i class="bi bi-star-fill"></i>
105
+ </span>
98
106
  </h3>
99
107
  <p class="fs-7">I got your message bro</p>
100
- <p class="fs-7 text-secondary"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
108
+ <p class="fs-7 text-secondary">
109
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
110
+ </p>
101
111
  </div>
102
112
  </div>
103
- <!-- Message End -->
113
+ <!--end::Message-->
104
114
  </a>
105
115
  <div class="dropdown-divider"></div>
106
116
  <a href="#" class="dropdown-item">
107
- <!-- Message Start -->
117
+ <!--begin::Message-->
108
118
  <div class="d-flex">
109
119
  <div class="flex-shrink-0">
110
120
  <img src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
@@ -112,52 +122,63 @@
112
122
  <div class="flex-grow-1">
113
123
  <h3 class="dropdown-item-title">
114
124
  Nora Silvester
115
- <span class="float-end fs-7 text-warning"><i class="fa-solid fa-star"></i></span>
125
+ <span class="float-end fs-7 text-warning">
126
+ <i class="bi bi-star-fill"></i>
127
+ </span>
116
128
  </h3>
117
129
  <p class="fs-7">The subject goes here</p>
118
- <p class="fs-7 text-secondary"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
130
+ <p class="fs-7 text-secondary">
131
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
132
+ </p>
119
133
  </div>
120
134
  </div>
121
- <!-- Message End -->
135
+ <!--end::Message-->
122
136
  </a>
123
137
  <div class="dropdown-divider"></div>
124
138
  <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
125
139
  </div>
126
140
  </li>
127
- <!-- Notifications Dropdown Menu -->
141
+ <!--end::Messages Dropdown Menu-->
142
+
143
+ <!--begin::Notifications Dropdown Menu-->
128
144
  <li class="nav-item dropdown">
129
145
  <a class="nav-link" data-bs-toggle="dropdown" href="#">
130
- <i class="fa-regular fa-bell"></i>
146
+ <i class="bi bi-bell-fill"></i>
131
147
  <span class="navbar-badge badge text-bg-warning">15</span>
132
148
  </a>
133
149
  <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
134
150
  <span class="dropdown-item dropdown-header">15 Notifications</span>
135
151
  <div class="dropdown-divider"></div>
136
152
  <a href="#" class="dropdown-item">
137
- <i class="fa-solid fa-envelope me-2"></i> 4 new messages
153
+ <i class="bi bi-envelope me-2"></i> 4 new messages
138
154
  <span class="float-end text-secondary fs-7">3 mins</span>
139
155
  </a>
140
156
  <div class="dropdown-divider"></div>
141
157
  <a href="#" class="dropdown-item">
142
- <i class="fa-solid fa-users me-2"></i> 8 friend requests
158
+ <i class="bi bi-people-fill me-2"></i> 8 friend requests
143
159
  <span class="float-end text-secondary fs-7">12 hours</span>
144
160
  </a>
145
161
  <div class="dropdown-divider"></div>
146
162
  <a href="#" class="dropdown-item">
147
- <i class="fa-solid fa-file me-2"></i> 3 new reports
163
+ <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
148
164
  <span class="float-end text-secondary fs-7">2 days</span>
149
165
  </a>
150
166
  <div class="dropdown-divider"></div>
151
- <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
167
+ <a href="#" class="dropdown-item dropdown-footer">
168
+ See All Notifications
169
+ </a>
152
170
  </div>
153
171
  </li>
172
+ <!--end::Notifications Dropdown Menu-->
173
+
174
+ <!--begin::User Menu Dropdown-->
154
175
  <li class="nav-item dropdown user-menu">
155
176
  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
156
177
  <img src="../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
157
178
  <span class="d-none d-md-inline">Alexander Pierce</span>
158
179
  </a>
159
180
  <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
160
- <!-- User image -->
181
+ <!--begin::User Image-->
161
182
  <li class="user-header text-bg-primary">
162
183
  <img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
163
184
 
@@ -166,8 +187,10 @@
166
187
  <small>Member since Nov. 2023</small>
167
188
  </p>
168
189
  </li>
169
- <!-- Menu Body -->
190
+ <!--end::User Image-->
191
+ <!--begin::Menu Body-->
170
192
  <li class="user-body">
193
+ <!--begin::Row-->
171
194
  <div class="row">
172
195
  <div class="col-4 text-center">
173
196
  <a href="#">Followers</a>
@@ -179,184 +202,203 @@
179
202
  <a href="#">Friends</a>
180
203
  </div>
181
204
  </div>
182
- <!-- /.row -->
205
+ <!--end::Row-->
183
206
  </li>
184
- <!-- Menu Footer-->
207
+ <!--end::Menu Body-->
208
+ <!--begin::Menu Footer-->
185
209
  <li class="user-footer">
186
210
  <a href="#" class="btn btn-default btn-flat">Profile</a>
187
211
  <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
188
212
  </li>
213
+ <!--end::Menu Footer-->
189
214
  </ul>
190
215
  </li>
191
- <!-- TODO tackel in v4.1 -->
192
- <!-- <li class="nav-item">
193
- <a class="nav-link" data-widget="fullscreen" href="#" role="button">
194
- <i class="fa-solid fa-expand-arrows-alt"></i>
195
- </a>
196
- </li>
197
- <li class="nav-item">
198
- <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
199
- <i class="fa-solid fa-th-large"></i>
200
- </a>
201
- </li> -->
216
+ <!--end::User Menu Dropdown-->
202
217
  </ul>
218
+ <!--end::End Navbar Links-->
203
219
  </div>
220
+ <!--end::Container-->
204
221
  </nav>
205
- <!-- /.navbar -->
206
- <!-- Sidebar Container -->
222
+ <!--end::Header-->
223
+ <!--begin::Sidebar-->
207
224
  <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
225
+ <!--begin::Sidebar Brand-->
208
226
  <div class="sidebar-brand">
209
- <a href="../index.html" class="brand-link">
227
+ <!--begin::Brand Link-->
228
+ <a href="./index.html" class="brand-link">
229
+ <!--begin::Brand Image-->
210
230
  <img src="../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
231
+ <!--end::Brand Image-->
232
+ <!--begin::Brand Text-->
211
233
  <span class="brand-text fw-light">AdminLTE 4</span>
234
+ <!--end::Brand Text-->
212
235
  </a>
236
+ <!--end::Brand Link-->
213
237
  </div>
214
- <!-- Sidebar -->
238
+ <!--end::Sidebar Brand-->
239
+ <!--begin::Sidebar Wrapper-->
215
240
  <div class="sidebar-wrapper">
216
241
  <nav class="mt-2">
217
- <!-- Sidebar Menu -->
242
+ <!--begin::Sidebar Menu-->
218
243
  <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
219
244
  <li class="nav-item menu-open">
220
- <a href="javascript:;" class="nav-link active">
221
- <i class="nav-icon fa-solid fa-gauge-high"></i>
245
+ <a href="#" class="nav-link active">
246
+ <i class="nav-icon bi bi-speedometer"></i>
222
247
  <p>
223
248
  Dashboard
224
- <i class="nav-arrow fa-solid fa-angle-right"></i>
249
+ <i class="nav-arrow bi bi-chevron-right"></i>
225
250
  </p>
226
251
  </a>
227
252
  <ul class="nav nav-treeview">
228
253
  <li class="nav-item">
229
- <a href="../index.html" class="nav-link">
230
- <i class="nav-icon fa-regular fa-circle"></i>
254
+ <a href="./index.html" class="nav-link">
255
+ <i class="nav-icon bi bi-circle"></i>
231
256
  <p>Dashboard v1</p>
232
257
  </a>
233
258
  </li>
234
259
  <li class="nav-item">
235
- <a href="../index2.html" class="nav-link active">
236
- <i class="nav-icon fa-regular fa-circle"></i>
260
+ <a href="./index2.html" class="nav-link active">
261
+ <i class="nav-icon bi bi-circle"></i>
237
262
  <p>Dashboard v2</p>
238
263
  </a>
239
264
  </li>
240
265
  <li class="nav-item">
241
- <a href="../index3.html" class="nav-link">
242
- <i class="nav-icon fa-regular fa-circle"></i>
266
+ <a href="./index3.html" class="nav-link">
267
+ <i class="nav-icon bi bi-circle"></i>
243
268
  <p>Dashboard v3</p>
244
269
  </a>
245
270
  </li>
246
271
  </ul>
247
272
  </li>
248
273
  <li class="nav-item">
249
- <a href="javascript:;" class="nav-link">
250
- <i class="nav-icon fa-solid fa-box-open"></i>
274
+ <a href="#" class="nav-link">
275
+ <i class="nav-icon bi bi-box-seam-fill"></i>
251
276
  <p>
252
277
  Widgets
253
- <i class="nav-arrow fa-solid fa-angle-right"></i>
278
+ <i class="nav-arrow bi bi-chevron-right"></i>
254
279
  </p>
255
280
  </a>
256
281
  <ul class="nav nav-treeview">
257
282
  <li class="nav-item">
258
- <a href="../widgets/small-box.html" class="nav-link">
259
- <i class="nav-icon fa-regular fa-circle"></i>
283
+ <a href="./widgets/small-box.html" class="nav-link">
284
+ <i class="nav-icon bi bi-circle"></i>
260
285
  <p>Small Box</p>
261
286
  </a>
262
287
  </li>
263
288
  <li class="nav-item">
264
- <a href="../widgets/info-box.html" class="nav-link">
265
- <i class="nav-icon fa-regular fa-circle"></i>
289
+ <a href="./widgets/info-box.html" class="nav-link">
290
+ <i class="nav-icon bi bi-circle"></i>
266
291
  <p>info Box</p>
267
292
  </a>
268
293
  </li>
269
294
  <li class="nav-item">
270
- <a href="../widgets/cards.html" class="nav-link">
271
- <i class="nav-icon fa-regular fa-circle"></i>
295
+ <a href="./widgets/cards.html" class="nav-link">
296
+ <i class="nav-icon bi bi-circle"></i>
272
297
  <p>Cards</p>
273
298
  </a>
274
299
  </li>
275
300
  </ul>
276
301
  </li>
277
-
278
302
  <li class="nav-item">
279
- <a href="javascript:;" class="nav-link">
280
- <i class="nav-icon fa-solid fa-copy"></i>
303
+ <a href="#" class="nav-link">
304
+ <i class="nav-icon bi bi-clipboard-fill"></i>
281
305
  <p>
282
306
  Layout Options
283
- <span class="nav-badge badge text-bg-secondary opacity-75 me-3">6</span>
284
- <i class="nav-arrow fa-solid fa-angle-right"></i>
307
+ <span class="nav-badge badge text-bg-secondary me-3">6</span>
308
+ <i class="nav-arrow bi bi-chevron-right"></i>
285
309
  </p>
286
310
  </a>
287
311
  <ul class="nav nav-treeview">
288
312
  <li class="nav-item">
289
- <a href="../layout/unfixed-sidebar.html" class="nav-link">
290
- <i class="nav-icon fa-regular fa-circle"></i>
291
- <p>Unfixed Sidebar</p>
313
+ <a href="./layout/unfixed-sidebar.html" class="nav-link">
314
+ <i class="nav-icon bi bi-circle"></i>
315
+ <p>Default Sidebar</p>
292
316
  </a>
293
317
  </li>
294
318
  <li class="nav-item">
295
- <a href="../layout/fixed-sidebar.html" class="nav-link">
296
- <i class="nav-icon fa-regular fa-circle"></i>
319
+ <a href="./layout/fixed-sidebar.html" class="nav-link">
320
+ <i class="nav-icon bi bi-circle"></i>
297
321
  <p>Fixed Sidebar</p>
298
322
  </a>
299
323
  </li>
300
324
  <li class="nav-item">
301
- <a href="../layout/sidebar-mini.html" class="nav-link">
302
- <i class="nav-icon fa-regular fa-circle"></i>
325
+ <a href="./layout/fixed-complete.html" class="nav-link">
326
+ <i class="nav-icon bi bi-circle"></i>
327
+ <p>Fixed Complete</p>
328
+ </a>
329
+ </li>
330
+ <li class="nav-item">
331
+ <a href="./layout/sidebar-mini.html" class="nav-link">
332
+ <i class="nav-icon bi bi-circle"></i>
303
333
  <p>Sidebar Mini</p>
304
334
  </a>
305
335
  </li>
306
336
  <li class="nav-item">
307
- <a href="../layout/layout-rtl.html" class="nav-link">
308
- <i class="nav-icon fa-regular fa-circle"></i>
337
+ <a href="./layout/collapsed-sidebar.html" class="nav-link">
338
+ <i class="nav-icon bi bi-circle"></i>
339
+ <p>Sidebar Mini <small>+ Collapsed</small></p>
340
+ </a>
341
+ </li>
342
+ <li class="nav-item">
343
+ <a href="./layout/logo-switch.html" class="nav-link">
344
+ <i class="nav-icon bi bi-circle"></i>
345
+ <p>Sidebar Mini <small>+ Logo Switch</small></p>
346
+ </a>
347
+ </li>
348
+ <li class="nav-item">
349
+ <a href="./layout/layout-rtl.html" class="nav-link">
350
+ <i class="nav-icon bi bi-circle"></i>
309
351
  <p>Layout RTL</p>
310
352
  </a>
311
353
  </li>
312
354
  </ul>
313
355
  </li>
314
356
  <li class="nav-item">
315
- <a href="javascript:;" class="nav-link">
316
- <i class="nav-icon fa-solid fa-tree"></i>
357
+ <a href="#" class="nav-link">
358
+ <i class="nav-icon bi bi-tree-fill"></i>
317
359
  <p>
318
360
  UI Elements
319
- <i class="nav-arrow fa-solid fa-angle-right"></i>
361
+ <i class="nav-arrow bi bi-chevron-right"></i>
320
362
  </p>
321
363
  </a>
322
364
  <ul class="nav nav-treeview">
323
365
  <li class="nav-item">
324
- <a href="../UI/timeline.html" class="nav-link">
325
- <i class="nav-icon fa-regular fa-circle"></i>
366
+ <a href="./UI/timeline.html" class="nav-link">
367
+ <i class="nav-icon bi bi-circle"></i>
326
368
  <p>Timeline</p>
327
369
  </a>
328
370
  </li>
329
371
  </ul>
330
372
  </li>
331
373
  <li class="nav-item">
332
- <a href="javascript:;" class="nav-link">
333
- <i class="nav-icon fa-solid fa-pen-to-square"></i>
374
+ <a href="#" class="nav-link">
375
+ <i class="nav-icon bi bi-pencil-square"></i>
334
376
  <p>
335
377
  Forms
336
- <i class="nav-arrow fa-solid fa-angle-right"></i>
378
+ <i class="nav-arrow bi bi-chevron-right"></i>
337
379
  </p>
338
380
  </a>
339
381
  <ul class="nav nav-treeview">
340
382
  <li class="nav-item">
341
- <a href="../forms/general.html" class="nav-link">
342
- <i class="nav-icon fa-regular fa-circle"></i>
383
+ <a href="./forms/general.html" class="nav-link">
384
+ <i class="nav-icon bi bi-circle"></i>
343
385
  <p>General Elements</p>
344
386
  </a>
345
387
  </li>
346
388
  </ul>
347
389
  </li>
348
390
  <li class="nav-item">
349
- <a href="javascript:;" class="nav-link">
350
- <i class="nav-icon fa-solid fa-table"></i>
391
+ <a href="#" class="nav-link">
392
+ <i class="nav-icon bi bi-table"></i>
351
393
  <p>
352
394
  Tables
353
- <i class="nav-arrow fa-solid fa-angle-right"></i>
395
+ <i class="nav-arrow bi bi-chevron-right"></i>
354
396
  </p>
355
397
  </a>
356
398
  <ul class="nav nav-treeview">
357
399
  <li class="nav-item">
358
- <a href="../tables/simple.html" class="nav-link">
359
- <i class="nav-icon fa-regular fa-circle"></i>
400
+ <a href="./tables/simple.html" class="nav-link">
401
+ <i class="nav-icon bi bi-circle"></i>
360
402
  <p>Simple Tables</p>
361
403
  </a>
362
404
  </li>
@@ -365,24 +407,64 @@
365
407
 
366
408
  <li class="nav-header">EXAMPLES</li>
367
409
  <li class="nav-item">
368
- <a href="javascript:;" class="nav-link">
369
- <i class="nav-icon fa-solid fa-arrow-right-to-bracket"></i>
410
+ <a href="#" class="nav-link">
411
+ <i class="nav-icon bi bi-box-arrow-in-right"></i>
370
412
  <p>
371
- Login & Register
372
- <i class="nav-arrow fa-solid fa-angle-right"></i>
413
+ Auth
414
+ <i class="nav-arrow bi bi-chevron-right"></i>
373
415
  </p>
374
416
  </a>
375
417
  <ul class="nav nav-treeview">
376
418
  <li class="nav-item">
377
- <a href="../examples/login.html" class="nav-link ">
378
- <i class="nav-icon fa-regular fa-circle"></i>
379
- <p>Login v1</p>
419
+ <a href="#" class="nav-link">
420
+ <i class="nav-icon bi bi-box-arrow-in-right"></i>
421
+ <p>
422
+ Version 1
423
+ <i class="nav-arrow bi bi-chevron-right"></i>
424
+ </p>
380
425
  </a>
426
+ <ul class="nav nav-treeview">
427
+ <li class="nav-item">
428
+ <a href="./examples/login.html" class="nav-link">
429
+ <i class="nav-icon bi bi-circle"></i>
430
+ <p>Login</p>
431
+ </a>
432
+ </li>
433
+ <li class="nav-item">
434
+ <a href="./examples/register.html" class="nav-link">
435
+ <i class="nav-icon bi bi-circle"></i>
436
+ <p>Register</p>
437
+ </a>
438
+ </li>
439
+ </ul>
381
440
  </li>
382
441
  <li class="nav-item">
383
- <a href="../examples/register.html" class="nav-link ">
384
- <i class="nav-icon fa-regular fa-circle"></i>
385
- <p>Register v1</p>
442
+ <a href="#" class="nav-link">
443
+ <i class="nav-icon bi bi-box-arrow-in-right"></i>
444
+ <p>
445
+ Version 2
446
+ <i class="nav-arrow bi bi-chevron-right"></i>
447
+ </p>
448
+ </a>
449
+ <ul class="nav nav-treeview">
450
+ <li class="nav-item">
451
+ <a href="./examples/login-v2.html" class="nav-link">
452
+ <i class="nav-icon bi bi-circle"></i>
453
+ <p>Login</p>
454
+ </a>
455
+ </li>
456
+ <li class="nav-item">
457
+ <a href="./examples/register-v2.html" class="nav-link">
458
+ <i class="nav-icon bi bi-circle"></i>
459
+ <p>Register</p>
460
+ </a>
461
+ </li>
462
+ </ul>
463
+ </li>
464
+ <li class="nav-item">
465
+ <a href="./examples/lockscreen.html" class="nav-link">
466
+ <i class="nav-icon bi bi-circle"></i>
467
+ <p>Lockscreen</p>
386
468
  </a>
387
469
  </li>
388
470
  </ul>
@@ -390,140 +472,187 @@
390
472
 
391
473
  <li class="nav-header">DOCUMENTATIONS</li>
392
474
  <li class="nav-item">
393
- <a href="../docs/index.html" class="nav-link">
394
- <i class="nav-icon fa-solid fa-download"></i>
475
+ <a href="./docs/introduction.html" class="nav-link">
476
+ <i class="nav-icon bi bi-download"></i>
395
477
  <p>Installation</p>
396
478
  </a>
397
479
  </li>
398
480
  <li class="nav-item">
399
- <a href="../docs/layout.html" class="nav-link">
400
- <i class="nav-icon fa-solid fa-grip"></i>
481
+ <a href="./docs/layout.html" class="nav-link">
482
+ <i class="nav-icon bi bi-grip-horizontal"></i>
401
483
  <p>Layout</p>
402
484
  </a>
403
485
  </li>
404
486
  <li class="nav-item">
405
- <a href="../docs/color-mode.html" class="nav-link">
406
- <i class="nav-icon fa-solid fa-star-half-stroke"></i>
487
+ <a href="./docs/color-mode.html" class="nav-link">
488
+ <i class="nav-icon bi bi-star-half"></i>
407
489
  <p>Color Mode</p>
408
490
  </a>
409
491
  </li>
410
492
  <li class="nav-item">
411
- <a href="javascript:;" class="nav-link">
412
- <i class="nav-icon fa-solid fa-swatchbook"></i>
493
+ <a href="#" class="nav-link">
494
+ <i class="nav-icon bi bi-ui-checks-grid"></i>
413
495
  <p>
414
496
  Components
415
- <i class="nav-arrow fa-solid fa-angle-right"></i>
497
+ <i class="nav-arrow bi bi-chevron-right"></i>
416
498
  </p>
417
499
  </a>
418
500
  <ul class="nav nav-treeview">
419
501
  <li class="nav-item">
420
- <a href="../docs/components/main-header.html" class="nav-link">
421
- <i class="nav-icon fa-regular fa-circle"></i>
502
+ <a href="./docs/components/main-header.html" class="nav-link">
503
+ <i class="nav-icon bi bi-circle"></i>
422
504
  <p>Main Header</p>
423
505
  </a>
424
506
  </li>
507
+ <li class="nav-item">
508
+ <a href="./docs/components/main-sidebar.html" class="nav-link">
509
+ <i class="nav-icon bi bi-circle"></i>
510
+ <p>Main Sidebar</p>
511
+ </a>
512
+ </li>
513
+ </ul>
514
+ </li>
515
+ <li class="nav-item">
516
+ <a href="#" class="nav-link">
517
+ <i class="nav-icon bi bi-filetype-js"></i>
518
+ <p>
519
+ Javascript
520
+ <i class="nav-arrow bi bi-chevron-right"></i>
521
+ </p>
522
+ </a>
523
+ <ul class="nav nav-treeview">
524
+ <li class="nav-item">
525
+ <a href="./docs/javascript/treeview.html" class="nav-link">
526
+ <i class="nav-icon bi bi-circle"></i>
527
+ <p>Treeview</p>
528
+ </a>
529
+ </li>
425
530
  </ul>
426
531
  </li>
427
532
  <li class="nav-item">
428
- <a href="../docs/browser-support.html" class="nav-link">
429
- <i class="nav-icon fa-solid fa-edge"></i>
533
+ <a href="./docs/browser-support.html" class="nav-link">
534
+ <i class="nav-icon bi bi-browser-edge"></i>
430
535
  <p>Browser Support</p>
431
536
  </a>
432
537
  </li>
538
+ <li class="nav-item">
539
+ <a href="./docs/how-to-contribute.html" class="nav-link">
540
+ <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
541
+ <p>How To Contribute</p>
542
+ </a>
543
+ </li>
544
+ <li class="nav-item">
545
+ <a href="./docs/faq.html" class="nav-link">
546
+ <i class="nav-icon bi bi-question-circle-fill"></i>
547
+ <p>FAQ</p>
548
+ </a>
549
+ </li>
550
+ <li class="nav-item">
551
+ <a href="./docs/license.html" class="nav-link">
552
+ <i class="nav-icon bi bi-patch-check-fill"></i>
553
+ <p>License</p>
554
+ </a>
555
+ </li>
433
556
 
434
557
  <li class="nav-header">MULTI LEVEL EXAMPLE</li>
435
558
  <li class="nav-item">
436
- <a href="javascript:;" class="nav-link">
437
- <i class="nav-icon fa-solid fa-circle"></i>
559
+ <a href="#" class="nav-link">
560
+ <i class="nav-icon bi bi-circle-fill"></i>
438
561
  <p>Level 1</p>
439
562
  </a>
440
563
  </li>
441
564
  <li class="nav-item">
442
- <a href="javascript:;" class="nav-link">
443
- <i class="nav-icon fa-solid fa-circle"></i>
565
+ <a href="#" class="nav-link">
566
+ <i class="nav-icon bi bi-circle-fill"></i>
444
567
  <p>
445
568
  Level 1
446
- <i class="nav-arrow fa-solid fa-angle-right"></i>
569
+ <i class="nav-arrow bi bi-chevron-right"></i>
447
570
  </p>
448
571
  </a>
449
572
  <ul class="nav nav-treeview">
450
573
  <li class="nav-item">
451
- <a href="javascript:;" class="nav-link">
452
- <i class="nav-icon fa-regular fa-circle"></i>
574
+ <a href="#" class="nav-link">
575
+ <i class="nav-icon bi bi-circle"></i>
453
576
  <p>Level 2</p>
454
577
  </a>
455
578
  </li>
456
579
  <li class="nav-item">
457
- <a href="javascript:;" class="nav-link">
458
- <i class="nav-icon fa-regular fa-circle"></i>
580
+ <a href="#" class="nav-link">
581
+ <i class="nav-icon bi bi-circle"></i>
459
582
  <p>
460
583
  Level 2
461
- <i class="nav-arrow fa-solid fa-angle-right"></i>
584
+ <i class="nav-arrow bi bi-chevron-right"></i>
462
585
  </p>
463
586
  </a>
464
587
  <ul class="nav nav-treeview">
465
588
  <li class="nav-item">
466
- <a href="javascript:;" class="nav-link">
467
- <i class="nav-icon fa-regular fa-dot-circle"></i>
589
+ <a href="#" class="nav-link">
590
+ <i class="nav-icon bi bi-record-circle-fill"></i>
468
591
  <p>Level 3</p>
469
592
  </a>
470
593
  </li>
471
594
  <li class="nav-item">
472
- <a href="javascript:;" class="nav-link">
473
- <i class="nav-icon fa-regular fa-dot-circle"></i>
595
+ <a href="#" class="nav-link">
596
+ <i class="nav-icon bi bi-record-circle-fill"></i>
474
597
  <p>Level 3</p>
475
598
  </a>
476
599
  </li>
477
600
  <li class="nav-item">
478
- <a href="javascript:;" class="nav-link">
479
- <i class="nav-icon fa-regular fa-dot-circle"></i>
601
+ <a href="#" class="nav-link">
602
+ <i class="nav-icon bi bi-record-circle-fill"></i>
480
603
  <p>Level 3</p>
481
604
  </a>
482
605
  </li>
483
606
  </ul>
484
607
  </li>
485
608
  <li class="nav-item">
486
- <a href="javascript:;" class="nav-link">
487
- <i class="nav-icon fa-regular fa-circle"></i>
609
+ <a href="#" class="nav-link">
610
+ <i class="nav-icon bi bi-circle"></i>
488
611
  <p>Level 2</p>
489
612
  </a>
490
613
  </li>
491
614
  </ul>
492
615
  </li>
493
616
  <li class="nav-item">
494
- <a href="javascript:;" class="nav-link">
495
- <i class="nav-icon fa-solid fa-circle"></i>
617
+ <a href="#" class="nav-link">
618
+ <i class="nav-icon bi bi-circle-fill"></i>
496
619
  <p>Level 1</p>
497
620
  </a>
498
621
  </li>
622
+
499
623
  <li class="nav-header">LABELS</li>
500
624
  <li class="nav-item">
501
- <a href="javascript:;" class="nav-link">
502
- <i class="nav-icon fa-regular fa-circle text-danger"></i>
625
+ <a href="#" class="nav-link">
626
+ <i class="nav-icon bi bi-circle text-danger"></i>
503
627
  <p class="text">Important</p>
504
628
  </a>
505
629
  </li>
506
630
  <li class="nav-item">
507
- <a href="javascript:;" class="nav-link">
508
- <i class="nav-icon fa-regular fa-circle text-warning"></i>
631
+ <a href="#" class="nav-link">
632
+ <i class="nav-icon bi bi-circle text-warning"></i>
509
633
  <p>Warning</p>
510
634
  </a>
511
635
  </li>
512
636
  <li class="nav-item">
513
- <a href="javascript:;" class="nav-link">
514
- <i class="nav-icon fa-regular fa-circle text-info"></i>
637
+ <a href="#" class="nav-link">
638
+ <i class="nav-icon bi bi-circle text-info"></i>
515
639
  <p>Informational</p>
516
640
  </a>
517
641
  </li>
518
642
  </ul>
643
+ <!--end::Sidebar Menu-->
519
644
  </nav>
520
645
  </div>
521
- <!-- /.sidebar -->
646
+ <!--end::Sidebar Wrapper-->
522
647
  </aside>
523
- <!-- Main content -->
648
+ <!--end::Sidebar-->
649
+ <!--begin::App Main-->
524
650
  <main class="app-main">
651
+ <!--begin::App Content Header-->
525
652
  <div class="app-content-header">
653
+ <!--begin::Container-->
526
654
  <div class="container-fluid">
655
+ <!--begin::Row-->
527
656
  <div class="row">
528
657
  <div class="col-sm-6">
529
658
  <h3 class="mb-0">Dashboard v2</h3>
@@ -531,19 +660,26 @@
531
660
  <div class="col-sm-6">
532
661
  <ol class="breadcrumb float-sm-end">
533
662
  <li class="breadcrumb-item"><a href="#">Home</a></li>
534
- <li class="breadcrumb-item active" aria-current="page">Dashboard v2</li>
663
+ <li class="breadcrumb-item active" aria-current="page">
664
+ Dashboard v2
665
+ </li>
535
666
  </ol>
536
667
  </div>
537
668
  </div>
669
+ <!--end::Row-->
538
670
  </div>
671
+ <!--end::Container-->
539
672
  </div>
540
673
  <div class="app-content">
674
+ <!--begin::Container-->
541
675
  <div class="container-fluid">
542
676
  <!-- Info boxes -->
543
677
  <div class="row">
544
678
  <div class="col-12 col-sm-6 col-md-3">
545
679
  <div class="info-box">
546
- <span class="info-box-icon text-bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
680
+ <span class="info-box-icon text-bg-primary shadow-sm">
681
+ <i class="bi bi-gear-fill"></i>
682
+ </span>
547
683
 
548
684
  <div class="info-box-content">
549
685
  <span class="info-box-text">CPU Traffic</span>
@@ -559,7 +695,9 @@
559
695
  <!-- /.col -->
560
696
  <div class="col-12 col-sm-6 col-md-3">
561
697
  <div class="info-box">
562
- <span class="info-box-icon text-bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
698
+ <span class="info-box-icon text-bg-danger shadow-sm">
699
+ <i class="bi bi-hand-thumbs-up-fill"></i>
700
+ </span>
563
701
 
564
702
  <div class="info-box-content">
565
703
  <span class="info-box-text">Likes</span>
@@ -576,7 +714,9 @@
576
714
 
577
715
  <div class="col-12 col-sm-6 col-md-3">
578
716
  <div class="info-box">
579
- <span class="info-box-icon text-bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
717
+ <span class="info-box-icon text-bg-success shadow-sm">
718
+ <i class="bi bi-cart-fill"></i>
719
+ </span>
580
720
 
581
721
  <div class="info-box-content">
582
722
  <span class="info-box-text">Sales</span>
@@ -589,7 +729,9 @@
589
729
  <!-- /.col -->
590
730
  <div class="col-12 col-sm-6 col-md-3">
591
731
  <div class="info-box">
592
- <span class="info-box-icon text-bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
732
+ <span class="info-box-icon text-bg-warning shadow-sm">
733
+ <i class="bi bi-people-fill"></i>
734
+ </span>
593
735
 
594
736
  <div class="info-box-content">
595
737
  <span class="info-box-text">New Members</span>
@@ -603,35 +745,40 @@
603
745
  </div>
604
746
  <!-- /.row -->
605
747
 
748
+ <!--begin::Row-->
606
749
  <div class="row">
607
750
  <div class="col-md-12">
608
- <div class="card">
751
+ <div class="card mb-4">
609
752
  <div class="card-header">
610
753
  <h5 class="card-title">Monthly Recap Report</h5>
611
754
 
612
755
  <div class="card-tools">
613
756
  <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
614
- <i class="fa-solid fa-minus"></i>
757
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
758
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
615
759
  </button>
616
760
  <div class="btn-group">
617
761
  <button type="button" class="btn btn-tool dropdown-toggle" data-bs-toggle="dropdown">
618
- <i class="fa-solid fa-wrench"></i>
762
+ <i class="bi bi-wrench"></i>
619
763
  </button>
620
764
  <div class="dropdown-menu dropdown-menu-end" role="menu">
621
765
  <a href="#" class="dropdown-item">Action</a>
622
766
  <a href="#" class="dropdown-item">Another action</a>
623
- <a href="#" class="dropdown-item">Something else here</a>
767
+ <a href="#" class="dropdown-item">
768
+ Something else here
769
+ </a>
624
770
  <a class="dropdown-divider"></a>
625
771
  <a href="#" class="dropdown-item">Separated link</a>
626
772
  </div>
627
773
  </div>
628
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
629
- <i class="fa-solid fa-times"></i>
774
+ <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
775
+ <i class="bi bi-x-lg"></i>
630
776
  </button>
631
777
  </div>
632
778
  </div>
633
779
  <!-- /.card-header -->
634
780
  <div class="card-body">
781
+ <!--begin::Row-->
635
782
  <div class="row">
636
783
  <div class="col-md-8">
637
784
  <p class="text-center">
@@ -650,7 +797,8 @@
650
797
  Add Products to Cart
651
798
  <span class="float-end"><b>160</b>/200</span>
652
799
  <div class="progress progress-sm">
653
- <div class="progress-bar text-bg-primary" style="width: 80%"></div>
800
+ <div class="progress-bar text-bg-primary" style="width: 80%">
801
+ </div>
654
802
  </div>
655
803
  </div>
656
804
  <!-- /.progress-group -->
@@ -659,7 +807,8 @@
659
807
  Complete Purchase
660
808
  <span class="float-end"><b>310</b>/400</span>
661
809
  <div class="progress progress-sm">
662
- <div class="progress-bar text-bg-danger" style="width: 75%"></div>
810
+ <div class="progress-bar text-bg-danger" style="width: 75%">
811
+ </div>
663
812
  </div>
664
813
  </div>
665
814
 
@@ -668,7 +817,8 @@
668
817
  <span class="progress-text">Visit Premium Page</span>
669
818
  <span class="float-end"><b>480</b>/800</span>
670
819
  <div class="progress progress-sm">
671
- <div class="progress-bar text-bg-success" style="width: 60%"></div>
820
+ <div class="progress-bar text-bg-success" style="width: 60%">
821
+ </div>
672
822
  </div>
673
823
  </div>
674
824
 
@@ -677,56 +827,62 @@
677
827
  Send Inquiries
678
828
  <span class="float-end"><b>250</b>/500</span>
679
829
  <div class="progress progress-sm">
680
- <div class="progress-bar text-bg-warning" style="width: 50%"></div>
830
+ <div class="progress-bar text-bg-warning" style="width: 50%">
831
+ </div>
681
832
  </div>
682
833
  </div>
683
834
  <!-- /.progress-group -->
684
835
  </div>
685
836
  <!-- /.col -->
686
837
  </div>
687
- <!-- /.row -->
838
+ <!--end::Row-->
688
839
  </div>
689
840
  <!-- ./card-body -->
690
841
  <div class="card-footer">
842
+ <!--begin::Row-->
691
843
  <div class="row">
692
844
  <div class="col-md-3 col-6">
693
845
  <div class="text-center border-end">
694
- <span class="text-success"><i class="fa-solid fa-caret-up"></i> 17%</span>
846
+ <span class="text-success">
847
+ <i class="bi bi-caret-up-fill"></i> 17%
848
+ </span>
695
849
  <h5 class="fw-bold mb-0">$35,210.43</h5>
696
850
  <span class="text-uppercase">TOTAL REVENUE</span>
697
851
  </div>
698
-
699
852
  </div>
700
853
 
701
854
  <!-- /.col -->
702
855
  <div class="col-md-3 col-6">
703
856
  <div class="text-center border-end">
704
- <span class="text-info"><i class="fa-solid fa-caret-left"></i> 0%</span>
857
+ <span class="text-info">
858
+ <i class="bi bi-caret-left-fill"></i> 0%
859
+ </span>
705
860
  <h5 class="fw-bold mb-0">$10,390.90</h5>
706
861
  <span class="text-uppercase">TOTAL COST</span>
707
862
  </div>
708
-
709
863
  </div>
710
864
  <!-- /.col -->
711
865
  <div class="col-md-3 col-6">
712
866
  <div class="text-center border-end">
713
- <span class="text-success"><i class="fa-solid fa-caret-up"></i> 20%</span>
867
+ <span class="text-success">
868
+ <i class="bi bi-caret-up-fill"></i> 20%
869
+ </span>
714
870
  <h5 class="fw-bold mb-0">$24,813.53</h5>
715
871
  <span class="text-uppercase">TOTAL PROFIT</span>
716
872
  </div>
717
-
718
873
  </div>
719
874
  <!-- /.col -->
720
875
  <div class="col-md-3 col-6">
721
876
  <div class="text-center">
722
- <span class="text-danger"><i class="fa-solid fa-caret-down"></i> 18%</span>
877
+ <span class="text-danger">
878
+ <i class="bi bi-caret-down-fill"></i> 18%
879
+ </span>
723
880
  <h5 class="fw-bold mb-0">1200</h5>
724
881
  <span class="text-uppercase">GOAL COMPLETIONS</span>
725
882
  </div>
726
-
727
883
  </div>
728
884
  </div>
729
- <!-- /.row -->
885
+ <!--end::Row-->
730
886
  </div>
731
887
  <!-- /.card-footer -->
732
888
  </div>
@@ -734,12 +890,13 @@
734
890
  </div>
735
891
  <!-- /.col -->
736
892
  </div>
737
- <!-- /.row -->
893
+ <!--end::Row-->
738
894
 
739
- <!-- Main row -->
895
+ <!--begin::Row-->
740
896
  <div class="row">
741
897
  <!-- Start col -->
742
898
  <div class="col-md-8">
899
+ <!--begin::Row-->
743
900
  <div class="row">
744
901
  <div class="col-md-6">
745
902
  <!-- DIRECT CHAT -->
@@ -748,15 +905,18 @@
748
905
  <h3 class="card-title">Direct Chat</h3>
749
906
 
750
907
  <div class="card-tools">
751
- <span title="3 New Messages" class="badge text-bg-warning">3</span>
908
+ <span title="3 New Messages" class="badge text-bg-warning">
909
+ 3
910
+ </span>
752
911
  <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
753
- <i class="fa-solid fa-minus"></i>
912
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
913
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
754
914
  </button>
755
915
  <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
756
- <i class="fa-solid fa-comments"></i>
916
+ <i class="bi bi-chat-text-fill"></i>
757
917
  </button>
758
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
759
- <i class="fa-solid fa-times"></i>
918
+ <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
919
+ <i class="bi bi-x-lg"></i>
760
920
  </button>
761
921
  </div>
762
922
  </div>
@@ -767,14 +927,19 @@
767
927
  <!-- Message. Default to the start -->
768
928
  <div class="direct-chat-msg">
769
929
  <div class="direct-chat-infos clearfix">
770
- <span class="direct-chat-name float-start">Alexander Pierce</span>
771
- <span class="direct-chat-timestamp float-end">23 Jan 2:00 pm</span>
930
+ <span class="direct-chat-name float-start">
931
+ Alexander Pierce
932
+ </span>
933
+ <span class="direct-chat-timestamp float-end">
934
+ 23 Jan 2:00 pm
935
+ </span>
772
936
  </div>
773
937
  <!-- /.direct-chat-infos -->
774
938
  <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
775
939
  <!-- /.direct-chat-img -->
776
940
  <div class="direct-chat-text">
777
- Is this template really for free? That's unbelievable!
941
+ Is this template really for free? That's
942
+ unbelievable!
778
943
  </div>
779
944
  <!-- /.direct-chat-text -->
780
945
  </div>
@@ -783,8 +948,12 @@
783
948
  <!-- Message to the end -->
784
949
  <div class="direct-chat-msg end">
785
950
  <div class="direct-chat-infos clearfix">
786
- <span class="direct-chat-name float-end">Sarah Bullock</span>
787
- <span class="direct-chat-timestamp float-start">23 Jan 2:05 pm</span>
951
+ <span class="direct-chat-name float-end">
952
+ Sarah Bullock
953
+ </span>
954
+ <span class="direct-chat-timestamp float-start">
955
+ 23 Jan 2:05 pm
956
+ </span>
788
957
  </div>
789
958
  <!-- /.direct-chat-infos -->
790
959
  <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image">
@@ -799,14 +968,19 @@
799
968
  <!-- Message. Default to the start -->
800
969
  <div class="direct-chat-msg">
801
970
  <div class="direct-chat-infos clearfix">
802
- <span class="direct-chat-name float-start">Alexander Pierce</span>
803
- <span class="direct-chat-timestamp float-end">23 Jan 5:37 pm</span>
971
+ <span class="direct-chat-name float-start">
972
+ Alexander Pierce
973
+ </span>
974
+ <span class="direct-chat-timestamp float-end">
975
+ 23 Jan 5:37 pm
976
+ </span>
804
977
  </div>
805
978
  <!-- /.direct-chat-infos -->
806
979
  <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
807
980
  <!-- /.direct-chat-img -->
808
981
  <div class="direct-chat-text">
809
- Working with AdminLTE on a great new app! Wanna join?
982
+ Working with AdminLTE on a great new app! Wanna
983
+ join?
810
984
  </div>
811
985
  <!-- /.direct-chat-text -->
812
986
  </div>
@@ -815,19 +989,20 @@
815
989
  <!-- Message to the end -->
816
990
  <div class="direct-chat-msg end">
817
991
  <div class="direct-chat-infos clearfix">
818
- <span class="direct-chat-name float-end">Sarah Bullock</span>
819
- <span class="direct-chat-timestamp float-start">23 Jan 6:10 pm</span>
992
+ <span class="direct-chat-name float-end">
993
+ Sarah Bullock
994
+ </span>
995
+ <span class="direct-chat-timestamp float-start">
996
+ 23 Jan 6:10 pm
997
+ </span>
820
998
  </div>
821
999
  <!-- /.direct-chat-infos -->
822
1000
  <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image">
823
1001
  <!-- /.direct-chat-img -->
824
- <div class="direct-chat-text">
825
- I would love to.
826
- </div>
1002
+ <div class="direct-chat-text">I would love to.</div>
827
1003
  <!-- /.direct-chat-text -->
828
1004
  </div>
829
1005
  <!-- /.direct-chat-msg -->
830
-
831
1006
  </div>
832
1007
  <!-- /.direct-chat-messages-->
833
1008
 
@@ -841,9 +1016,13 @@
841
1016
  <div class="contacts-list-info">
842
1017
  <span class="contacts-list-name">
843
1018
  Count Dracula
844
- <small class="contacts-list-date float-end">2/28/2023</small>
1019
+ <small class="contacts-list-date float-end">
1020
+ 2/28/2023
1021
+ </small>
1022
+ </span>
1023
+ <span class="contacts-list-msg">
1024
+ How have you been? I was...
845
1025
  </span>
846
- <span class="contacts-list-msg">How have you been? I was...</span>
847
1026
  </div>
848
1027
  <!-- /.contacts-list-info -->
849
1028
  </a>
@@ -856,9 +1035,13 @@
856
1035
  <div class="contacts-list-info">
857
1036
  <span class="contacts-list-name">
858
1037
  Sarah Doe
859
- <small class="contacts-list-date float-end">2/23/2023</small>
1038
+ <small class="contacts-list-date float-end">
1039
+ 2/23/2023
1040
+ </small>
1041
+ </span>
1042
+ <span class="contacts-list-msg">
1043
+ I will be waiting for...
860
1044
  </span>
861
- <span class="contacts-list-msg">I will be waiting for...</span>
862
1045
  </div>
863
1046
  <!-- /.contacts-list-info -->
864
1047
  </a>
@@ -871,9 +1054,13 @@
871
1054
  <div class="contacts-list-info">
872
1055
  <span class="contacts-list-name">
873
1056
  Nadia Jolie
874
- <small class="contacts-list-date float-end">2/20/2023</small>
1057
+ <small class="contacts-list-date float-end">
1058
+ 2/20/2023
1059
+ </small>
1060
+ </span>
1061
+ <span class="contacts-list-msg">
1062
+ I'll call you back at...
875
1063
  </span>
876
- <span class="contacts-list-msg">I'll call you back at...</span>
877
1064
  </div>
878
1065
  <!-- /.contacts-list-info -->
879
1066
  </a>
@@ -886,9 +1073,13 @@
886
1073
  <div class="contacts-list-info">
887
1074
  <span class="contacts-list-name">
888
1075
  Nora S. Vans
889
- <small class="contacts-list-date float-end">2/10/2023</small>
1076
+ <small class="contacts-list-date float-end">
1077
+ 2/10/2023
1078
+ </small>
1079
+ </span>
1080
+ <span class="contacts-list-msg">
1081
+ Where is your new...
890
1082
  </span>
891
- <span class="contacts-list-msg">Where is your new...</span>
892
1083
  </div>
893
1084
  <!-- /.contacts-list-info -->
894
1085
  </a>
@@ -901,9 +1092,13 @@
901
1092
  <div class="contacts-list-info">
902
1093
  <span class="contacts-list-name">
903
1094
  John K.
904
- <small class="contacts-list-date float-end">1/27/2023</small>
1095
+ <small class="contacts-list-date float-end">
1096
+ 1/27/2023
1097
+ </small>
1098
+ </span>
1099
+ <span class="contacts-list-msg">
1100
+ Can I take a look at...
905
1101
  </span>
906
- <span class="contacts-list-msg">Can I take a look at...</span>
907
1102
  </div>
908
1103
  <!-- /.contacts-list-info -->
909
1104
  </a>
@@ -916,9 +1111,13 @@
916
1111
  <div class="contacts-list-info">
917
1112
  <span class="contacts-list-name">
918
1113
  Kenneth M.
919
- <small class="contacts-list-date float-end">1/4/2023</small>
1114
+ <small class="contacts-list-date float-end">
1115
+ 1/4/2023
1116
+ </small>
1117
+ </span>
1118
+ <span class="contacts-list-msg">
1119
+ Never mind I found...
920
1120
  </span>
921
- <span class="contacts-list-msg">Never mind I found...</span>
922
1121
  </div>
923
1122
  <!-- /.contacts-list-info -->
924
1123
  </a>
@@ -935,7 +1134,9 @@
935
1134
  <div class="input-group">
936
1135
  <input type="text" name="message" placeholder="Type Message ..." class="form-control">
937
1136
  <span class="input-group-append">
938
- <button type="button" class="btn btn-warning">Send</button>
1137
+ <button type="button" class="btn btn-warning">
1138
+ Send
1139
+ </button>
939
1140
  </span>
940
1141
  </div>
941
1142
  </form>
@@ -948,17 +1149,20 @@
948
1149
 
949
1150
  <div class="col-md-6">
950
1151
  <!-- USERS LIST -->
951
- <div class="card">
1152
+ <div class="card mb-4">
952
1153
  <div class="card-header">
953
1154
  <h3 class="card-title">Latest Members</h3>
954
1155
 
955
1156
  <div class="card-tools">
956
- <span class="badge text-bg-danger">8 New Members</span>
1157
+ <span class="badge text-bg-danger">
1158
+ 8 New Members
1159
+ </span>
957
1160
  <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
958
- <i class="fa-solid fa-minus"></i>
1161
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
1162
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
959
1163
  </button>
960
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
961
- <i class="fa-solid fa-times"></i>
1164
+ <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
1165
+ <i class="bi bi-x-lg"></i>
962
1166
  </button>
963
1167
  </div>
964
1168
  </div>
@@ -967,42 +1171,58 @@
967
1171
  <div class="row text-center m-1">
968
1172
  <div class="col-3 p-2">
969
1173
  <img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image">
970
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Alexander Pierce</a>
1174
+ <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1175
+ Alexander Pierce
1176
+ </a>
971
1177
  <div class="fs-8">Today</div>
972
1178
  </div>
973
1179
  <div class="col-3 p-2">
974
1180
  <img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image">
975
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Norman</a>
1181
+ <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1182
+ Norman
1183
+ </a>
976
1184
  <div class="fs-8">Yesterday</div>
977
1185
  </div>
978
1186
  <div class="col-3 p-2">
979
1187
  <img class="img-fluid rounded-circle" src="../../dist/assets/img/user7-128x128.jpg" alt="User Image">
980
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Jane</a>
1188
+ <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1189
+ Jane
1190
+ </a>
981
1191
  <div class="fs-8">12 Jan</div>
982
1192
  </div>
983
1193
  <div class="col-3 p-2">
984
1194
  <img class="img-fluid rounded-circle" src="../../dist/assets/img/user6-128x128.jpg" alt="User Image">
985
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">John</a>
1195
+ <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1196
+ John
1197
+ </a>
986
1198
  <div class="fs-8">12 Jan</div>
987
1199
  </div>
988
1200
  <div class="col-3 p-2">
989
1201
  <img class="img-fluid rounded-circle" src="../../dist/assets/img/user2-160x160.jpg" alt="User Image">
990
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Alexander</a>
1202
+ <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1203
+ Alexander
1204
+ </a>
991
1205
  <div class="fs-8">13 Jan</div>
992
1206
  </div>
993
1207
  <div class="col-3 p-2">
994
1208
  <img class="img-fluid rounded-circle" src="../../dist/assets/img/user5-128x128.jpg" alt="User Image">
995
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Sarah</a>
1209
+ <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1210
+ Sarah
1211
+ </a>
996
1212
  <div class="fs-8">14 Jan</div>
997
1213
  </div>
998
1214
  <div class="col-3 p-2">
999
1215
  <img class="img-fluid rounded-circle" src="../../dist/assets/img/user4-128x128.jpg" alt="User Image">
1000
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Nora</a>
1216
+ <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1217
+ Nora
1218
+ </a>
1001
1219
  <div class="fs-8">15 Jan</div>
1002
1220
  </div>
1003
1221
  <div class="col-3 p-2">
1004
1222
  <img class="img-fluid rounded-circle" src="../../dist/assets/img/user3-128x128.jpg" alt="User Image">
1005
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Nadia</a>
1223
+ <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1224
+ Nadia
1225
+ </a>
1006
1226
  <div class="fs-8">15 Jan</div>
1007
1227
  </div>
1008
1228
  </div>
@@ -1018,7 +1238,7 @@
1018
1238
  </div>
1019
1239
  <!-- /.col -->
1020
1240
  </div>
1021
- <!-- /.row -->
1241
+ <!--end::Row-->
1022
1242
 
1023
1243
  <!-- TABLE: LATEST ORDERS -->
1024
1244
  <div class="card">
@@ -1027,10 +1247,11 @@
1027
1247
 
1028
1248
  <div class="card-tools">
1029
1249
  <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
1030
- <i class="fa-solid fa-minus"></i>
1250
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
1251
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
1031
1252
  </button>
1032
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
1033
- <i class="fa-solid fa-times"></i>
1253
+ <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
1254
+ <i class="bi bi-x-lg"></i>
1034
1255
  </button>
1035
1256
  </div>
1036
1257
  </div>
@@ -1048,59 +1269,107 @@
1048
1269
  </thead>
1049
1270
  <tbody>
1050
1271
  <tr>
1051
- <td><a href="pages/examples/invoice.html">OR9842</a></td>
1272
+ <td>
1273
+ <a href="pages/examples/invoice.html">OR9842</a>
1274
+ </td>
1052
1275
  <td>Call of Duty IV</td>
1053
- <td><span class="badge text-bg-success">Shipped</span></td>
1054
1276
  <td>
1055
- <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
1277
+ <span class="badge text-bg-success">
1278
+ Shipped
1279
+ </span>
1280
+ </td>
1281
+ <td>
1282
+ <div class="sparkbar" data-color="#00a65a" data-height="20">
1283
+ 90,80,90,-70,61,-83,63
1284
+ </div>
1056
1285
  </td>
1057
1286
  </tr>
1058
1287
  <tr>
1059
- <td><a href="pages/examples/invoice.html">OR1848</a></td>
1288
+ <td>
1289
+ <a href="pages/examples/invoice.html">OR1848</a>
1290
+ </td>
1060
1291
  <td>Samsung Smart TV</td>
1061
- <td><span class="badge text-bg-warning">Pending</span></td>
1062
1292
  <td>
1063
- <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
1293
+ <span class="badge text-bg-warning">Pending</span>
1294
+ </td>
1295
+ <td>
1296
+ <div class="sparkbar" data-color="#f39c12" data-height="20">
1297
+ 90,80,-90,70,61,-83,68
1298
+ </div>
1064
1299
  </td>
1065
1300
  </tr>
1066
1301
  <tr>
1067
- <td><a href="pages/examples/invoice.html">OR7429</a></td>
1302
+ <td>
1303
+ <a href="pages/examples/invoice.html">OR7429</a>
1304
+ </td>
1068
1305
  <td>iPhone 6 Plus</td>
1069
- <td><span class="badge text-bg-danger">Delivered</span></td>
1070
1306
  <td>
1071
- <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
1307
+ <span class="badge text-bg-danger">
1308
+ Delivered
1309
+ </span>
1310
+ </td>
1311
+ <td>
1312
+ <div class="sparkbar" data-color="#f56954" data-height="20">
1313
+ 90,-80,90,70,-61,83,63
1314
+ </div>
1072
1315
  </td>
1073
1316
  </tr>
1074
1317
  <tr>
1075
- <td><a href="pages/examples/invoice.html">OR7429</a></td>
1318
+ <td>
1319
+ <a href="pages/examples/invoice.html">OR7429</a>
1320
+ </td>
1076
1321
  <td>Samsung Smart TV</td>
1077
- <td><span class="badge text-bg-info">Processing</span></td>
1078
1322
  <td>
1079
- <div class="sparkbar" data-color="#00c0ef" data-height="20">90,80,-90,70,-61,83,63</div>
1323
+ <span class="badge text-bg-info">Processing</span>
1324
+ </td>
1325
+ <td>
1326
+ <div class="sparkbar" data-color="#00c0ef" data-height="20">
1327
+ 90,80,-90,70,-61,83,63
1328
+ </div>
1080
1329
  </td>
1081
1330
  </tr>
1082
1331
  <tr>
1083
- <td><a href="pages/examples/invoice.html">OR1848</a></td>
1332
+ <td>
1333
+ <a href="pages/examples/invoice.html">OR1848</a>
1334
+ </td>
1084
1335
  <td>Samsung Smart TV</td>
1085
- <td><span class="badge text-bg-warning">Pending</span></td>
1086
1336
  <td>
1087
- <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
1337
+ <span class="badge text-bg-warning">Pending</span>
1338
+ </td>
1339
+ <td>
1340
+ <div class="sparkbar" data-color="#f39c12" data-height="20">
1341
+ 90,80,-90,70,61,-83,68
1342
+ </div>
1088
1343
  </td>
1089
1344
  </tr>
1090
1345
  <tr>
1091
- <td><a href="pages/examples/invoice.html">OR7429</a></td>
1346
+ <td>
1347
+ <a href="pages/examples/invoice.html">OR7429</a>
1348
+ </td>
1092
1349
  <td>iPhone 6 Plus</td>
1093
- <td><span class="badge text-bg-danger">Delivered</span></td>
1094
1350
  <td>
1095
- <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
1351
+ <span class="badge text-bg-danger">
1352
+ Delivered
1353
+ </span>
1354
+ </td>
1355
+ <td>
1356
+ <div class="sparkbar" data-color="#f56954" data-height="20">
1357
+ 90,-80,90,70,-61,83,63
1358
+ </div>
1096
1359
  </td>
1097
1360
  </tr>
1098
1361
  <tr>
1099
- <td><a href="pages/examples/invoice.html">OR9842</a></td>
1362
+ <td>
1363
+ <a href="pages/examples/invoice.html">OR9842</a>
1364
+ </td>
1100
1365
  <td>Call of Duty IV</td>
1101
- <td><span class="badge text-bg-success">Shipped</span></td>
1102
1366
  <td>
1103
- <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
1367
+ <span class="badge text-bg-success">Shipped</span>
1368
+ </td>
1369
+ <td>
1370
+ <div class="sparkbar" data-color="#00a65a" data-height="20">
1371
+ 90,80,90,-70,61,-83,63
1372
+ </div>
1104
1373
  </td>
1105
1374
  </tr>
1106
1375
  </tbody>
@@ -1110,8 +1379,12 @@
1110
1379
  </div>
1111
1380
  <!-- /.card-body -->
1112
1381
  <div class="card-footer clearfix">
1113
- <a href="javascript:void(0)" class="btn btn-sm btn-primary float-start">Place New Order</a>
1114
- <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-end">View All Orders</a>
1382
+ <a href="javascript:void(0)" class="btn btn-sm btn-primary float-start">
1383
+ Place New Order
1384
+ </a>
1385
+ <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-end">
1386
+ View All Orders
1387
+ </a>
1115
1388
  </div>
1116
1389
  <!-- /.card-footer -->
1117
1390
  </div>
@@ -1122,7 +1395,9 @@
1122
1395
  <div class="col-md-4">
1123
1396
  <!-- Info Boxes Style 2 -->
1124
1397
  <div class="info-box mb-3 text-bg-warning">
1125
- <span class="info-box-icon"><i class="fa-solid fa-tag"></i></span>
1398
+ <span class="info-box-icon">
1399
+ <i class="bi bi-tag-fill"></i>
1400
+ </span>
1126
1401
 
1127
1402
  <div class="info-box-content">
1128
1403
  <span class="info-box-text">Inventory</span>
@@ -1132,7 +1407,9 @@
1132
1407
  </div>
1133
1408
  <!-- /.info-box -->
1134
1409
  <div class="info-box mb-3 text-bg-success">
1135
- <span class="info-box-icon"><i class="fa-regular fa-heart"></i></span>
1410
+ <span class="info-box-icon">
1411
+ <i class="bi bi-heart-fill"></i>
1412
+ </span>
1136
1413
 
1137
1414
  <div class="info-box-content">
1138
1415
  <span class="info-box-text">Mentions</span>
@@ -1142,7 +1419,9 @@
1142
1419
  </div>
1143
1420
  <!-- /.info-box -->
1144
1421
  <div class="info-box mb-3 text-bg-danger">
1145
- <span class="info-box-icon"><i class="fa-solid fa-cloud-download-alt"></i></span>
1422
+ <span class="info-box-icon">
1423
+ <i class="bi bi-cloud-download"></i>
1424
+ </span>
1146
1425
 
1147
1426
  <div class="info-box-content">
1148
1427
  <span class="info-box-text">Downloads</span>
@@ -1152,7 +1431,9 @@
1152
1431
  </div>
1153
1432
  <!-- /.info-box -->
1154
1433
  <div class="info-box mb-3 text-bg-info">
1155
- <span class="info-box-icon"><i class="fa-regular fa-comment"></i></span>
1434
+ <span class="info-box-icon">
1435
+ <i class="bi bi-chat-fill"></i>
1436
+ </span>
1156
1437
 
1157
1438
  <div class="info-box-content">
1158
1439
  <span class="info-box-text">Direct Messages</span>
@@ -1162,28 +1443,30 @@
1162
1443
  </div>
1163
1444
  <!-- /.info-box -->
1164
1445
 
1165
- <div class="card">
1446
+ <div class="card mb-4">
1166
1447
  <div class="card-header">
1167
1448
  <h3 class="card-title">Browser Usage</h3>
1168
1449
 
1169
1450
  <div class="card-tools">
1170
1451
  <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
1171
- <i class="fa-solid fa-minus"></i>
1452
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
1453
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
1172
1454
  </button>
1173
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
1174
- <i class="fa-solid fa-times"></i>
1455
+ <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
1456
+ <i class="bi bi-x-lg"></i>
1175
1457
  </button>
1176
1458
  </div>
1177
1459
  </div>
1178
1460
  <!-- /.card-header -->
1179
1461
  <div class="card-body">
1462
+ <!--begin::Row-->
1180
1463
  <div class="row">
1181
1464
  <div class="col-12">
1182
1465
  <div id="pie-chart"></div>
1183
1466
  </div>
1184
1467
  <!-- /.col -->
1185
1468
  </div>
1186
- <!-- /.row -->
1469
+ <!--end::Row-->
1187
1470
  </div>
1188
1471
  <!-- /.card-body -->
1189
1472
  <div class="card-footer p-0">
@@ -1192,15 +1475,16 @@
1192
1475
  <a href="#" class="nav-link">
1193
1476
  United States of America
1194
1477
  <span class="float-end text-danger">
1195
- <i class="fa-solid fa-arrow-down fs-7"></i>
1196
- 12%</span>
1478
+ <i class="bi bi-arrow-down fs-7"></i>
1479
+ 12%
1480
+ </span>
1197
1481
  </a>
1198
1482
  </li>
1199
1483
  <li class="nav-item">
1200
1484
  <a href="#" class="nav-link">
1201
1485
  India
1202
1486
  <span class="float-end text-success">
1203
- <i class="fa-solid fa-arrow-up fs-7"></i> 4%
1487
+ <i class="bi bi-arrow-up fs-7"></i> 4%
1204
1488
  </span>
1205
1489
  </a>
1206
1490
  </li>
@@ -1208,7 +1492,7 @@
1208
1492
  <a href="#" class="nav-link">
1209
1493
  China
1210
1494
  <span class="float-end text-info">
1211
- <i class="fa-solid fa-arrow-left fs-7"></i> 0%
1495
+ <i class="bi bi-arrow-left fs-7"></i> 0%
1212
1496
  </span>
1213
1497
  </a>
1214
1498
  </li>
@@ -1225,10 +1509,11 @@
1225
1509
 
1226
1510
  <div class="card-tools">
1227
1511
  <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
1228
- <i class="fa-solid fa-minus"></i>
1512
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
1513
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
1229
1514
  </button>
1230
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
1231
- <i class="fa-solid fa-times"></i>
1515
+ <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
1516
+ <i class="bi bi-x-lg"></i>
1232
1517
  </button>
1233
1518
  </div>
1234
1519
  </div>
@@ -1240,8 +1525,12 @@
1240
1525
  <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
1241
1526
  </div>
1242
1527
  <div class="col-10">
1243
- <a href="javascript:void(0)" class="fw-bold">Samsung TV
1244
- <span class="badge text-bg-warning float-end">$1800</span></a>
1528
+ <a href="javascript:void(0)" class="fw-bold">
1529
+ Samsung TV
1530
+ <span class="badge text-bg-warning float-end">
1531
+ $1800
1532
+ </span>
1533
+ </a>
1245
1534
  <div class="text-truncate">
1246
1535
  Samsung 32" 1080p 60Hz LED Smart HDTV.
1247
1536
  </div>
@@ -1253,8 +1542,12 @@
1253
1542
  <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
1254
1543
  </div>
1255
1544
  <div class="col-10">
1256
- <a href="javascript:void(0)" class="fw-bold">Bicycle
1257
- <span class="badge text-bg-info float-end">$700</span></a>
1545
+ <a href="javascript:void(0)" class="fw-bold">
1546
+ Bicycle
1547
+ <span class="badge text-bg-info float-end">
1548
+ $700
1549
+ </span>
1550
+ </a>
1258
1551
  <div class="text-truncate">
1259
1552
  26" Mongoose Dolomite Men's 7-speed, Navy Blue.
1260
1553
  </div>
@@ -1267,12 +1560,14 @@
1267
1560
  </div>
1268
1561
  <div class="col-10">
1269
1562
  <a href="javascript:void(0)" class="fw-bold">
1270
- Xbox One <span class="badge text-bg-danger float-end">
1563
+ Xbox One
1564
+ <span class="badge text-bg-danger float-end">
1271
1565
  $350
1272
1566
  </span>
1273
1567
  </a>
1274
1568
  <div class="text-truncate">
1275
- Xbox One Console Bundle with Halo Master Chief Collection.
1569
+ Xbox One Console Bundle with Halo Master Chief
1570
+ Collection.
1276
1571
  </div>
1277
1572
  </div>
1278
1573
  </div>
@@ -1282,8 +1577,12 @@
1282
1577
  <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
1283
1578
  </div>
1284
1579
  <div class="col-10">
1285
- <a href="javascript:void(0)" class="fw-bold">PlayStation 4
1286
- <span class="badge text-bg-success float-end">$399</span></a>
1580
+ <a href="javascript:void(0)" class="fw-bold">
1581
+ PlayStation 4
1582
+ <span class="badge text-bg-success float-end">
1583
+ $399
1584
+ </span>
1585
+ </a>
1287
1586
  <div class="text-truncate">
1288
1587
  PlayStation 4 500GB Console (PS4)
1289
1588
  </div>
@@ -1294,7 +1593,9 @@
1294
1593
  </div>
1295
1594
  <!-- /.card-body -->
1296
1595
  <div class="card-footer text-center">
1297
- <a href="javascript:void(0)" class="uppercase">View All Products</a>
1596
+ <a href="javascript:void(0)" class="uppercase">
1597
+ View All Products
1598
+ </a>
1298
1599
  </div>
1299
1600
  <!-- /.card-footer -->
1300
1601
  </div>
@@ -1302,58 +1603,64 @@
1302
1603
  </div>
1303
1604
  <!-- /.col -->
1304
1605
  </div>
1305
- <!-- /.row -->
1306
- </div><!-- /.container-fluid -->
1606
+ <!--end::Row-->
1607
+ </div>
1608
+ <!--end::Container-->
1307
1609
  </div>
1610
+ <!--end::App Content-->
1308
1611
  </main>
1309
- <!-- /.app-content -->
1310
-
1311
- <!-- Main Footer -->
1612
+ <!--end::App Main-->
1613
+ <!--begin::Footer-->
1312
1614
  <footer class="app-footer">
1313
- <!-- To the end -->
1314
- <div class="float-end d-none d-sm-inline">
1315
- Anything you want
1316
- </div>
1317
- <!-- Default to the start -->
1318
- <strong>Copyright &copy; 2014-2023 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
1615
+ <!--begin::To the end-->
1616
+ <div class="float-end d-none d-sm-inline">Anything you want</div>
1617
+ <!--end::To the end-->
1618
+ <!--begin::Copyright-->
1619
+ <strong>
1620
+ Copyright &copy; 2014-2023
1621
+ <a href="https://adminlte.io">AdminLTE.io</a>.
1622
+ </strong>
1623
+ All rights reserved.
1624
+ <!--end::Copyright-->
1319
1625
  </footer>
1626
+ <!--end::Footer-->
1320
1627
  </div>
1321
- <!-- ./app-wrapper -->
1322
-
1323
- <!-- OPTIONAL SCRIPTS --><!-- overlayscrollbars -->
1628
+ <!--end::App Wrapper-->
1629
+ <!--begin::Script-->
1630
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
1324
1631
  <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
1325
-
1326
- <!-- @popperjs for Bootstrap 5 -->
1632
+ <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
1327
1633
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
1328
-
1329
- <!-- Bootstrap 5 -->
1634
+ <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
1330
1635
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
1331
-
1332
- <!-- REQUIRED SCRIPTS --><!-- AdminLTE App -->
1636
+ <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
1333
1637
  <script src="../../dist/js/adminlte.js"></script>
1334
-
1335
- <!-- OPTIONAL SCRIPTS -->
1638
+ <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
1336
1639
  <script>
1337
- const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper'
1640
+ const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
1338
1641
  const Default = {
1339
- scrollbarTheme: 'os-theme-light',
1340
- scrollbarAutoHide: 'leave',
1341
- scrollbarClickScroll: true
1342
- }
1642
+ scrollbarTheme: "os-theme-light",
1643
+ scrollbarAutoHide: "leave",
1644
+ scrollbarClickScroll: true,
1645
+ };
1343
1646
 
1344
1647
  document.addEventListener("DOMContentLoaded", function() {
1345
- const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER)
1346
- if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
1648
+ const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
1649
+ if (
1650
+ sidebarWrapper &&
1651
+ typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== "undefined"
1652
+ ) {
1347
1653
  OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
1348
1654
  scrollbars: {
1349
1655
  theme: Default.scrollbarTheme,
1350
1656
  autoHide: Default.scrollbarAutoHide,
1351
- clickScroll: Default.scrollbarClickScroll
1352
- }
1353
- })
1657
+ clickScroll: Default.scrollbarClickScroll,
1658
+ },
1659
+ });
1354
1660
  }
1355
- })
1661
+ });
1356
1662
  </script>
1663
+ <!--end::OverlayScrollbars Configure-->
1357
1664
 
1358
1665
  <!-- OPTIONAL SCRIPTS -->
1359
1666
 
@@ -1376,41 +1683,54 @@
1376
1683
 
1377
1684
  var sales_chart_options = {
1378
1685
  series: [{
1379
- name: 'Digital Goods',
1380
- data: [28, 48, 40, 19, 86, 27, 90]
1381
- }, {
1382
- name: 'Electronics',
1383
- data: [65, 59, 80, 81, 56, 55, 40]
1384
- }],
1686
+ name: "Digital Goods",
1687
+ data: [28, 48, 40, 19, 86, 27, 90],
1688
+ },
1689
+ {
1690
+ name: "Electronics",
1691
+ data: [65, 59, 80, 81, 56, 55, 40],
1692
+ },
1693
+ ],
1385
1694
  chart: {
1386
1695
  height: 180,
1387
- type: 'area',
1696
+ type: "area",
1388
1697
  toolbar: {
1389
1698
  show: false,
1390
1699
  },
1391
1700
  },
1392
1701
  legend: {
1393
- show: false
1702
+ show: false,
1394
1703
  },
1395
- colors: ['#0d6efd', '#20c997'],
1704
+ colors: ["#0d6efd", "#20c997"],
1396
1705
  dataLabels: {
1397
1706
  enabled: false,
1398
1707
  },
1399
1708
  stroke: {
1400
- curve: 'smooth'
1709
+ curve: "smooth",
1401
1710
  },
1402
1711
  xaxis: {
1403
- type: 'datetime',
1404
- categories: ["2023-01-01", "2023-02-01", "2023-03-01", "2023-04-01", "2023-05-01", "2023-06-01", "2023-07-01"]
1712
+ type: "datetime",
1713
+ categories: [
1714
+ "2023-01-01",
1715
+ "2023-02-01",
1716
+ "2023-03-01",
1717
+ "2023-04-01",
1718
+ "2023-05-01",
1719
+ "2023-06-01",
1720
+ "2023-07-01",
1721
+ ],
1405
1722
  },
1406
1723
  tooltip: {
1407
1724
  x: {
1408
- format: 'MMMM yyyy'
1725
+ format: "MMMM yyyy",
1409
1726
  },
1410
1727
  },
1411
1728
  };
1412
1729
 
1413
- var sales_chart = new ApexCharts(document.querySelector("#sales-chart"), sales_chart_options);
1730
+ var sales_chart = new ApexCharts(
1731
+ document.querySelector("#sales-chart"),
1732
+ sales_chart_options
1733
+ );
1414
1734
  sales_chart.render();
1415
1735
 
1416
1736
  //---------------------------
@@ -1424,29 +1744,33 @@
1424
1744
  var pie_chart_options = {
1425
1745
  series: [700, 500, 400, 600, 300, 100],
1426
1746
  chart: {
1427
- type: 'donut',
1747
+ type: "donut",
1428
1748
  },
1429
- labels: [
1430
- 'Chrome',
1431
- 'Edge',
1432
- 'FireFox',
1433
- 'Safari',
1434
- 'Opera',
1435
- 'IE',
1436
- ],
1749
+ labels: ["Chrome", "Edge", "FireFox", "Safari", "Opera", "IE"],
1437
1750
  dataLabels: {
1438
1751
  enabled: false,
1439
1752
  },
1440
- colors: ['#0d6efd', '#20c997', '#ffc107', '#d63384', '#6f42c1', '#adb5bd']
1753
+ colors: [
1754
+ "#0d6efd",
1755
+ "#20c997",
1756
+ "#ffc107",
1757
+ "#d63384",
1758
+ "#6f42c1",
1759
+ "#adb5bd",
1760
+ ],
1441
1761
  };
1442
1762
 
1443
- var pie_chart = new ApexCharts(document.querySelector("#pie-chart"), pie_chart_options);
1763
+ var pie_chart = new ApexCharts(
1764
+ document.querySelector("#pie-chart"),
1765
+ pie_chart_options
1766
+ );
1444
1767
  pie_chart.render();
1445
1768
 
1446
1769
  //-----------------
1447
1770
  // - END PIE CHART -
1448
1771
  //-----------------
1449
1772
  </script>
1450
- </body>
1773
+ <!--end::Script-->
1774
+ </body><!--end::Body-->
1451
1775
 
1452
1776
  </html>