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