@adminkit/core 3.5.0 → 4.0.0
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/LICENSE +21 -21
- package/README.md +216 -148
- package/dist/charts-chartjs.html +666 -0
- package/dist/css/app.css +6 -6
- package/dist/css/app.d.css.ts +3 -0
- package/dist/fonts/inter-cyrillic-300-normal-BnqRxXuy.woff2 +0 -0
- package/dist/fonts/inter-cyrillic-400-normal-obahsSVq.woff2 +0 -0
- package/dist/fonts/inter-cyrillic-600-normal-CWCymEST.woff2 +0 -0
- package/dist/fonts/inter-cyrillic-ext-300-normal-CgCALhwJ.woff2 +0 -0
- package/dist/fonts/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2 +0 -0
- package/dist/fonts/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2 +0 -0
- package/dist/fonts/inter-greek-300-normal-DmGD3g_f.woff2 +0 -0
- package/dist/fonts/inter-greek-400-normal-B4URO6DV.woff2 +0 -0
- package/dist/fonts/inter-greek-600-normal-plRanbMR.woff2 +0 -0
- package/dist/fonts/inter-greek-ext-300-normal-l2DDyC6M.woff2 +0 -0
- package/dist/fonts/inter-greek-ext-400-normal-DGGRlc-M.woff2 +0 -0
- package/dist/fonts/inter-greek-ext-600-normal-DRtmH8MT.woff2 +0 -0
- package/dist/fonts/inter-latin-300-normal-BVlfKGgI.woff2 +0 -0
- package/dist/fonts/inter-latin-400-normal-C38fXH4l.woff2 +0 -0
- package/dist/fonts/inter-latin-600-normal-LgqL8muc.woff2 +0 -0
- package/dist/fonts/inter-latin-ext-300-normal-CPgO9Ksf.woff2 +0 -0
- package/dist/fonts/inter-latin-ext-400-normal-C1nco2VV.woff2 +0 -0
- package/dist/fonts/inter-latin-ext-600-normal-D2bJ5OIk.woff2 +0 -0
- package/dist/fonts/inter-vietnamese-300-normal-Bdr24Bqb.woff2 +0 -0
- package/dist/fonts/inter-vietnamese-400-normal-DMkecbls.woff2 +0 -0
- package/dist/fonts/inter-vietnamese-600-normal-Cc8MFFhd.woff2 +0 -0
- package/dist/icons-lucide.html +7249 -0
- package/dist/img/screenshots/pro/ai-chat-dark-800.webp +0 -0
- package/dist/img/screenshots/pro/ai-chat-dark.webp +0 -0
- package/dist/img/screenshots/pro/ai-chat-light-800.webp +0 -0
- package/dist/img/screenshots/pro/ai-chat-light.webp +0 -0
- package/dist/img/screenshots/pro/ai-usage-dark-800.webp +0 -0
- package/dist/img/screenshots/pro/ai-usage-dark.webp +0 -0
- package/dist/img/screenshots/pro/ai-usage-light-800.webp +0 -0
- package/dist/img/screenshots/pro/ai-usage-light.webp +0 -0
- package/dist/img/screenshots/pro/analytics-dark-800.webp +0 -0
- package/dist/img/screenshots/pro/analytics-dark.webp +0 -0
- package/dist/img/screenshots/pro/analytics-light-800.webp +0 -0
- package/dist/img/screenshots/pro/analytics-light.webp +0 -0
- package/dist/img/screenshots/pro/calendar-dark-800.webp +0 -0
- package/dist/img/screenshots/pro/calendar-dark.webp +0 -0
- package/dist/img/screenshots/pro/calendar-light-800.webp +0 -0
- package/dist/img/screenshots/pro/calendar-light.webp +0 -0
- package/dist/img/screenshots/pro/crm-dark-800.webp +0 -0
- package/dist/img/screenshots/pro/crm-dark.webp +0 -0
- package/dist/img/screenshots/pro/crm-light-800.webp +0 -0
- package/dist/img/screenshots/pro/crm-light.webp +0 -0
- package/dist/img/screenshots/pro/crypto-dark-800.webp +0 -0
- package/dist/img/screenshots/pro/crypto-dark.webp +0 -0
- package/dist/img/screenshots/pro/crypto-light-800.webp +0 -0
- package/dist/img/screenshots/pro/crypto-light.webp +0 -0
- package/dist/img/screenshots/pro/datatables-dark-800.webp +0 -0
- package/dist/img/screenshots/pro/datatables-dark.webp +0 -0
- package/dist/img/screenshots/pro/datatables-light-800.webp +0 -0
- package/dist/img/screenshots/pro/datatables-light.webp +0 -0
- package/dist/img/screenshots/pro/ecommerce-dark-800.webp +0 -0
- package/dist/img/screenshots/pro/ecommerce-dark.webp +0 -0
- package/dist/img/screenshots/pro/ecommerce-light-800.webp +0 -0
- package/dist/img/screenshots/pro/ecommerce-light.webp +0 -0
- package/dist/img/screenshots/pro/settings-dark-800.webp +0 -0
- package/dist/img/screenshots/pro/settings-dark.webp +0 -0
- package/dist/img/screenshots/pro/settings-light-800.webp +0 -0
- package/dist/img/screenshots/pro/settings-light.webp +0 -0
- package/dist/index.html +918 -0
- package/dist/js/app.d.ts +78 -0
- package/dist/js/app.js +4 -3
- package/dist/js/head.js +1 -0
- package/dist/js/icons-all.js +1 -0
- package/dist/maps-google.html +469 -0
- package/dist/pages-404.html +46 -0
- package/dist/pages-500.html +46 -0
- package/dist/pages-blank.html +423 -0
- package/dist/pages-invoice.html +715 -0
- package/dist/pages-pricing.html +730 -0
- package/dist/pages-profile.html +787 -0
- package/dist/pages-sign-in.html +76 -0
- package/dist/pages-sign-up.html +73 -0
- package/dist/tables-bootstrap.html +856 -0
- package/dist/ui-alerts.html +745 -0
- package/dist/ui-buttons.html +529 -0
- package/dist/ui-cards.html +469 -0
- package/dist/ui-forms.html +584 -0
- package/dist/ui-modals.html +800 -0
- package/dist/ui-typography.html +560 -0
- package/dist/upgrade-to-pro.html +788 -0
- package/package.json +114 -88
- package/dist/css/app.css.map +0 -1
- package/dist/fonts/.gitkeep +0 -0
- package/dist/img/photos/unsplash-3.jpg +0 -0
- package/dist/js/app.js.LICENSE.txt +0 -514
- package/dist/js/app.js.map +0 -1
|
@@ -0,0 +1,788 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
7
|
+
<meta name="description" content="Compare the free AdminKit with AdminKit PRO: 53 pages, 5 dashboards, 11 plugins and 4,071 icons for Bootstrap 5.">
|
|
8
|
+
<meta name="author" content="AdminKit">
|
|
9
|
+
<meta name="keywords" content="adminkit, bootstrap, bootstrap 5, admin, dashboard, template, responsive, css, sass, html, theme, front-end, ui kit, web">
|
|
10
|
+
|
|
11
|
+
<link rel="shortcut icon" href="./img/icons/icon-48x48.png" />
|
|
12
|
+
|
|
13
|
+
<link rel="canonical" href="https://demo-basic.adminkit.io/upgrade-to-pro" />
|
|
14
|
+
|
|
15
|
+
<title>Upgrade to Pro | AdminKit Demo</title>
|
|
16
|
+
|
|
17
|
+
<!-- Color mode before the first paint (src/js/head.js). Vite leaves vite-ignore tags as they are; vite.config.js builds the file. -->
|
|
18
|
+
<script src="js/head.js"></script>
|
|
19
|
+
|
|
20
|
+
<script type="module" crossorigin src="./js/app.js"></script>
|
|
21
|
+
<link rel="stylesheet" crossorigin href="./css/app.css">
|
|
22
|
+
<link rel="preload" href="./fonts/inter-latin-400-normal-C38fXH4l.woff2" as="font" type="font/woff2" crossorigin>
|
|
23
|
+
<link rel="preload" href="./fonts/inter-latin-600-normal-LgqL8muc.woff2" as="font" type="font/woff2" crossorigin>
|
|
24
|
+
</head>
|
|
25
|
+
|
|
26
|
+
<body>
|
|
27
|
+
<div class="wrapper">
|
|
28
|
+
<nav id="sidebar" class="sidebar js-sidebar offcanvas-lg offcanvas-start" tabindex="-1" aria-label="Sidebar">
|
|
29
|
+
<div class="sidebar-content js-simplebar">
|
|
30
|
+
<a class="sidebar-brand" href="index.html">
|
|
31
|
+
<span class="align-middle">AdminKit</span>
|
|
32
|
+
</a>
|
|
33
|
+
|
|
34
|
+
<ul class="sidebar-nav">
|
|
35
|
+
<li class="sidebar-header">
|
|
36
|
+
Pages
|
|
37
|
+
</li>
|
|
38
|
+
|
|
39
|
+
<li class="sidebar-item">
|
|
40
|
+
<a class="sidebar-link" href="index.html">
|
|
41
|
+
<i class="align-middle" data-lucide="sliders-vertical"></i> <span class="align-middle">Analytics</span>
|
|
42
|
+
</a>
|
|
43
|
+
</li>
|
|
44
|
+
|
|
45
|
+
<li class="sidebar-item">
|
|
46
|
+
<a class="sidebar-link" href="pages-profile.html">
|
|
47
|
+
<i class="align-middle" data-lucide="user"></i> <span class="align-middle">Profile</span>
|
|
48
|
+
</a>
|
|
49
|
+
</li>
|
|
50
|
+
|
|
51
|
+
<li class="sidebar-item">
|
|
52
|
+
<a class="sidebar-link" href="pages-invoice.html">
|
|
53
|
+
<i class="align-middle" data-lucide="credit-card"></i> <span class="align-middle">Invoice</span>
|
|
54
|
+
</a>
|
|
55
|
+
</li>
|
|
56
|
+
|
|
57
|
+
<li class="sidebar-item">
|
|
58
|
+
<a class="sidebar-link" href="pages-sign-in.html">
|
|
59
|
+
<i class="align-middle" data-lucide="log-in"></i> <span class="align-middle">Sign In</span>
|
|
60
|
+
</a>
|
|
61
|
+
</li>
|
|
62
|
+
|
|
63
|
+
<li class="sidebar-item">
|
|
64
|
+
<a class="sidebar-link" href="pages-sign-up.html">
|
|
65
|
+
<i class="align-middle" data-lucide="user-plus"></i> <span class="align-middle">Sign Up</span>
|
|
66
|
+
</a>
|
|
67
|
+
</li>
|
|
68
|
+
|
|
69
|
+
<li class="sidebar-item">
|
|
70
|
+
<a class="sidebar-link" href="pages-404.html">
|
|
71
|
+
<i class="align-middle" data-lucide="search-x"></i> <span class="align-middle">404 Page</span>
|
|
72
|
+
</a>
|
|
73
|
+
</li>
|
|
74
|
+
|
|
75
|
+
<li class="sidebar-item">
|
|
76
|
+
<a class="sidebar-link" href="pages-500.html">
|
|
77
|
+
<i class="align-middle" data-lucide="server-crash"></i> <span class="align-middle">500 Page</span>
|
|
78
|
+
</a>
|
|
79
|
+
</li>
|
|
80
|
+
|
|
81
|
+
<li class="sidebar-item">
|
|
82
|
+
<a class="sidebar-link" href="pages-pricing.html">
|
|
83
|
+
<i class="align-middle" data-lucide="tag"></i> <span class="align-middle">Pricing</span>
|
|
84
|
+
</a>
|
|
85
|
+
</li>
|
|
86
|
+
|
|
87
|
+
<li class="sidebar-item">
|
|
88
|
+
<a class="sidebar-link" href="pages-blank.html">
|
|
89
|
+
<i class="align-middle" data-lucide="book"></i> <span class="align-middle">Blank</span>
|
|
90
|
+
</a>
|
|
91
|
+
</li>
|
|
92
|
+
|
|
93
|
+
<li class="sidebar-header">
|
|
94
|
+
Tools & Components
|
|
95
|
+
</li>
|
|
96
|
+
|
|
97
|
+
<li class="sidebar-item">
|
|
98
|
+
<a class="sidebar-link" href="ui-alerts.html">
|
|
99
|
+
<i class="align-middle" data-lucide="bell"></i> <span class="align-middle">Alerts</span>
|
|
100
|
+
</a>
|
|
101
|
+
</li>
|
|
102
|
+
|
|
103
|
+
<li class="sidebar-item">
|
|
104
|
+
<a class="sidebar-link" href="ui-buttons.html">
|
|
105
|
+
<i class="align-middle" data-lucide="square"></i> <span class="align-middle">Buttons</span>
|
|
106
|
+
</a>
|
|
107
|
+
</li>
|
|
108
|
+
|
|
109
|
+
<li class="sidebar-item">
|
|
110
|
+
<a class="sidebar-link" href="ui-forms.html">
|
|
111
|
+
<i class="align-middle" data-lucide="square-check-big"></i> <span class="align-middle">Forms</span>
|
|
112
|
+
</a>
|
|
113
|
+
</li>
|
|
114
|
+
|
|
115
|
+
<li class="sidebar-item">
|
|
116
|
+
<a class="sidebar-link" href="ui-cards.html">
|
|
117
|
+
<i class="align-middle" data-lucide="layout-grid"></i> <span class="align-middle">Cards</span>
|
|
118
|
+
</a>
|
|
119
|
+
</li>
|
|
120
|
+
|
|
121
|
+
<li class="sidebar-item">
|
|
122
|
+
<a class="sidebar-link" href="ui-modals.html">
|
|
123
|
+
<i class="align-middle" data-lucide="app-window"></i> <span class="align-middle">Modals</span>
|
|
124
|
+
</a>
|
|
125
|
+
</li>
|
|
126
|
+
|
|
127
|
+
<li class="sidebar-item">
|
|
128
|
+
<a class="sidebar-link" href="ui-typography.html">
|
|
129
|
+
<i class="align-middle" data-lucide="text-align-start"></i> <span class="align-middle">Typography</span>
|
|
130
|
+
</a>
|
|
131
|
+
</li>
|
|
132
|
+
|
|
133
|
+
<li class="sidebar-item">
|
|
134
|
+
<a class="sidebar-link" href="icons-lucide.html">
|
|
135
|
+
<i class="align-middle" data-lucide="coffee"></i> <span class="align-middle">Icons</span>
|
|
136
|
+
</a>
|
|
137
|
+
</li>
|
|
138
|
+
|
|
139
|
+
<li class="sidebar-item">
|
|
140
|
+
<a class="sidebar-link" href="tables-bootstrap.html">
|
|
141
|
+
<i class="align-middle" data-lucide="list"></i> <span class="align-middle">Tables</span>
|
|
142
|
+
</a>
|
|
143
|
+
</li>
|
|
144
|
+
|
|
145
|
+
<li class="sidebar-header">
|
|
146
|
+
Plugins & Addons
|
|
147
|
+
</li>
|
|
148
|
+
|
|
149
|
+
<li class="sidebar-item">
|
|
150
|
+
<a class="sidebar-link" href="charts-chartjs.html">
|
|
151
|
+
<i class="align-middle" data-lucide="chart-no-axes-column"></i> <span class="align-middle">Charts</span>
|
|
152
|
+
</a>
|
|
153
|
+
</li>
|
|
154
|
+
|
|
155
|
+
<li class="sidebar-item">
|
|
156
|
+
<a class="sidebar-link" href="maps-google.html">
|
|
157
|
+
<i class="align-middle" data-lucide="map"></i> <span class="align-middle">Maps</span>
|
|
158
|
+
</a>
|
|
159
|
+
</li>
|
|
160
|
+
</ul>
|
|
161
|
+
|
|
162
|
+
<div class="sidebar-cta">
|
|
163
|
+
<div class="sidebar-cta-content">
|
|
164
|
+
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
|
165
|
+
<div class="mb-3 text-sm">
|
|
166
|
+
AdminKit PRO, the premium version, has more components.
|
|
167
|
+
</div>
|
|
168
|
+
<div class="d-grid">
|
|
169
|
+
<a href="upgrade-to-pro.html" class="btn btn-primary">Upgrade to Pro</a>
|
|
170
|
+
</div>
|
|
171
|
+
</div>
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
</nav>
|
|
175
|
+
|
|
176
|
+
<div class="main">
|
|
177
|
+
<nav class="navbar navbar-expand navbar-light navbar-bg" aria-label="Top bar">
|
|
178
|
+
<button type="button" class="sidebar-toggle js-sidebar-toggle" aria-controls="sidebar" aria-expanded="true" aria-label="Collapse sidebar">
|
|
179
|
+
<i class="hamburger align-self-center"></i>
|
|
180
|
+
</button>
|
|
181
|
+
|
|
182
|
+
<div class="navbar-collapse collapse">
|
|
183
|
+
<ul class="navbar-nav navbar-align">
|
|
184
|
+
<li class="nav-item dropdown">
|
|
185
|
+
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
186
|
+
<div class="position-relative">
|
|
187
|
+
<span class="visually-hidden">Notifications</span>
|
|
188
|
+
<i class="align-middle" data-lucide="bell"></i>
|
|
189
|
+
<span class="indicator">4</span>
|
|
190
|
+
</div>
|
|
191
|
+
</a>
|
|
192
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="alertsDropdown">
|
|
193
|
+
<div class="dropdown-menu-header">
|
|
194
|
+
4 New Notifications
|
|
195
|
+
</div>
|
|
196
|
+
<div class="list-group">
|
|
197
|
+
<a href="#" class="list-group-item">
|
|
198
|
+
<div class="row g-0 align-items-center">
|
|
199
|
+
<div class="col-2">
|
|
200
|
+
<i class="text-danger" data-lucide="circle-alert"></i>
|
|
201
|
+
</div>
|
|
202
|
+
<div class="col-10">
|
|
203
|
+
<div class="text-dark">Update completed</div>
|
|
204
|
+
<div class="text-body-secondary small mt-1">Restart server 12 to complete the update.</div>
|
|
205
|
+
<div class="text-body-secondary small mt-1">30m ago</div>
|
|
206
|
+
</div>
|
|
207
|
+
</div>
|
|
208
|
+
</a>
|
|
209
|
+
<a href="#" class="list-group-item">
|
|
210
|
+
<div class="row g-0 align-items-center">
|
|
211
|
+
<div class="col-2">
|
|
212
|
+
<i class="text-warning" data-lucide="bell"></i>
|
|
213
|
+
</div>
|
|
214
|
+
<div class="col-10">
|
|
215
|
+
<div class="text-dark">Lorem ipsum</div>
|
|
216
|
+
<div class="text-body-secondary small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
|
217
|
+
<div class="text-body-secondary small mt-1">2h ago</div>
|
|
218
|
+
</div>
|
|
219
|
+
</div>
|
|
220
|
+
</a>
|
|
221
|
+
<a href="#" class="list-group-item">
|
|
222
|
+
<div class="row g-0 align-items-center">
|
|
223
|
+
<div class="col-2">
|
|
224
|
+
<i class="text-primary" data-lucide="house"></i>
|
|
225
|
+
</div>
|
|
226
|
+
<div class="col-10">
|
|
227
|
+
<div class="text-dark">Login from 192.186.1.8</div>
|
|
228
|
+
<div class="text-body-secondary small mt-1">5h ago</div>
|
|
229
|
+
</div>
|
|
230
|
+
</div>
|
|
231
|
+
</a>
|
|
232
|
+
<a href="#" class="list-group-item">
|
|
233
|
+
<div class="row g-0 align-items-center">
|
|
234
|
+
<div class="col-2">
|
|
235
|
+
<i class="text-success" data-lucide="user-plus"></i>
|
|
236
|
+
</div>
|
|
237
|
+
<div class="col-10">
|
|
238
|
+
<div class="text-dark">New connection</div>
|
|
239
|
+
<div class="text-body-secondary small mt-1">Christina accepted your request.</div>
|
|
240
|
+
<div class="text-body-secondary small mt-1">14h ago</div>
|
|
241
|
+
</div>
|
|
242
|
+
</div>
|
|
243
|
+
</a>
|
|
244
|
+
</div>
|
|
245
|
+
<div class="dropdown-menu-footer">
|
|
246
|
+
<a href="#" class="text-body-secondary">Show all notifications</a>
|
|
247
|
+
</div>
|
|
248
|
+
</div>
|
|
249
|
+
</li>
|
|
250
|
+
<li class="nav-item dropdown">
|
|
251
|
+
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"
|
|
252
|
+
aria-label="Messages">
|
|
253
|
+
<div class="position-relative">
|
|
254
|
+
<i class="align-middle" data-lucide="message-square"></i>
|
|
255
|
+
</div>
|
|
256
|
+
</a>
|
|
257
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="messagesDropdown">
|
|
258
|
+
<div class="dropdown-menu-header">
|
|
259
|
+
<div class="position-relative">
|
|
260
|
+
4 New Messages
|
|
261
|
+
</div>
|
|
262
|
+
</div>
|
|
263
|
+
<div class="list-group">
|
|
264
|
+
<a href="#" class="list-group-item">
|
|
265
|
+
<div class="row g-0 align-items-center">
|
|
266
|
+
<div class="col-2">
|
|
267
|
+
<img src="./img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker" width="40"
|
|
268
|
+
height="40">
|
|
269
|
+
</div>
|
|
270
|
+
<div class="col-10 ps-2">
|
|
271
|
+
<div class="text-dark">Vanessa Tucker</div>
|
|
272
|
+
<div class="text-body-secondary small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
|
273
|
+
<div class="text-body-secondary small mt-1">15m ago</div>
|
|
274
|
+
</div>
|
|
275
|
+
</div>
|
|
276
|
+
</a>
|
|
277
|
+
<a href="#" class="list-group-item">
|
|
278
|
+
<div class="row g-0 align-items-center">
|
|
279
|
+
<div class="col-2">
|
|
280
|
+
<img src="./img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris" width="40"
|
|
281
|
+
height="40">
|
|
282
|
+
</div>
|
|
283
|
+
<div class="col-10 ps-2">
|
|
284
|
+
<div class="text-dark">William Harris</div>
|
|
285
|
+
<div class="text-body-secondary small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
|
286
|
+
<div class="text-body-secondary small mt-1">2h ago</div>
|
|
287
|
+
</div>
|
|
288
|
+
</div>
|
|
289
|
+
</a>
|
|
290
|
+
<a href="#" class="list-group-item">
|
|
291
|
+
<div class="row g-0 align-items-center">
|
|
292
|
+
<div class="col-2">
|
|
293
|
+
<img src="./img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason" width="40"
|
|
294
|
+
height="40">
|
|
295
|
+
</div>
|
|
296
|
+
<div class="col-10 ps-2">
|
|
297
|
+
<div class="text-dark">Christina Mason</div>
|
|
298
|
+
<div class="text-body-secondary small mt-1">Pellentesque auctor neque nec urna.</div>
|
|
299
|
+
<div class="text-body-secondary small mt-1">4h ago</div>
|
|
300
|
+
</div>
|
|
301
|
+
</div>
|
|
302
|
+
</a>
|
|
303
|
+
<a href="#" class="list-group-item">
|
|
304
|
+
<div class="row g-0 align-items-center">
|
|
305
|
+
<div class="col-2">
|
|
306
|
+
<img src="./img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman" width="40"
|
|
307
|
+
height="40">
|
|
308
|
+
</div>
|
|
309
|
+
<div class="col-10 ps-2">
|
|
310
|
+
<div class="text-dark">Sharon Lessman</div>
|
|
311
|
+
<div class="text-body-secondary small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
|
312
|
+
<div class="text-body-secondary small mt-1">5h ago</div>
|
|
313
|
+
</div>
|
|
314
|
+
</div>
|
|
315
|
+
</a>
|
|
316
|
+
</div>
|
|
317
|
+
<div class="dropdown-menu-footer">
|
|
318
|
+
<a href="#" class="text-body-secondary">Show all messages</a>
|
|
319
|
+
</div>
|
|
320
|
+
</div>
|
|
321
|
+
</li>
|
|
322
|
+
<li class="nav-item dropdown">
|
|
323
|
+
<a class="nav-icon dropdown-toggle" href="#" id="colorModeDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"
|
|
324
|
+
aria-label="Color mode" data-color-mode-toggle>
|
|
325
|
+
<span data-color-mode-icon="light" hidden><i class="align-middle" data-lucide="sun"></i></span>
|
|
326
|
+
<span data-color-mode-icon="dark" hidden><i class="align-middle" data-lucide="moon"></i></span>
|
|
327
|
+
<span data-color-mode-icon="auto"><i class="align-middle" data-lucide="sun-moon"></i></span>
|
|
328
|
+
</a>
|
|
329
|
+
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="colorModeDropdown">
|
|
330
|
+
<li>
|
|
331
|
+
<button type="button" class="dropdown-item" data-color-mode-value="light" aria-pressed="false">
|
|
332
|
+
<i class="align-middle me-1" data-lucide="sun"></i> Light
|
|
333
|
+
</button>
|
|
334
|
+
</li>
|
|
335
|
+
<li>
|
|
336
|
+
<button type="button" class="dropdown-item" data-color-mode-value="dark" aria-pressed="false">
|
|
337
|
+
<i class="align-middle me-1" data-lucide="moon"></i> Dark
|
|
338
|
+
</button>
|
|
339
|
+
</li>
|
|
340
|
+
<li>
|
|
341
|
+
<button type="button" class="dropdown-item" data-color-mode-value="auto" aria-pressed="false">
|
|
342
|
+
<i class="align-middle me-1" data-lucide="sun-moon"></i> Auto
|
|
343
|
+
</button>
|
|
344
|
+
</li>
|
|
345
|
+
</ul>
|
|
346
|
+
</li>
|
|
347
|
+
<li class="nav-item dropdown">
|
|
348
|
+
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"
|
|
349
|
+
aria-label="Account">
|
|
350
|
+
<i class="align-middle" data-lucide="settings"></i>
|
|
351
|
+
</a>
|
|
352
|
+
|
|
353
|
+
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
354
|
+
<img src="./img/avatars/avatar.jpg" class="avatar img-fluid rounded me-1" alt="Charles Hall" width="40" height="40" /> <span
|
|
355
|
+
class="text-dark">Charles Hall</span>
|
|
356
|
+
</a>
|
|
357
|
+
<div class="dropdown-menu dropdown-menu-end">
|
|
358
|
+
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle me-1" data-lucide="user"></i> Profile</a>
|
|
359
|
+
<a class="dropdown-item" href="#"><i class="align-middle me-1" data-lucide="chart-pie"></i> Analytics</a>
|
|
360
|
+
<div class="dropdown-divider"></div>
|
|
361
|
+
<a class="dropdown-item" href="index.html"><i class="align-middle me-1" data-lucide="settings"></i> Settings & Privacy</a>
|
|
362
|
+
<a class="dropdown-item" href="#"><i class="align-middle me-1" data-lucide="circle-question-mark"></i> Help Center</a>
|
|
363
|
+
<div class="dropdown-divider"></div>
|
|
364
|
+
<a class="dropdown-item" href="#">Log out</a>
|
|
365
|
+
</div>
|
|
366
|
+
</li>
|
|
367
|
+
</ul>
|
|
368
|
+
</div>
|
|
369
|
+
</nav>
|
|
370
|
+
|
|
371
|
+
<main class="content ak-reveal-cards">
|
|
372
|
+
<div class="container-fluid p-0">
|
|
373
|
+
<div class="card">
|
|
374
|
+
<div class="card-body p-4 p-xl-5">
|
|
375
|
+
<div class="row g-4 g-xl-5 align-items-center">
|
|
376
|
+
<div class="col-12 col-xl-5">
|
|
377
|
+
<h1 class="h2 mb-3">Upgrade to AdminKit PRO</h1>
|
|
378
|
+
<p class="lead mb-4">The commercial edition of this template: the same Bootstrap 5 code and conventions, with more
|
|
379
|
+
dashboards, pages and components.</p>
|
|
380
|
+
<ul class="upgrade-features list-unstyled mb-4">
|
|
381
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>5 dashboards and 53 pages in total</li>
|
|
382
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>An AI chat and a settings panel for color mode
|
|
383
|
+
and layout</li>
|
|
384
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Advanced tables, a calendar, rich text editors
|
|
385
|
+
and more form inputs</li>
|
|
386
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>3 sidebar color schemes and email support</li>
|
|
387
|
+
</ul>
|
|
388
|
+
<div class="d-flex flex-wrap gap-2">
|
|
389
|
+
<a href="https://adminkit.io/pricing/" class="btn btn-primary btn-lg">Get AdminKit PRO</a>
|
|
390
|
+
<a href="https://demo.adminkit.io/" class="btn btn-outline-primary btn-lg">View the live demo</a>
|
|
391
|
+
</div>
|
|
392
|
+
</div>
|
|
393
|
+
<div class="col-12 col-xl-7">
|
|
394
|
+
<div class="upgrade-hero-shot border rounded-3 overflow-hidden">
|
|
395
|
+
<picture class="ak-light-only">
|
|
396
|
+
<img class="img-fluid d-block" src="./img/screenshots/pro/crm-light.webp"
|
|
397
|
+
srcset="img/screenshots/pro/crm-light-800.webp 800w, img/screenshots/pro/crm-light.webp 1600w"
|
|
398
|
+
sizes="(min-width: 1200px) 50vw, 100vw" width="1600" height="1000" loading="lazy" decoding="async"
|
|
399
|
+
alt="AdminKit PRO: CRM dashboard">
|
|
400
|
+
</picture>
|
|
401
|
+
<picture class="ak-dark-only">
|
|
402
|
+
<img class="img-fluid d-block" src="./img/screenshots/pro/crm-dark.webp"
|
|
403
|
+
srcset="img/screenshots/pro/crm-dark-800.webp 800w, img/screenshots/pro/crm-dark.webp 1600w"
|
|
404
|
+
sizes="(min-width: 1200px) 50vw, 100vw" width="1600" height="1000" loading="lazy" decoding="async"
|
|
405
|
+
alt="AdminKit PRO: CRM dashboard, dark mode">
|
|
406
|
+
</picture>
|
|
407
|
+
</div>
|
|
408
|
+
</div>
|
|
409
|
+
</div>
|
|
410
|
+
</div>
|
|
411
|
+
<div class="card-body border-top px-4 px-xl-5">
|
|
412
|
+
<ul class="row g-3 list-unstyled mb-0 text-center">
|
|
413
|
+
<li class="col-6 col-sm-3">
|
|
414
|
+
<div class="h1 mb-1" data-count-up>53</div>
|
|
415
|
+
<div class="text-body-secondary">pages</div>
|
|
416
|
+
</li>
|
|
417
|
+
<li class="col-6 col-sm-3">
|
|
418
|
+
<div class="h1 mb-1" data-count-up>5</div>
|
|
419
|
+
<div class="text-body-secondary">dashboards</div>
|
|
420
|
+
</li>
|
|
421
|
+
<li class="col-6 col-sm-3">
|
|
422
|
+
<div class="h1 mb-1" data-count-up>11</div>
|
|
423
|
+
<div class="text-body-secondary">plugins</div>
|
|
424
|
+
</li>
|
|
425
|
+
<li class="col-6 col-sm-3">
|
|
426
|
+
<div class="h1 mb-1" data-count-up>4,071</div>
|
|
427
|
+
<div class="text-body-secondary">icons</div>
|
|
428
|
+
</li>
|
|
429
|
+
</ul>
|
|
430
|
+
</div>
|
|
431
|
+
</div>
|
|
432
|
+
|
|
433
|
+
<div class="mt-4 mb-3">
|
|
434
|
+
<h2 class="h4 mb-1">What's in AdminKit PRO</h2>
|
|
435
|
+
<p class="text-body-secondary mb-0">Screenshots of the PRO demo, in the color mode you have selected.</p>
|
|
436
|
+
</div>
|
|
437
|
+
|
|
438
|
+
<div class="row">
|
|
439
|
+
<div class="col-12 col-md-6 col-xl-4">
|
|
440
|
+
<figure class="card">
|
|
441
|
+
<picture class="ak-light-only">
|
|
442
|
+
<img class="card-img-top" src="./img/screenshots/pro/analytics-light.webp"
|
|
443
|
+
srcset="img/screenshots/pro/analytics-light-800.webp 800w, img/screenshots/pro/analytics-light.webp 1600w"
|
|
444
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
445
|
+
decoding="async" alt="AdminKit PRO: Analytics dashboard">
|
|
446
|
+
</picture>
|
|
447
|
+
<picture class="ak-dark-only">
|
|
448
|
+
<img class="card-img-top" src="./img/screenshots/pro/analytics-dark.webp"
|
|
449
|
+
srcset="img/screenshots/pro/analytics-dark-800.webp 800w, img/screenshots/pro/analytics-dark.webp 1600w"
|
|
450
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
451
|
+
decoding="async" alt="AdminKit PRO: Analytics dashboard, dark mode">
|
|
452
|
+
</picture>
|
|
453
|
+
<figcaption class="card-body border-top">
|
|
454
|
+
<h3 class="h5 mb-1">Analytics dashboard</h3>
|
|
455
|
+
<p class="mb-0 text-body-secondary">Visitors, page views, bounce rate and session duration, with browser usage, real-time
|
|
456
|
+
visitors and top pages.</p>
|
|
457
|
+
</figcaption>
|
|
458
|
+
</figure>
|
|
459
|
+
</div>
|
|
460
|
+
<div class="col-12 col-md-6 col-xl-4">
|
|
461
|
+
<figure class="card">
|
|
462
|
+
<picture class="ak-light-only">
|
|
463
|
+
<img class="card-img-top" src="./img/screenshots/pro/ecommerce-light.webp"
|
|
464
|
+
srcset="img/screenshots/pro/ecommerce-light-800.webp 800w, img/screenshots/pro/ecommerce-light.webp 1600w"
|
|
465
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
466
|
+
decoding="async" alt="AdminKit PRO: E-commerce dashboard">
|
|
467
|
+
</picture>
|
|
468
|
+
<picture class="ak-dark-only">
|
|
469
|
+
<img class="card-img-top" src="./img/screenshots/pro/ecommerce-dark.webp"
|
|
470
|
+
srcset="img/screenshots/pro/ecommerce-dark-800.webp 800w, img/screenshots/pro/ecommerce-dark.webp 1600w"
|
|
471
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
472
|
+
decoding="async" alt="AdminKit PRO: E-commerce dashboard, dark mode">
|
|
473
|
+
</picture>
|
|
474
|
+
<figcaption class="card-body border-top">
|
|
475
|
+
<h3 class="h5 mb-1">E-commerce dashboard</h3>
|
|
476
|
+
<p class="mb-0 text-body-secondary">Income, orders and revenue by month, with sales by state and the top-selling products.
|
|
477
|
+
</p>
|
|
478
|
+
</figcaption>
|
|
479
|
+
</figure>
|
|
480
|
+
</div>
|
|
481
|
+
<div class="col-12 col-md-6 col-xl-4">
|
|
482
|
+
<figure class="card">
|
|
483
|
+
<picture class="ak-light-only">
|
|
484
|
+
<img class="card-img-top" src="./img/screenshots/pro/crm-light.webp"
|
|
485
|
+
srcset="img/screenshots/pro/crm-light-800.webp 800w, img/screenshots/pro/crm-light.webp 1600w"
|
|
486
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
487
|
+
decoding="async" alt="AdminKit PRO: CRM dashboard">
|
|
488
|
+
</picture>
|
|
489
|
+
<picture class="ak-dark-only">
|
|
490
|
+
<img class="card-img-top" src="./img/screenshots/pro/crm-dark.webp"
|
|
491
|
+
srcset="img/screenshots/pro/crm-dark-800.webp 800w, img/screenshots/pro/crm-dark.webp 1600w"
|
|
492
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
493
|
+
decoding="async" alt="AdminKit PRO: CRM dashboard, dark mode">
|
|
494
|
+
</picture>
|
|
495
|
+
<figcaption class="card-body border-top">
|
|
496
|
+
<h3 class="h5 mb-1">CRM dashboard</h3>
|
|
497
|
+
<p class="mb-0 text-body-secondary">Customers, deals, revenue and win rate, with revenue against target, the sales pipeline
|
|
498
|
+
and upcoming tasks.</p>
|
|
499
|
+
</figcaption>
|
|
500
|
+
</figure>
|
|
501
|
+
</div>
|
|
502
|
+
<div class="col-12 col-md-6 col-xl-4">
|
|
503
|
+
<figure class="card">
|
|
504
|
+
<picture class="ak-light-only">
|
|
505
|
+
<img class="card-img-top" src="./img/screenshots/pro/crypto-light.webp"
|
|
506
|
+
srcset="img/screenshots/pro/crypto-light-800.webp 800w, img/screenshots/pro/crypto-light.webp 1600w"
|
|
507
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
508
|
+
decoding="async" alt="AdminKit PRO: Crypto dashboard">
|
|
509
|
+
</picture>
|
|
510
|
+
<picture class="ak-dark-only">
|
|
511
|
+
<img class="card-img-top" src="./img/screenshots/pro/crypto-dark.webp"
|
|
512
|
+
srcset="img/screenshots/pro/crypto-dark-800.webp 800w, img/screenshots/pro/crypto-dark.webp 1600w"
|
|
513
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
514
|
+
decoding="async" alt="AdminKit PRO: Crypto dashboard, dark mode">
|
|
515
|
+
</picture>
|
|
516
|
+
<figcaption class="card-body border-top">
|
|
517
|
+
<h3 class="h5 mb-1">Crypto dashboard</h3>
|
|
518
|
+
<p class="mb-0 text-body-secondary">Balances and rates per coin, a candlestick chart with time ranges and a markets table.
|
|
519
|
+
</p>
|
|
520
|
+
</figcaption>
|
|
521
|
+
</figure>
|
|
522
|
+
</div>
|
|
523
|
+
<div class="col-12 col-md-6 col-xl-4">
|
|
524
|
+
<figure class="card">
|
|
525
|
+
<picture class="ak-light-only">
|
|
526
|
+
<img class="card-img-top" src="./img/screenshots/pro/ai-usage-light.webp"
|
|
527
|
+
srcset="img/screenshots/pro/ai-usage-light-800.webp 800w, img/screenshots/pro/ai-usage-light.webp 1600w"
|
|
528
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
529
|
+
decoding="async" alt="AdminKit PRO: AI analytics dashboard">
|
|
530
|
+
</picture>
|
|
531
|
+
<picture class="ak-dark-only">
|
|
532
|
+
<img class="card-img-top" src="./img/screenshots/pro/ai-usage-dark.webp"
|
|
533
|
+
srcset="img/screenshots/pro/ai-usage-dark-800.webp 800w, img/screenshots/pro/ai-usage-dark.webp 1600w"
|
|
534
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
535
|
+
decoding="async" alt="AdminKit PRO: AI analytics dashboard, dark mode">
|
|
536
|
+
</picture>
|
|
537
|
+
<figcaption class="card-body border-top">
|
|
538
|
+
<h3 class="h5 mb-1">AI analytics dashboard</h3>
|
|
539
|
+
<p class="mb-0 text-body-secondary">Tokens, cost, requests, latency and error rate per model over 7, 30 or 90 days.</p>
|
|
540
|
+
</figcaption>
|
|
541
|
+
</figure>
|
|
542
|
+
</div>
|
|
543
|
+
<div class="col-12 col-md-6 col-xl-4">
|
|
544
|
+
<figure class="card">
|
|
545
|
+
<picture class="ak-light-only">
|
|
546
|
+
<img class="card-img-top" src="./img/screenshots/pro/ai-chat-light.webp"
|
|
547
|
+
srcset="img/screenshots/pro/ai-chat-light-800.webp 800w, img/screenshots/pro/ai-chat-light.webp 1600w"
|
|
548
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
549
|
+
decoding="async" alt="AdminKit PRO: AI chat">
|
|
550
|
+
</picture>
|
|
551
|
+
<picture class="ak-dark-only">
|
|
552
|
+
<img class="card-img-top" src="./img/screenshots/pro/ai-chat-dark.webp"
|
|
553
|
+
srcset="img/screenshots/pro/ai-chat-dark-800.webp 800w, img/screenshots/pro/ai-chat-dark.webp 1600w"
|
|
554
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
555
|
+
decoding="async" alt="AdminKit PRO: AI chat, dark mode">
|
|
556
|
+
</picture>
|
|
557
|
+
<figcaption class="card-body border-top">
|
|
558
|
+
<h3 class="h5 mb-1">AI chat</h3>
|
|
559
|
+
<p class="mb-0 text-body-secondary">Conversation history, streamed replies with tables and code, reasoning, tool calls,
|
|
560
|
+
sources and a model picker.</p>
|
|
561
|
+
</figcaption>
|
|
562
|
+
</figure>
|
|
563
|
+
</div>
|
|
564
|
+
<div class="col-12 col-md-6 col-xl-4">
|
|
565
|
+
<figure class="card">
|
|
566
|
+
<picture class="ak-light-only">
|
|
567
|
+
<img class="card-img-top" src="./img/screenshots/pro/calendar-light.webp"
|
|
568
|
+
srcset="img/screenshots/pro/calendar-light-800.webp 800w, img/screenshots/pro/calendar-light.webp 1600w"
|
|
569
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
570
|
+
decoding="async" alt="AdminKit PRO: Calendar">
|
|
571
|
+
</picture>
|
|
572
|
+
<picture class="ak-dark-only">
|
|
573
|
+
<img class="card-img-top" src="./img/screenshots/pro/calendar-dark.webp"
|
|
574
|
+
srcset="img/screenshots/pro/calendar-dark-800.webp 800w, img/screenshots/pro/calendar-dark.webp 1600w"
|
|
575
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
576
|
+
decoding="async" alt="AdminKit PRO: Calendar, dark mode">
|
|
577
|
+
</picture>
|
|
578
|
+
<figcaption class="card-body border-top">
|
|
579
|
+
<h3 class="h5 mb-1">Calendar</h3>
|
|
580
|
+
<p class="mb-0 text-body-secondary">Month, week and day views with events you can drag to another day or time.</p>
|
|
581
|
+
</figcaption>
|
|
582
|
+
</figure>
|
|
583
|
+
</div>
|
|
584
|
+
<div class="col-12 col-md-6 col-xl-4">
|
|
585
|
+
<figure class="card">
|
|
586
|
+
<picture class="ak-light-only">
|
|
587
|
+
<img class="card-img-top" src="./img/screenshots/pro/datatables-light.webp"
|
|
588
|
+
srcset="img/screenshots/pro/datatables-light-800.webp 800w, img/screenshots/pro/datatables-light.webp 1600w"
|
|
589
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
590
|
+
decoding="async" alt="AdminKit PRO: Advanced tables">
|
|
591
|
+
</picture>
|
|
592
|
+
<picture class="ak-dark-only">
|
|
593
|
+
<img class="card-img-top" src="./img/screenshots/pro/datatables-dark.webp"
|
|
594
|
+
srcset="img/screenshots/pro/datatables-dark-800.webp 800w, img/screenshots/pro/datatables-dark.webp 1600w"
|
|
595
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
596
|
+
decoding="async" alt="AdminKit PRO: Advanced tables, dark mode">
|
|
597
|
+
</picture>
|
|
598
|
+
<figcaption class="card-body border-top">
|
|
599
|
+
<h3 class="h5 mb-1">Advanced tables</h3>
|
|
600
|
+
<p class="mb-0 text-body-secondary">Sorting, search and paging, responsive columns, export buttons, fixed headers and row
|
|
601
|
+
selection.</p>
|
|
602
|
+
</figcaption>
|
|
603
|
+
</figure>
|
|
604
|
+
</div>
|
|
605
|
+
<div class="col-12 col-md-6 col-xl-4">
|
|
606
|
+
<figure class="card">
|
|
607
|
+
<picture class="ak-light-only">
|
|
608
|
+
<img class="card-img-top" src="./img/screenshots/pro/settings-light.webp"
|
|
609
|
+
srcset="img/screenshots/pro/settings-light-800.webp 800w, img/screenshots/pro/settings-light.webp 1600w"
|
|
610
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
611
|
+
decoding="async" alt="AdminKit PRO: Settings panel">
|
|
612
|
+
</picture>
|
|
613
|
+
<picture class="ak-dark-only">
|
|
614
|
+
<img class="card-img-top" src="./img/screenshots/pro/settings-dark.webp"
|
|
615
|
+
srcset="img/screenshots/pro/settings-dark-800.webp 800w, img/screenshots/pro/settings-dark.webp 1600w"
|
|
616
|
+
sizes="(min-width: 1200px) 30vw, (min-width: 768px) 45vw, 100vw" width="1600" height="1000" loading="lazy"
|
|
617
|
+
decoding="async" alt="AdminKit PRO: Settings panel, dark mode">
|
|
618
|
+
</picture>
|
|
619
|
+
<figcaption class="card-body border-top">
|
|
620
|
+
<h3 class="h5 mb-1">Settings panel</h3>
|
|
621
|
+
<p class="mb-0 text-body-secondary">Color mode, sidebar color scheme, sidebar layout and position and the page layout,
|
|
622
|
+
remembered for the next visit.</p>
|
|
623
|
+
</figcaption>
|
|
624
|
+
</figure>
|
|
625
|
+
</div>
|
|
626
|
+
</div>
|
|
627
|
+
|
|
628
|
+
<div class="row">
|
|
629
|
+
<div class="col-12 col-xl-7">
|
|
630
|
+
<div class="card" id="compare">
|
|
631
|
+
<div class="card-header">
|
|
632
|
+
<h2 class="card-title">AdminKit and AdminKit PRO compared</h2>
|
|
633
|
+
<p class="h6 card-subtitle text-body-secondary">Counted from the source of each edition.</p>
|
|
634
|
+
</div>
|
|
635
|
+
<div class="table-responsive">
|
|
636
|
+
<table class="table upgrade-table mb-0">
|
|
637
|
+
<thead>
|
|
638
|
+
<tr>
|
|
639
|
+
<th scope="col"><span class="visually-hidden">Feature</span></th>
|
|
640
|
+
<th scope="col">AdminKit</th>
|
|
641
|
+
<th scope="col">AdminKit PRO</th>
|
|
642
|
+
</tr>
|
|
643
|
+
</thead>
|
|
644
|
+
<tbody>
|
|
645
|
+
<tr>
|
|
646
|
+
<th scope="row">Pages</th>
|
|
647
|
+
<td>20</td>
|
|
648
|
+
<td class="fw-semibold">53</td>
|
|
649
|
+
</tr>
|
|
650
|
+
<tr>
|
|
651
|
+
<th scope="row">Dashboards</th>
|
|
652
|
+
<td>1</td>
|
|
653
|
+
<td class="fw-semibold">5</td>
|
|
654
|
+
</tr>
|
|
655
|
+
<tr>
|
|
656
|
+
<th scope="row">Plugins</th>
|
|
657
|
+
<td>4</td>
|
|
658
|
+
<td class="fw-semibold">11</td>
|
|
659
|
+
</tr>
|
|
660
|
+
<tr>
|
|
661
|
+
<th scope="row">Icons</th>
|
|
662
|
+
<td>1,908</td>
|
|
663
|
+
<td class="fw-semibold">4,071</td>
|
|
664
|
+
</tr>
|
|
665
|
+
<tr>
|
|
666
|
+
<th scope="row">Sidebar color schemes</th>
|
|
667
|
+
<td>1</td>
|
|
668
|
+
<td class="fw-semibold">3</td>
|
|
669
|
+
</tr>
|
|
670
|
+
<tr>
|
|
671
|
+
<th scope="row">Dark mode</th>
|
|
672
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
673
|
+
</td>
|
|
674
|
+
<td class="fw-semibold"><i class="text-success" data-lucide="check" aria-hidden="true"></i><span
|
|
675
|
+
class="visually-hidden">Yes</span></td>
|
|
676
|
+
</tr>
|
|
677
|
+
<tr>
|
|
678
|
+
<th scope="row">AI chat</th>
|
|
679
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
680
|
+
class="visually-hidden">No</span></td>
|
|
681
|
+
<td class="fw-semibold"><i class="text-success" data-lucide="check" aria-hidden="true"></i><span
|
|
682
|
+
class="visually-hidden">Yes</span></td>
|
|
683
|
+
</tr>
|
|
684
|
+
<tr>
|
|
685
|
+
<th scope="row">Settings panel</th>
|
|
686
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
687
|
+
class="visually-hidden">No</span></td>
|
|
688
|
+
<td class="fw-semibold"><i class="text-success" data-lucide="check" aria-hidden="true"></i><span
|
|
689
|
+
class="visually-hidden">Yes</span></td>
|
|
690
|
+
</tr>
|
|
691
|
+
<tr>
|
|
692
|
+
<th scope="row">Support</th>
|
|
693
|
+
<td>GitHub issues</td>
|
|
694
|
+
<td class="fw-semibold">Email</td>
|
|
695
|
+
</tr>
|
|
696
|
+
<tr>
|
|
697
|
+
<th scope="row">License</th>
|
|
698
|
+
<td>MIT</td>
|
|
699
|
+
<td class="fw-semibold">Commercial</td>
|
|
700
|
+
</tr>
|
|
701
|
+
</tbody>
|
|
702
|
+
</table>
|
|
703
|
+
</div>
|
|
704
|
+
<div class="card-body border-top">
|
|
705
|
+
<p class="mb-3">
|
|
706
|
+
One-time licenses: <strong>Hobby</strong> for one developer, <strong>Company</strong> for teams of up to five and
|
|
707
|
+
<strong>Enterprise</strong> for unlimited developers.
|
|
708
|
+
</p>
|
|
709
|
+
<a href="https://adminkit.io/pricing/" class="btn btn-primary">See prices and licenses</a>
|
|
710
|
+
</div>
|
|
711
|
+
</div>
|
|
712
|
+
</div>
|
|
713
|
+
|
|
714
|
+
<div class="col-12 col-xl-5">
|
|
715
|
+
<div class="card">
|
|
716
|
+
<div class="card-header">
|
|
717
|
+
<h2 class="card-title mb-0">Frequently asked questions</h2>
|
|
718
|
+
</div>
|
|
719
|
+
<div class="card-body">
|
|
720
|
+
<div class="vstack gap-4">
|
|
721
|
+
<div>
|
|
722
|
+
<h3 class="h6">Can I move a project from the free version?</h3>
|
|
723
|
+
<p class="text-body-secondary mb-0">Yes. PRO uses the same markup, Sass variables and JavaScript modules, so pages
|
|
724
|
+
built on the free version carry over and you add the PRO pages and components you need.</p>
|
|
725
|
+
</div>
|
|
726
|
+
<div>
|
|
727
|
+
<h3 class="h6">Is it a one-time payment?</h3>
|
|
728
|
+
<p class="text-body-secondary mb-0">Yes. You pay once, use the code in your product for as long as you like and get
|
|
729
|
+
every update.</p>
|
|
730
|
+
</div>
|
|
731
|
+
<div>
|
|
732
|
+
<h3 class="h6">Is support included?</h3>
|
|
733
|
+
<p class="text-body-secondary mb-0">Every license comes with premium email support; how long depends on the license.
|
|
734
|
+
</p>
|
|
735
|
+
</div>
|
|
736
|
+
<div>
|
|
737
|
+
<h3 class="h6">Does it work with my back end?</h3>
|
|
738
|
+
<p class="text-body-secondary mb-0">Yes. The build is plain HTML, CSS and JavaScript, so it works with Laravel,
|
|
739
|
+
Rails, ASP.NET, Django or any other stack.</p>
|
|
740
|
+
</div>
|
|
741
|
+
<div>
|
|
742
|
+
<h3 class="h6">Can I get a refund?</h3>
|
|
743
|
+
<p class="text-body-secondary mb-0">Within 30 days of purchase. Email <a
|
|
744
|
+
href="mailto:info@adminkit.io">info@adminkit.io</a>.</p>
|
|
745
|
+
</div>
|
|
746
|
+
</div>
|
|
747
|
+
</div>
|
|
748
|
+
</div>
|
|
749
|
+
</div>
|
|
750
|
+
</div>
|
|
751
|
+
</div>
|
|
752
|
+
</main>
|
|
753
|
+
|
|
754
|
+
<footer class="footer ak-reveal">
|
|
755
|
+
<div class="container-fluid">
|
|
756
|
+
<div class="row text-body-secondary">
|
|
757
|
+
<div class="col-6 text-start">
|
|
758
|
+
<p class="mb-0">
|
|
759
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank"><strong>AdminKit</strong></a> - <a
|
|
760
|
+
class="text-body-secondary" href="https://adminkit.io/" target="_blank"><strong>Bootstrap Admin Template</strong></a> ©
|
|
761
|
+
2026
|
|
762
|
+
</p>
|
|
763
|
+
</div>
|
|
764
|
+
<div class="col-6 text-end">
|
|
765
|
+
<ul class="list-inline">
|
|
766
|
+
<li class="list-inline-item">
|
|
767
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank">Support</a>
|
|
768
|
+
</li>
|
|
769
|
+
<li class="list-inline-item">
|
|
770
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank">Help Center</a>
|
|
771
|
+
</li>
|
|
772
|
+
<li class="list-inline-item">
|
|
773
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank">Privacy</a>
|
|
774
|
+
</li>
|
|
775
|
+
<li class="list-inline-item">
|
|
776
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank">Terms</a>
|
|
777
|
+
</li>
|
|
778
|
+
</ul>
|
|
779
|
+
</div>
|
|
780
|
+
</div>
|
|
781
|
+
</div>
|
|
782
|
+
</footer>
|
|
783
|
+
</div>
|
|
784
|
+
</div>
|
|
785
|
+
|
|
786
|
+
</body>
|
|
787
|
+
|
|
788
|
+
</html>
|