@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,730 @@
|
|
|
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"
|
|
8
|
+
content="Pricing page demo for the free AdminKit Bootstrap 5 admin template. Three plans with a monthly and yearly billing switch, a plan comparison table and frequently asked questions.">
|
|
9
|
+
<meta name="author" content="AdminKit">
|
|
10
|
+
<meta name="keywords" content="adminkit, bootstrap, bootstrap 5, admin, dashboard, template, responsive, css, sass, html, theme, front-end, ui kit, web">
|
|
11
|
+
|
|
12
|
+
<link rel="shortcut icon" href="./img/icons/icon-48x48.png" />
|
|
13
|
+
|
|
14
|
+
<link rel="canonical" href="https://demo-basic.adminkit.io/pages-pricing" />
|
|
15
|
+
|
|
16
|
+
<title>Pricing | AdminKit Demo</title>
|
|
17
|
+
|
|
18
|
+
<!-- Color mode before the first paint (src/js/head.js). Vite leaves vite-ignore tags as they are; vite.config.js builds the file. -->
|
|
19
|
+
<script src="js/head.js"></script>
|
|
20
|
+
|
|
21
|
+
<script type="module" crossorigin src="./js/app.js"></script>
|
|
22
|
+
<link rel="stylesheet" crossorigin href="./css/app.css">
|
|
23
|
+
<link rel="preload" href="./fonts/inter-latin-400-normal-C38fXH4l.woff2" as="font" type="font/woff2" crossorigin>
|
|
24
|
+
<link rel="preload" href="./fonts/inter-latin-600-normal-LgqL8muc.woff2" as="font" type="font/woff2" crossorigin>
|
|
25
|
+
</head>
|
|
26
|
+
|
|
27
|
+
<body>
|
|
28
|
+
<div class="wrapper">
|
|
29
|
+
<nav id="sidebar" class="sidebar js-sidebar offcanvas-lg offcanvas-start" tabindex="-1" aria-label="Sidebar">
|
|
30
|
+
<div class="sidebar-content js-simplebar">
|
|
31
|
+
<a class="sidebar-brand" href="index.html">
|
|
32
|
+
<span class="align-middle">AdminKit</span>
|
|
33
|
+
</a>
|
|
34
|
+
|
|
35
|
+
<ul class="sidebar-nav">
|
|
36
|
+
<li class="sidebar-header">
|
|
37
|
+
Pages
|
|
38
|
+
</li>
|
|
39
|
+
|
|
40
|
+
<li class="sidebar-item">
|
|
41
|
+
<a class="sidebar-link" href="index.html">
|
|
42
|
+
<i class="align-middle" data-lucide="sliders-vertical"></i> <span class="align-middle">Analytics</span>
|
|
43
|
+
</a>
|
|
44
|
+
</li>
|
|
45
|
+
|
|
46
|
+
<li class="sidebar-item">
|
|
47
|
+
<a class="sidebar-link" href="pages-profile.html">
|
|
48
|
+
<i class="align-middle" data-lucide="user"></i> <span class="align-middle">Profile</span>
|
|
49
|
+
</a>
|
|
50
|
+
</li>
|
|
51
|
+
|
|
52
|
+
<li class="sidebar-item">
|
|
53
|
+
<a class="sidebar-link" href="pages-invoice.html">
|
|
54
|
+
<i class="align-middle" data-lucide="credit-card"></i> <span class="align-middle">Invoice</span>
|
|
55
|
+
</a>
|
|
56
|
+
</li>
|
|
57
|
+
|
|
58
|
+
<li class="sidebar-item">
|
|
59
|
+
<a class="sidebar-link" href="pages-sign-in.html">
|
|
60
|
+
<i class="align-middle" data-lucide="log-in"></i> <span class="align-middle">Sign In</span>
|
|
61
|
+
</a>
|
|
62
|
+
</li>
|
|
63
|
+
|
|
64
|
+
<li class="sidebar-item">
|
|
65
|
+
<a class="sidebar-link" href="pages-sign-up.html">
|
|
66
|
+
<i class="align-middle" data-lucide="user-plus"></i> <span class="align-middle">Sign Up</span>
|
|
67
|
+
</a>
|
|
68
|
+
</li>
|
|
69
|
+
|
|
70
|
+
<li class="sidebar-item">
|
|
71
|
+
<a class="sidebar-link" href="pages-404.html">
|
|
72
|
+
<i class="align-middle" data-lucide="search-x"></i> <span class="align-middle">404 Page</span>
|
|
73
|
+
</a>
|
|
74
|
+
</li>
|
|
75
|
+
|
|
76
|
+
<li class="sidebar-item">
|
|
77
|
+
<a class="sidebar-link" href="pages-500.html">
|
|
78
|
+
<i class="align-middle" data-lucide="server-crash"></i> <span class="align-middle">500 Page</span>
|
|
79
|
+
</a>
|
|
80
|
+
</li>
|
|
81
|
+
|
|
82
|
+
<li class="sidebar-item active">
|
|
83
|
+
<a class="sidebar-link" href="pages-pricing.html">
|
|
84
|
+
<i class="align-middle" data-lucide="tag"></i> <span class="align-middle">Pricing</span>
|
|
85
|
+
</a>
|
|
86
|
+
</li>
|
|
87
|
+
|
|
88
|
+
<li class="sidebar-item">
|
|
89
|
+
<a class="sidebar-link" href="pages-blank.html">
|
|
90
|
+
<i class="align-middle" data-lucide="book"></i> <span class="align-middle">Blank</span>
|
|
91
|
+
</a>
|
|
92
|
+
</li>
|
|
93
|
+
|
|
94
|
+
<li class="sidebar-header">
|
|
95
|
+
Tools & Components
|
|
96
|
+
</li>
|
|
97
|
+
|
|
98
|
+
<li class="sidebar-item">
|
|
99
|
+
<a class="sidebar-link" href="ui-alerts.html">
|
|
100
|
+
<i class="align-middle" data-lucide="bell"></i> <span class="align-middle">Alerts</span>
|
|
101
|
+
</a>
|
|
102
|
+
</li>
|
|
103
|
+
|
|
104
|
+
<li class="sidebar-item">
|
|
105
|
+
<a class="sidebar-link" href="ui-buttons.html">
|
|
106
|
+
<i class="align-middle" data-lucide="square"></i> <span class="align-middle">Buttons</span>
|
|
107
|
+
</a>
|
|
108
|
+
</li>
|
|
109
|
+
|
|
110
|
+
<li class="sidebar-item">
|
|
111
|
+
<a class="sidebar-link" href="ui-forms.html">
|
|
112
|
+
<i class="align-middle" data-lucide="square-check-big"></i> <span class="align-middle">Forms</span>
|
|
113
|
+
</a>
|
|
114
|
+
</li>
|
|
115
|
+
|
|
116
|
+
<li class="sidebar-item">
|
|
117
|
+
<a class="sidebar-link" href="ui-cards.html">
|
|
118
|
+
<i class="align-middle" data-lucide="layout-grid"></i> <span class="align-middle">Cards</span>
|
|
119
|
+
</a>
|
|
120
|
+
</li>
|
|
121
|
+
|
|
122
|
+
<li class="sidebar-item">
|
|
123
|
+
<a class="sidebar-link" href="ui-modals.html">
|
|
124
|
+
<i class="align-middle" data-lucide="app-window"></i> <span class="align-middle">Modals</span>
|
|
125
|
+
</a>
|
|
126
|
+
</li>
|
|
127
|
+
|
|
128
|
+
<li class="sidebar-item">
|
|
129
|
+
<a class="sidebar-link" href="ui-typography.html">
|
|
130
|
+
<i class="align-middle" data-lucide="text-align-start"></i> <span class="align-middle">Typography</span>
|
|
131
|
+
</a>
|
|
132
|
+
</li>
|
|
133
|
+
|
|
134
|
+
<li class="sidebar-item">
|
|
135
|
+
<a class="sidebar-link" href="icons-lucide.html">
|
|
136
|
+
<i class="align-middle" data-lucide="coffee"></i> <span class="align-middle">Icons</span>
|
|
137
|
+
</a>
|
|
138
|
+
</li>
|
|
139
|
+
|
|
140
|
+
<li class="sidebar-item">
|
|
141
|
+
<a class="sidebar-link" href="tables-bootstrap.html">
|
|
142
|
+
<i class="align-middle" data-lucide="list"></i> <span class="align-middle">Tables</span>
|
|
143
|
+
</a>
|
|
144
|
+
</li>
|
|
145
|
+
|
|
146
|
+
<li class="sidebar-header">
|
|
147
|
+
Plugins & Addons
|
|
148
|
+
</li>
|
|
149
|
+
|
|
150
|
+
<li class="sidebar-item">
|
|
151
|
+
<a class="sidebar-link" href="charts-chartjs.html">
|
|
152
|
+
<i class="align-middle" data-lucide="chart-no-axes-column"></i> <span class="align-middle">Charts</span>
|
|
153
|
+
</a>
|
|
154
|
+
</li>
|
|
155
|
+
|
|
156
|
+
<li class="sidebar-item">
|
|
157
|
+
<a class="sidebar-link" href="maps-google.html">
|
|
158
|
+
<i class="align-middle" data-lucide="map"></i> <span class="align-middle">Maps</span>
|
|
159
|
+
</a>
|
|
160
|
+
</li>
|
|
161
|
+
</ul>
|
|
162
|
+
|
|
163
|
+
<div class="sidebar-cta">
|
|
164
|
+
<div class="sidebar-cta-content">
|
|
165
|
+
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
|
166
|
+
<div class="mb-3 text-sm">
|
|
167
|
+
AdminKit PRO, the premium version, has more components.
|
|
168
|
+
</div>
|
|
169
|
+
<div class="d-grid">
|
|
170
|
+
<a href="upgrade-to-pro.html" class="btn btn-primary">Upgrade to Pro</a>
|
|
171
|
+
</div>
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
</div>
|
|
175
|
+
</nav>
|
|
176
|
+
|
|
177
|
+
<div class="main">
|
|
178
|
+
<nav class="navbar navbar-expand navbar-light navbar-bg" aria-label="Top bar">
|
|
179
|
+
<button type="button" class="sidebar-toggle js-sidebar-toggle" aria-controls="sidebar" aria-expanded="true" aria-label="Collapse sidebar">
|
|
180
|
+
<i class="hamburger align-self-center"></i>
|
|
181
|
+
</button>
|
|
182
|
+
|
|
183
|
+
<div class="navbar-collapse collapse">
|
|
184
|
+
<ul class="navbar-nav navbar-align">
|
|
185
|
+
<li class="nav-item dropdown">
|
|
186
|
+
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
187
|
+
<div class="position-relative">
|
|
188
|
+
<span class="visually-hidden">Notifications</span>
|
|
189
|
+
<i class="align-middle" data-lucide="bell"></i>
|
|
190
|
+
<span class="indicator">4</span>
|
|
191
|
+
</div>
|
|
192
|
+
</a>
|
|
193
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="alertsDropdown">
|
|
194
|
+
<div class="dropdown-menu-header">
|
|
195
|
+
4 New Notifications
|
|
196
|
+
</div>
|
|
197
|
+
<div class="list-group">
|
|
198
|
+
<a href="#" class="list-group-item">
|
|
199
|
+
<div class="row g-0 align-items-center">
|
|
200
|
+
<div class="col-2">
|
|
201
|
+
<i class="text-danger" data-lucide="circle-alert"></i>
|
|
202
|
+
</div>
|
|
203
|
+
<div class="col-10">
|
|
204
|
+
<div class="text-dark">Update completed</div>
|
|
205
|
+
<div class="text-body-secondary small mt-1">Restart server 12 to complete the update.</div>
|
|
206
|
+
<div class="text-body-secondary small mt-1">30m ago</div>
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
</a>
|
|
210
|
+
<a href="#" class="list-group-item">
|
|
211
|
+
<div class="row g-0 align-items-center">
|
|
212
|
+
<div class="col-2">
|
|
213
|
+
<i class="text-warning" data-lucide="bell"></i>
|
|
214
|
+
</div>
|
|
215
|
+
<div class="col-10">
|
|
216
|
+
<div class="text-dark">Lorem ipsum</div>
|
|
217
|
+
<div class="text-body-secondary small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
|
218
|
+
<div class="text-body-secondary small mt-1">2h ago</div>
|
|
219
|
+
</div>
|
|
220
|
+
</div>
|
|
221
|
+
</a>
|
|
222
|
+
<a href="#" class="list-group-item">
|
|
223
|
+
<div class="row g-0 align-items-center">
|
|
224
|
+
<div class="col-2">
|
|
225
|
+
<i class="text-primary" data-lucide="house"></i>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="col-10">
|
|
228
|
+
<div class="text-dark">Login from 192.186.1.8</div>
|
|
229
|
+
<div class="text-body-secondary small mt-1">5h ago</div>
|
|
230
|
+
</div>
|
|
231
|
+
</div>
|
|
232
|
+
</a>
|
|
233
|
+
<a href="#" class="list-group-item">
|
|
234
|
+
<div class="row g-0 align-items-center">
|
|
235
|
+
<div class="col-2">
|
|
236
|
+
<i class="text-success" data-lucide="user-plus"></i>
|
|
237
|
+
</div>
|
|
238
|
+
<div class="col-10">
|
|
239
|
+
<div class="text-dark">New connection</div>
|
|
240
|
+
<div class="text-body-secondary small mt-1">Christina accepted your request.</div>
|
|
241
|
+
<div class="text-body-secondary small mt-1">14h ago</div>
|
|
242
|
+
</div>
|
|
243
|
+
</div>
|
|
244
|
+
</a>
|
|
245
|
+
</div>
|
|
246
|
+
<div class="dropdown-menu-footer">
|
|
247
|
+
<a href="#" class="text-body-secondary">Show all notifications</a>
|
|
248
|
+
</div>
|
|
249
|
+
</div>
|
|
250
|
+
</li>
|
|
251
|
+
<li class="nav-item dropdown">
|
|
252
|
+
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"
|
|
253
|
+
aria-label="Messages">
|
|
254
|
+
<div class="position-relative">
|
|
255
|
+
<i class="align-middle" data-lucide="message-square"></i>
|
|
256
|
+
</div>
|
|
257
|
+
</a>
|
|
258
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="messagesDropdown">
|
|
259
|
+
<div class="dropdown-menu-header">
|
|
260
|
+
<div class="position-relative">
|
|
261
|
+
4 New Messages
|
|
262
|
+
</div>
|
|
263
|
+
</div>
|
|
264
|
+
<div class="list-group">
|
|
265
|
+
<a href="#" class="list-group-item">
|
|
266
|
+
<div class="row g-0 align-items-center">
|
|
267
|
+
<div class="col-2">
|
|
268
|
+
<img src="./img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker" width="40"
|
|
269
|
+
height="40">
|
|
270
|
+
</div>
|
|
271
|
+
<div class="col-10 ps-2">
|
|
272
|
+
<div class="text-dark">Vanessa Tucker</div>
|
|
273
|
+
<div class="text-body-secondary small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
|
274
|
+
<div class="text-body-secondary small mt-1">15m ago</div>
|
|
275
|
+
</div>
|
|
276
|
+
</div>
|
|
277
|
+
</a>
|
|
278
|
+
<a href="#" class="list-group-item">
|
|
279
|
+
<div class="row g-0 align-items-center">
|
|
280
|
+
<div class="col-2">
|
|
281
|
+
<img src="./img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris" width="40"
|
|
282
|
+
height="40">
|
|
283
|
+
</div>
|
|
284
|
+
<div class="col-10 ps-2">
|
|
285
|
+
<div class="text-dark">William Harris</div>
|
|
286
|
+
<div class="text-body-secondary small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
|
287
|
+
<div class="text-body-secondary small mt-1">2h ago</div>
|
|
288
|
+
</div>
|
|
289
|
+
</div>
|
|
290
|
+
</a>
|
|
291
|
+
<a href="#" class="list-group-item">
|
|
292
|
+
<div class="row g-0 align-items-center">
|
|
293
|
+
<div class="col-2">
|
|
294
|
+
<img src="./img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason" width="40"
|
|
295
|
+
height="40">
|
|
296
|
+
</div>
|
|
297
|
+
<div class="col-10 ps-2">
|
|
298
|
+
<div class="text-dark">Christina Mason</div>
|
|
299
|
+
<div class="text-body-secondary small mt-1">Pellentesque auctor neque nec urna.</div>
|
|
300
|
+
<div class="text-body-secondary small mt-1">4h ago</div>
|
|
301
|
+
</div>
|
|
302
|
+
</div>
|
|
303
|
+
</a>
|
|
304
|
+
<a href="#" class="list-group-item">
|
|
305
|
+
<div class="row g-0 align-items-center">
|
|
306
|
+
<div class="col-2">
|
|
307
|
+
<img src="./img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman" width="40"
|
|
308
|
+
height="40">
|
|
309
|
+
</div>
|
|
310
|
+
<div class="col-10 ps-2">
|
|
311
|
+
<div class="text-dark">Sharon Lessman</div>
|
|
312
|
+
<div class="text-body-secondary small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
|
313
|
+
<div class="text-body-secondary small mt-1">5h ago</div>
|
|
314
|
+
</div>
|
|
315
|
+
</div>
|
|
316
|
+
</a>
|
|
317
|
+
</div>
|
|
318
|
+
<div class="dropdown-menu-footer">
|
|
319
|
+
<a href="#" class="text-body-secondary">Show all messages</a>
|
|
320
|
+
</div>
|
|
321
|
+
</div>
|
|
322
|
+
</li>
|
|
323
|
+
<li class="nav-item dropdown">
|
|
324
|
+
<a class="nav-icon dropdown-toggle" href="#" id="colorModeDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"
|
|
325
|
+
aria-label="Color mode" data-color-mode-toggle>
|
|
326
|
+
<span data-color-mode-icon="light" hidden><i class="align-middle" data-lucide="sun"></i></span>
|
|
327
|
+
<span data-color-mode-icon="dark" hidden><i class="align-middle" data-lucide="moon"></i></span>
|
|
328
|
+
<span data-color-mode-icon="auto"><i class="align-middle" data-lucide="sun-moon"></i></span>
|
|
329
|
+
</a>
|
|
330
|
+
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="colorModeDropdown">
|
|
331
|
+
<li>
|
|
332
|
+
<button type="button" class="dropdown-item" data-color-mode-value="light" aria-pressed="false">
|
|
333
|
+
<i class="align-middle me-1" data-lucide="sun"></i> Light
|
|
334
|
+
</button>
|
|
335
|
+
</li>
|
|
336
|
+
<li>
|
|
337
|
+
<button type="button" class="dropdown-item" data-color-mode-value="dark" aria-pressed="false">
|
|
338
|
+
<i class="align-middle me-1" data-lucide="moon"></i> Dark
|
|
339
|
+
</button>
|
|
340
|
+
</li>
|
|
341
|
+
<li>
|
|
342
|
+
<button type="button" class="dropdown-item" data-color-mode-value="auto" aria-pressed="false">
|
|
343
|
+
<i class="align-middle me-1" data-lucide="sun-moon"></i> Auto
|
|
344
|
+
</button>
|
|
345
|
+
</li>
|
|
346
|
+
</ul>
|
|
347
|
+
</li>
|
|
348
|
+
<li class="nav-item dropdown">
|
|
349
|
+
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"
|
|
350
|
+
aria-label="Account">
|
|
351
|
+
<i class="align-middle" data-lucide="settings"></i>
|
|
352
|
+
</a>
|
|
353
|
+
|
|
354
|
+
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
355
|
+
<img src="./img/avatars/avatar.jpg" class="avatar img-fluid rounded me-1" alt="Charles Hall" width="40" height="40" /> <span
|
|
356
|
+
class="text-dark">Charles Hall</span>
|
|
357
|
+
</a>
|
|
358
|
+
<div class="dropdown-menu dropdown-menu-end">
|
|
359
|
+
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle me-1" data-lucide="user"></i> Profile</a>
|
|
360
|
+
<a class="dropdown-item" href="#"><i class="align-middle me-1" data-lucide="chart-pie"></i> Analytics</a>
|
|
361
|
+
<div class="dropdown-divider"></div>
|
|
362
|
+
<a class="dropdown-item" href="index.html"><i class="align-middle me-1" data-lucide="settings"></i> Settings & Privacy</a>
|
|
363
|
+
<a class="dropdown-item" href="#"><i class="align-middle me-1" data-lucide="circle-question-mark"></i> Help Center</a>
|
|
364
|
+
<div class="dropdown-divider"></div>
|
|
365
|
+
<a class="dropdown-item" href="#">Log out</a>
|
|
366
|
+
</div>
|
|
367
|
+
</li>
|
|
368
|
+
</ul>
|
|
369
|
+
</div>
|
|
370
|
+
</nav>
|
|
371
|
+
|
|
372
|
+
<main class="content ak-reveal-cards">
|
|
373
|
+
<div class="container-fluid p-0">
|
|
374
|
+
<div class="mb-3">
|
|
375
|
+
<h1 class="h3 d-inline align-middle">Pricing</h1>
|
|
376
|
+
<a class="badge bg-dark text-light ms-2 d-print-none" href="upgrade-to-pro.html">
|
|
377
|
+
Get more page examples
|
|
378
|
+
</a>
|
|
379
|
+
</div>
|
|
380
|
+
<div class="row">
|
|
381
|
+
<div class="col-12 col-xxl-10 mx-auto">
|
|
382
|
+
<div class="text-center mb-4">
|
|
383
|
+
<h2 class="h3">Choose the plan that fits your team</h2>
|
|
384
|
+
<p class="text-body-secondary mb-4">Start free and upgrade when you need more. Paid plans come with a 14-day trial, no credit
|
|
385
|
+
card required.</p>
|
|
386
|
+
|
|
387
|
+
<div class="btn-group" role="group" aria-label="Billing period">
|
|
388
|
+
<input type="radio" class="btn-check" name="billing-period" id="billing-monthly" value="monthly" autocomplete="off" checked>
|
|
389
|
+
<label class="btn btn-outline-primary" for="billing-monthly">Monthly</label>
|
|
390
|
+
<input type="radio" class="btn-check" name="billing-period" id="billing-yearly" value="yearly" autocomplete="off">
|
|
391
|
+
<label class="btn btn-outline-primary" for="billing-yearly">Yearly <span
|
|
392
|
+
class="badge bg-success-subtle text-success-emphasis ms-1">Save 20%</span></label>
|
|
393
|
+
</div>
|
|
394
|
+
</div>
|
|
395
|
+
|
|
396
|
+
<div class="pricing-plans mb-3">
|
|
397
|
+
<div class="card">
|
|
398
|
+
<div class="card-body p-3 p-xl-4">
|
|
399
|
+
<h3 class="h5 mb-1">Free</h3>
|
|
400
|
+
<p class="text-body-secondary">For individuals and small teams getting started.</p>
|
|
401
|
+
<p class="pricing-price mb-0">
|
|
402
|
+
<span class="display-6 fw-semibold">$0</span>
|
|
403
|
+
<span class="text-body-secondary text-nowrap">per user / month</span>
|
|
404
|
+
</p>
|
|
405
|
+
<p class="small text-body-secondary mb-4">Free forever</p>
|
|
406
|
+
<div class="mb-4">
|
|
407
|
+
<a href="pages-sign-up.html" class="btn btn-outline-primary w-100">Get started<span class="visually-hidden"> with
|
|
408
|
+
Free</span></a>
|
|
409
|
+
</div>
|
|
410
|
+
<ul class="pricing-features list-unstyled border-top pt-4 mb-0">
|
|
411
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Up to 3 users</li>
|
|
412
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>5 projects</li>
|
|
413
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>2 GB storage</li>
|
|
414
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Tasks, boards and calendar</li>
|
|
415
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Two-factor authentication</li>
|
|
416
|
+
</ul>
|
|
417
|
+
</div>
|
|
418
|
+
</div>
|
|
419
|
+
<div class="card pricing-plan-featured">
|
|
420
|
+
<div class="card-body p-3 p-xl-4">
|
|
421
|
+
<div class="d-flex align-items-center justify-content-between gap-2 mb-1">
|
|
422
|
+
<h3 class="h5 mb-0">Standard</h3>
|
|
423
|
+
<span class="badge bg-primary">Most popular</span>
|
|
424
|
+
</div>
|
|
425
|
+
<p class="text-body-secondary">For growing teams that need more room and integrations.</p>
|
|
426
|
+
<p class="pricing-price mb-0">
|
|
427
|
+
<span class="display-6 fw-semibold" data-monthly="$15" data-yearly="$12">$15</span>
|
|
428
|
+
<span class="text-body-secondary text-nowrap">per user / month</span>
|
|
429
|
+
</p>
|
|
430
|
+
<p class="small text-body-secondary mb-4" data-monthly="Billed monthly" data-yearly="$144 per user, billed yearly">
|
|
431
|
+
Billed monthly</p>
|
|
432
|
+
<div class="mb-4">
|
|
433
|
+
<a href="pages-sign-up.html" class="btn btn-primary w-100">Start free trial<span class="visually-hidden"> with
|
|
434
|
+
Standard</span></a>
|
|
435
|
+
</div>
|
|
436
|
+
<ul class="pricing-features list-unstyled border-top pt-4 mb-0">
|
|
437
|
+
<li class="fw-semibold">Everything in Free, plus:</li>
|
|
438
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Up to 50 users</li>
|
|
439
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Unlimited projects</li>
|
|
440
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>100 GB storage</li>
|
|
441
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Advanced reports and exports</li>
|
|
442
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Integrations and API access</li>
|
|
443
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Email support</li>
|
|
444
|
+
</ul>
|
|
445
|
+
</div>
|
|
446
|
+
</div>
|
|
447
|
+
<div class="card">
|
|
448
|
+
<div class="card-body p-3 p-xl-4">
|
|
449
|
+
<h3 class="h5 mb-1">Plus</h3>
|
|
450
|
+
<p class="text-body-secondary">For companies that need security and admin controls.</p>
|
|
451
|
+
<p class="pricing-price mb-0">
|
|
452
|
+
<span class="display-6 fw-semibold" data-monthly="$30" data-yearly="$24">$30</span>
|
|
453
|
+
<span class="text-body-secondary text-nowrap">per user / month</span>
|
|
454
|
+
</p>
|
|
455
|
+
<p class="small text-body-secondary mb-4" data-monthly="Billed monthly" data-yearly="$288 per user, billed yearly">
|
|
456
|
+
Billed monthly</p>
|
|
457
|
+
<div class="mb-4">
|
|
458
|
+
<a href="pages-sign-up.html" class="btn btn-outline-primary w-100">Start free trial<span class="visually-hidden">
|
|
459
|
+
with Plus</span></a>
|
|
460
|
+
</div>
|
|
461
|
+
<ul class="pricing-features list-unstyled border-top pt-4 mb-0">
|
|
462
|
+
<li class="fw-semibold">Everything in Standard, plus:</li>
|
|
463
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Unlimited users</li>
|
|
464
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>1 TB storage</li>
|
|
465
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Single sign-on (SAML)</li>
|
|
466
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Custom roles and permissions</li>
|
|
467
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Audit log and daily backups</li>
|
|
468
|
+
<li><i class="text-success" data-lucide="check" aria-hidden="true"></i>Priority support</li>
|
|
469
|
+
</ul>
|
|
470
|
+
</div>
|
|
471
|
+
</div>
|
|
472
|
+
</div>
|
|
473
|
+
|
|
474
|
+
<p class="text-center small text-body-secondary mb-5">Prices in USD, excluding VAT. Need more than 500 users or an invoice-based
|
|
475
|
+
contract? <a href="#">Contact sales</a></p>
|
|
476
|
+
|
|
477
|
+
<div class="card">
|
|
478
|
+
<div class="card-header">
|
|
479
|
+
<h2 class="card-title">Compare plans</h2>
|
|
480
|
+
<p class="h6 card-subtitle text-body-secondary">Every limit and feature, side by side.</p>
|
|
481
|
+
</div>
|
|
482
|
+
<div class="table-responsive-lg">
|
|
483
|
+
<table class="table pricing-table mb-0">
|
|
484
|
+
<thead>
|
|
485
|
+
<tr>
|
|
486
|
+
<th scope="col"><span class="visually-hidden">Feature</span></th>
|
|
487
|
+
<th scope="col">
|
|
488
|
+
<span class="d-block h5 mb-1">Free</span>
|
|
489
|
+
<span class="d-block mb-2"><span class="fs-4 fw-semibold">$0</span> <span
|
|
490
|
+
class="small fw-normal text-body-secondary">per user / month</span></span>
|
|
491
|
+
<a href="pages-sign-up.html" class="btn btn-sm btn-outline-primary">Get started<span
|
|
492
|
+
class="visually-hidden"> with Free</span></a>
|
|
493
|
+
</th>
|
|
494
|
+
<th scope="col">
|
|
495
|
+
<span class="d-block h5 mb-1">Standard</span>
|
|
496
|
+
<span class="d-block mb-2"><span class="fs-4 fw-semibold" data-monthly="$15" data-yearly="$12">$15</span>
|
|
497
|
+
<span class="small fw-normal text-body-secondary">per user / month</span></span>
|
|
498
|
+
<a href="pages-sign-up.html" class="btn btn-sm btn-primary">Start trial<span class="visually-hidden"> with
|
|
499
|
+
Standard</span></a>
|
|
500
|
+
</th>
|
|
501
|
+
<th scope="col">
|
|
502
|
+
<span class="d-block h5 mb-1">Plus</span>
|
|
503
|
+
<span class="d-block mb-2"><span class="fs-4 fw-semibold" data-monthly="$30" data-yearly="$24">$30</span>
|
|
504
|
+
<span class="small fw-normal text-body-secondary">per user / month</span></span>
|
|
505
|
+
<a href="pages-sign-up.html" class="btn btn-sm btn-outline-primary">Start trial<span
|
|
506
|
+
class="visually-hidden"> with Plus</span></a>
|
|
507
|
+
</th>
|
|
508
|
+
</tr>
|
|
509
|
+
</thead>
|
|
510
|
+
<tbody>
|
|
511
|
+
<tr class="pricing-table-group">
|
|
512
|
+
<th scope="colgroup" colspan="4"><i data-lucide="gauge" aria-hidden="true"></i>Usage</th>
|
|
513
|
+
</tr>
|
|
514
|
+
<tr>
|
|
515
|
+
<th scope="row">Users</th>
|
|
516
|
+
<td>Up to 3</td>
|
|
517
|
+
<td>Up to 50</td>
|
|
518
|
+
<td>Unlimited</td>
|
|
519
|
+
</tr>
|
|
520
|
+
<tr>
|
|
521
|
+
<th scope="row">Projects</th>
|
|
522
|
+
<td>5</td>
|
|
523
|
+
<td>Unlimited</td>
|
|
524
|
+
<td>Unlimited</td>
|
|
525
|
+
</tr>
|
|
526
|
+
<tr>
|
|
527
|
+
<th scope="row">Storage</th>
|
|
528
|
+
<td>2 GB</td>
|
|
529
|
+
<td>100 GB</td>
|
|
530
|
+
<td>1 TB</td>
|
|
531
|
+
</tr>
|
|
532
|
+
<tr>
|
|
533
|
+
<th scope="row">Guest access</th>
|
|
534
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
535
|
+
class="visually-hidden">No</span></td>
|
|
536
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
537
|
+
</td>
|
|
538
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
539
|
+
</td>
|
|
540
|
+
</tr>
|
|
541
|
+
<tr class="pricing-table-group">
|
|
542
|
+
<th scope="colgroup" colspan="4"><i data-lucide="layout-grid" aria-hidden="true"></i>Features</th>
|
|
543
|
+
</tr>
|
|
544
|
+
<tr>
|
|
545
|
+
<th scope="row">Tasks, boards and calendar</th>
|
|
546
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
547
|
+
</td>
|
|
548
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
549
|
+
</td>
|
|
550
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
551
|
+
</td>
|
|
552
|
+
</tr>
|
|
553
|
+
<tr>
|
|
554
|
+
<th scope="row">Reports</th>
|
|
555
|
+
<td>Basic</td>
|
|
556
|
+
<td>Advanced</td>
|
|
557
|
+
<td>Advanced</td>
|
|
558
|
+
</tr>
|
|
559
|
+
<tr>
|
|
560
|
+
<th scope="row">Integrations and API access</th>
|
|
561
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
562
|
+
class="visually-hidden">No</span></td>
|
|
563
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
564
|
+
</td>
|
|
565
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
566
|
+
</td>
|
|
567
|
+
</tr>
|
|
568
|
+
<tr>
|
|
569
|
+
<th scope="row">Custom roles and permissions</th>
|
|
570
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
571
|
+
class="visually-hidden">No</span></td>
|
|
572
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
573
|
+
class="visually-hidden">No</span></td>
|
|
574
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
575
|
+
</td>
|
|
576
|
+
</tr>
|
|
577
|
+
<tr class="pricing-table-group">
|
|
578
|
+
<th scope="colgroup" colspan="4"><i data-lucide="shield-check" aria-hidden="true"></i>Security</th>
|
|
579
|
+
</tr>
|
|
580
|
+
<tr>
|
|
581
|
+
<th scope="row">Two-factor authentication</th>
|
|
582
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
583
|
+
</td>
|
|
584
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
585
|
+
</td>
|
|
586
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
587
|
+
</td>
|
|
588
|
+
</tr>
|
|
589
|
+
<tr>
|
|
590
|
+
<th scope="row">Backups</th>
|
|
591
|
+
<td>Weekly</td>
|
|
592
|
+
<td>Weekly</td>
|
|
593
|
+
<td>Daily</td>
|
|
594
|
+
</tr>
|
|
595
|
+
<tr>
|
|
596
|
+
<th scope="row">Single sign-on (SAML)</th>
|
|
597
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
598
|
+
class="visually-hidden">No</span></td>
|
|
599
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
600
|
+
class="visually-hidden">No</span></td>
|
|
601
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
602
|
+
</td>
|
|
603
|
+
</tr>
|
|
604
|
+
<tr>
|
|
605
|
+
<th scope="row">Audit log</th>
|
|
606
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
607
|
+
class="visually-hidden">No</span></td>
|
|
608
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
609
|
+
class="visually-hidden">No</span></td>
|
|
610
|
+
<td>1 year</td>
|
|
611
|
+
</tr>
|
|
612
|
+
<tr class="pricing-table-group">
|
|
613
|
+
<th scope="colgroup" colspan="4"><i data-lucide="life-buoy" aria-hidden="true"></i>Support</th>
|
|
614
|
+
</tr>
|
|
615
|
+
<tr>
|
|
616
|
+
<th scope="row">Help center and community</th>
|
|
617
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
618
|
+
</td>
|
|
619
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
620
|
+
</td>
|
|
621
|
+
<td><i class="text-success" data-lucide="check" aria-hidden="true"></i><span class="visually-hidden">Yes</span>
|
|
622
|
+
</td>
|
|
623
|
+
</tr>
|
|
624
|
+
<tr>
|
|
625
|
+
<th scope="row">Email support</th>
|
|
626
|
+
<td><i class="text-body-secondary" data-lucide="minus" aria-hidden="true"></i><span
|
|
627
|
+
class="visually-hidden">No</span></td>
|
|
628
|
+
<td>1 business day</td>
|
|
629
|
+
<td>4 hours</td>
|
|
630
|
+
</tr>
|
|
631
|
+
</tbody>
|
|
632
|
+
</table>
|
|
633
|
+
</div>
|
|
634
|
+
</div>
|
|
635
|
+
|
|
636
|
+
<div class="card">
|
|
637
|
+
<div class="card-header">
|
|
638
|
+
<h2 class="card-title">Frequently asked questions</h2>
|
|
639
|
+
</div>
|
|
640
|
+
<div class="card-body">
|
|
641
|
+
<div class="row g-4">
|
|
642
|
+
<div class="col-12 col-md-6">
|
|
643
|
+
<h3 class="h6">Do I need a credit card to start a trial?</h3>
|
|
644
|
+
<p class="text-body-secondary mb-0">No. You add a payment method only when you decide to keep a paid plan at the end
|
|
645
|
+
of the 14-day trial.</p>
|
|
646
|
+
</div>
|
|
647
|
+
<div class="col-12 col-md-6">
|
|
648
|
+
<h3 class="h6">What happens when the trial ends?</h3>
|
|
649
|
+
<p class="text-body-secondary mb-0">You choose a paid plan or your workspace moves to Free. Your projects stay;
|
|
650
|
+
anything above the Free limits becomes read-only.</p>
|
|
651
|
+
</div>
|
|
652
|
+
<div class="col-12 col-md-6">
|
|
653
|
+
<h3 class="h6">Can I change plans later?</h3>
|
|
654
|
+
<p class="text-body-secondary mb-0">Yes, at any time from the billing settings. Upgrades apply right away and are
|
|
655
|
+
prorated; downgrades apply at the next renewal.</p>
|
|
656
|
+
</div>
|
|
657
|
+
<div class="col-12 col-md-6">
|
|
658
|
+
<h3 class="h6">How are users counted?</h3>
|
|
659
|
+
<p class="text-body-secondary mb-0">You pay for each member of your workspace. Guests who can only view or comment
|
|
660
|
+
on shared projects are free.</p>
|
|
661
|
+
</div>
|
|
662
|
+
<div class="col-12 col-md-6">
|
|
663
|
+
<h3 class="h6">Which payment methods do you accept?</h3>
|
|
664
|
+
<p class="text-body-secondary mb-0">All major credit and debit cards. Yearly plans can also be paid by bank transfer
|
|
665
|
+
against an invoice.</p>
|
|
666
|
+
</div>
|
|
667
|
+
<div class="col-12 col-md-6">
|
|
668
|
+
<h3 class="h6">Can I cancel at any time?</h3>
|
|
669
|
+
<p class="text-body-secondary mb-0">Yes. Your plan stays active until the end of the billing period, and you can
|
|
670
|
+
export your data whenever you want.</p>
|
|
671
|
+
</div>
|
|
672
|
+
</div>
|
|
673
|
+
</div>
|
|
674
|
+
</div>
|
|
675
|
+
</div>
|
|
676
|
+
</div>
|
|
677
|
+
|
|
678
|
+
</div>
|
|
679
|
+
</main>
|
|
680
|
+
|
|
681
|
+
<footer class="footer ak-reveal">
|
|
682
|
+
<div class="container-fluid">
|
|
683
|
+
<div class="row text-body-secondary">
|
|
684
|
+
<div class="col-6 text-start">
|
|
685
|
+
<p class="mb-0">
|
|
686
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank"><strong>AdminKit</strong></a> - <a
|
|
687
|
+
class="text-body-secondary" href="https://adminkit.io/" target="_blank"><strong>Bootstrap Admin Template</strong></a> ©
|
|
688
|
+
2026
|
|
689
|
+
</p>
|
|
690
|
+
</div>
|
|
691
|
+
<div class="col-6 text-end">
|
|
692
|
+
<ul class="list-inline">
|
|
693
|
+
<li class="list-inline-item">
|
|
694
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank">Support</a>
|
|
695
|
+
</li>
|
|
696
|
+
<li class="list-inline-item">
|
|
697
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank">Help Center</a>
|
|
698
|
+
</li>
|
|
699
|
+
<li class="list-inline-item">
|
|
700
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank">Privacy</a>
|
|
701
|
+
</li>
|
|
702
|
+
<li class="list-inline-item">
|
|
703
|
+
<a class="text-body-secondary" href="https://adminkit.io/" target="_blank">Terms</a>
|
|
704
|
+
</li>
|
|
705
|
+
</ul>
|
|
706
|
+
</div>
|
|
707
|
+
</div>
|
|
708
|
+
</div>
|
|
709
|
+
</footer>
|
|
710
|
+
</div>
|
|
711
|
+
</div>
|
|
712
|
+
|
|
713
|
+
<script>
|
|
714
|
+
document.addEventListener("DOMContentLoaded", function() {
|
|
715
|
+
// Show the monthly or yearly prices for the selected billing period
|
|
716
|
+
document.addEventListener("change", function(event) {
|
|
717
|
+
if (event.target.name !== "billing-period") {
|
|
718
|
+
return;
|
|
719
|
+
}
|
|
720
|
+
var period = event.target.value;
|
|
721
|
+
document.querySelectorAll("[data-monthly][data-yearly]").forEach(function(element) {
|
|
722
|
+
element.textContent = element.dataset[period];
|
|
723
|
+
});
|
|
724
|
+
});
|
|
725
|
+
});
|
|
726
|
+
</script>
|
|
727
|
+
|
|
728
|
+
</body>
|
|
729
|
+
|
|
730
|
+
</html>
|