@aiursoft/uistack 1.0.6 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/auth-2fa-cover.html +94 -0
  2. package/dist/auth-2fa.html +65 -0
  3. package/dist/auth-404.html +50 -0
  4. package/dist/auth-500.html +50 -0
  5. package/dist/auth-lock-screen-cover.html +97 -0
  6. package/dist/auth-lock-screen.html +68 -0
  7. package/dist/auth-reset-password-cover.html +94 -0
  8. package/dist/auth-reset-password.html +65 -0
  9. package/dist/auth-sign-in-cover.html +129 -0
  10. package/dist/auth-sign-in.html +100 -0
  11. package/dist/auth-sign-up-cover.html +124 -0
  12. package/dist/auth-sign-up.html +95 -0
  13. package/dist/calendar.html +706 -0
  14. package/dist/charts-apexcharts.html +1366 -0
  15. package/dist/charts-chartjs.html +959 -0
  16. package/dist/chat.html +894 -0
  17. package/dist/css/app.css +1 -0
  18. package/dist/dashboard-analytics.html +1328 -0
  19. package/dist/dashboard-crypto.html +1320 -0
  20. package/dist/dashboard-default.html +1305 -0
  21. package/dist/dashboard-saas.html +1168 -0
  22. package/dist/dashboard-social.html +895 -0
  23. package/dist/datatables-ajax.html +681 -0
  24. package/dist/datatables-ajax.json +87 -0
  25. package/dist/datatables-buttons.html +1135 -0
  26. package/dist/datatables-column-search.html +1674 -0
  27. package/dist/datatables-fixed-header.html +1133 -0
  28. package/dist/datatables-multi.html +1136 -0
  29. package/dist/datatables-responsive.html +1132 -0
  30. package/dist/docs-changelog.html +796 -0
  31. package/dist/docs-customization.html +694 -0
  32. package/dist/docs-installation.html +822 -0
  33. package/dist/docs-introduction.html +669 -0
  34. package/dist/docs-plugins.html +743 -0
  35. package/dist/ecommerce-customers.html +921 -0
  36. package/dist/ecommerce-invoice.html +740 -0
  37. package/dist/ecommerce-orders.html +1050 -0
  38. package/dist/ecommerce-pricing.html +891 -0
  39. package/dist/ecommerce-products-details.html +896 -0
  40. package/dist/ecommerce-products.html +1021 -0
  41. package/dist/email-details.html +887 -0
  42. package/dist/email-inbox.html +1190 -0
  43. package/dist/file-manager.html +1058 -0
  44. package/dist/fonts/poppins-devanagari-300-normal.woff +0 -0
  45. package/dist/fonts/poppins-devanagari-300-normal.woff2 +0 -0
  46. package/dist/fonts/poppins-devanagari-400-normal.woff +0 -0
  47. package/dist/fonts/poppins-devanagari-400-normal.woff2 +0 -0
  48. package/dist/fonts/poppins-devanagari-500-normal.woff +0 -0
  49. package/dist/fonts/poppins-devanagari-500-normal.woff2 +0 -0
  50. package/dist/fonts/poppins-latin-300-normal.woff +0 -0
  51. package/dist/fonts/poppins-latin-300-normal.woff2 +0 -0
  52. package/dist/fonts/poppins-latin-400-normal.woff +0 -0
  53. package/dist/fonts/poppins-latin-400-normal.woff2 +0 -0
  54. package/dist/fonts/poppins-latin-500-normal.woff +0 -0
  55. package/dist/fonts/poppins-latin-500-normal.woff2 +0 -0
  56. package/dist/fonts/poppins-latin-ext-300-normal.woff +0 -0
  57. package/dist/fonts/poppins-latin-ext-300-normal.woff2 +0 -0
  58. package/dist/fonts/poppins-latin-ext-400-normal.woff +0 -0
  59. package/dist/fonts/poppins-latin-ext-400-normal.woff2 +0 -0
  60. package/dist/fonts/poppins-latin-ext-500-normal.woff +0 -0
  61. package/dist/fonts/poppins-latin-ext-500-normal.woff2 +0 -0
  62. package/dist/forms-advanced-inputs.html +969 -0
  63. package/dist/forms-basic-inputs.html +833 -0
  64. package/dist/forms-editors.html +765 -0
  65. package/dist/forms-floating-labels.html +720 -0
  66. package/dist/forms-input-groups.html +881 -0
  67. package/dist/forms-layouts.html +822 -0
  68. package/dist/forms-validation.html +918 -0
  69. package/dist/forms-wizard.html +929 -0
  70. package/dist/icons-font-awesome.html +4494 -0
  71. package/dist/icons-lucide.html +1435 -0
  72. package/dist/index.html +490 -0
  73. package/dist/js/app.js +1 -1
  74. package/dist/landing.html +589 -0
  75. package/dist/maps-google.html +995 -0
  76. package/dist/maps-vector.html +828 -0
  77. package/dist/notifications.html +761 -0
  78. package/dist/pages-blank.html +642 -0
  79. package/dist/pages-profile.html +812 -0
  80. package/dist/pages-settings.html +812 -0
  81. package/dist/projects-details.html +998 -0
  82. package/dist/projects-overview.html +941 -0
  83. package/dist/tables.html +1074 -0
  84. package/dist/tasks-kanban.html +1264 -0
  85. package/dist/tasks-list.html +899 -0
  86. package/dist/ui-alerts.html +960 -0
  87. package/dist/ui-buttons.html +1055 -0
  88. package/dist/ui-cards.html +784 -0
  89. package/dist/ui-carousel.html +804 -0
  90. package/dist/ui-embed-video.html +682 -0
  91. package/dist/ui-general.html +1044 -0
  92. package/dist/ui-grid.html +901 -0
  93. package/dist/ui-modals.html +1014 -0
  94. package/dist/ui-offcanvas.html +783 -0
  95. package/dist/ui-placeholders.html +731 -0
  96. package/dist/ui-tabs.html +878 -0
  97. package/dist/ui-typography.html +767 -0
  98. package/package.json +3 -2
package/dist/landing.html ADDED
@@ -0,0 +1,589 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+ <meta name="description" content="Responsive Bootstrap 5 Admin &amp; Dashboard Template">
9
+ <meta name="author" content="Bootlab">
10
+
11
+ <title>AppStack - Bootstrap 5 Admin &amp; Dashboard Template</title>
12
+
13
+ <link rel="canonical" href="https://appstack.bootlab.io/index.html" />
14
+ <link rel="shortcut icon" href="img/favicon.ico">
15
+
16
+ <link rel="preconnect" href="https://fonts.googleapis.com">
17
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
18
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap" rel="stylesheet">
19
+
20
+ <link href="css/app.css" rel="stylesheet">
21
+
22
+ </head>
23
+
24
+ <body>
25
+
26
+ <nav class="navbar navbar-expand-md navbar-dark bg-dark landing-navbar">
27
+ <div class="container">
28
+ <a class="navbar-brand landing-brand text-white" href="#">
29
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
30
+ width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
31
+ <path d="M19.4,4.1l-9-4C10.1,0,9.9,0,9.6,0.1l-9,4C0.2,4.2,0,4.6,0,5s0.2,0.8,0.6,0.9l9,4C9.7,10,9.9,10,10,10s0.3,0,0.4-0.1l9-4
32
+ C19.8,5.8,20,5.4,20,5S19.8,4.2,19.4,4.1z"/>
33
+ <path d="M10,15c-0.1,0-0.3,0-0.4-0.1l-9-4c-0.5-0.2-0.7-0.8-0.5-1.3c0.2-0.5,0.8-0.7,1.3-0.5l8.6,3.8l8.6-3.8c0.5-0.2,1.1,0,1.3,0.5
34
+ c0.2,0.5,0,1.1-0.5,1.3l-9,4C10.3,15,10.1,15,10,15z"/>
35
+ <path d="M10,20c-0.1,0-0.3,0-0.4-0.1l-9-4c-0.5-0.2-0.7-0.8-0.5-1.3c0.2-0.5,0.8-0.7,1.3-0.5l8.6,3.8l8.6-3.8c0.5-0.2,1.1,0,1.3,0.5
36
+ c0.2,0.5,0,1.1-0.5,1.3l-9,4C10.3,20,10.1,20,10,20z"/>
37
+ </svg>
38
+ AppStack
39
+ </a>
40
+
41
+ <ul class="navbar-nav ms-auto">
42
+ <li class="nav-item d-none d-md-inline-block">
43
+ <a class="nav-link active text-lg px-lg-3" href="#">Home</a>
44
+ </li>
45
+ <li class="nav-item d-none d-md-inline-block">
46
+ <a class="nav-link active text-lg px-lg-3" href="#">Features</a>
47
+ </li>
48
+ <li class="nav-item d-none d-md-inline-block">
49
+ <a class="nav-link active text-lg px-lg-3" href="#">Pricing</a>
50
+ </li>
51
+ <li class="nav-item d-none d-md-inline-block">
52
+ <a class="nav-link active text-lg px-lg-3" href="#">FAQ</a>
53
+ </li>
54
+ <li class="nav-item d-none d-md-inline-block">
55
+ <a class="nav-link active text-lg px-lg-3" href="#">Contact</a>
56
+ </li>
57
+ </ul>
58
+ <a href="https://themes.getbootstrap.com/product/appstack-responsive-admin-template/" target="_blank" class="btn btn-lg btn-success btn-pill my-2 my-sm-0 ms-3">Get Started</a>
59
+ </div>
60
+ </nav>
61
+
62
+ <section class="landing-intro text-bg-dark pt-5 pt-lg-6 pb-5 pb-lg-7">
63
+ <div class="landing-intro-content container">
64
+ <div class="row align-items-center">
65
+ <div class="col-lg-5 mx-auto">
66
+ <span class="badge badge-subtle-primary p-1">Free Trial</span>
67
+
68
+ <h1 class="my-4 text-white">AppStack is the perfect Admin Template <span class="text-primary">for your next project</span></h1>
69
+
70
+ <p class="text-lg text-white-50">A professional package that comes with hundreds of UI components, forms, tables, charts, dashboards, pages and svg icons.</p>
71
+
72
+ <div class="my-4">
73
+ <div class="d-inline-block me-3">
74
+ <h2 class="text-white">500+</h2>
75
+ <span class="text-white-50">UI Components</span>
76
+ </div>
77
+ <div class="d-inline-block me-3">
78
+ <h2 class="text-white">1500+</h2>
79
+ <span class="text-white-50">SVG Icons</span>
80
+ </div>
81
+ <div class="d-inline-block">
82
+ <h2 class="text-white">75+</h2>
83
+ <span class="text-white-50">HTML Pages</span>
84
+ </div>
85
+ </div>
86
+ <div class="my-4">
87
+ <a href="https://themes.getbootstrap.com/product/appstack-responsive-admin-template/" target="_blank" class="btn btn-primary btn-lg btn-pill">Get Started</a>
88
+ </div>
89
+ </div>
90
+ <div class="col-lg-7 d-none d-lg-flex mx-auto text-center">
91
+ <div class="landing-intro-screenshot pb-3">
92
+ <img src="img/screenshots/mixed.jpg" alt="Dark/Light Bootstrap Admin Template" class="img-fluid" />
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </section>
98
+
99
+ <section class="py-6 bg-white">
100
+ <div class="container">
101
+ <div class="mb-5 text-center">
102
+ <span class="text-uppercase text-primary text-sm fw-medium mb-1 d-block">Features</span>
103
+ <h2 class="h1">Features you'll love</h2>
104
+ <p class="text-muted fs-lg">A responsive dashboard built for everyone who wants to create webapps on top of Bootstrap.</p>
105
+ </div>
106
+ <div class="row text-start">
107
+ <div class="col-12 col-md-4">
108
+ <div class="d-flex align-items-start py-3">
109
+ <div class="landing-feature">
110
+ <i data-lucide="sliders"></i>
111
+ </div>
112
+ <div class="flex-grow-1">
113
+ <h4 class="mt-0">Customizable</h4>
114
+ <p class="fs-lg">You don't need to be an expert to customize our themes. Our code is very readable and well documented.</p>
115
+ </div>
116
+ </div>
117
+ </div>
118
+ <div class="col-12 col-md-4">
119
+ <div class="d-flex align-items-start py-3">
120
+ <div class="landing-feature">
121
+ <i data-lucide="smartphone"></i>
122
+ </div>
123
+ <div class="flex-grow-1">
124
+ <h4 class="mt-0">Fully Responsive</h4>
125
+ <p class="fs-lg">With mobile, tablet & desktop support it doesn't matter what device you're using. AppStack is responsive in all browsers.</p>
126
+ </div>
127
+ </div>
128
+ </div>
129
+ <div class="col-12 col-md-4">
130
+ <div class="d-flex align-items-start py-3">
131
+ <div class="landing-feature">
132
+ <i data-lucide="mail"></i>
133
+ </div>
134
+ <div class="flex-grow-1">
135
+ <h4 class="mt-0">Dev-to-dev Support</h4>
136
+ <p class="fs-lg">Our themes are supported by specialists who provide quick and effective support. Usually an email reply takes &lt;24h.</p>
137
+ </div>
138
+ </div>
139
+ </div>
140
+ <div class="col-12 col-md-4">
141
+ <div class="d-flex align-items-start py-3">
142
+ <div class="landing-feature">
143
+ <i data-lucide="chrome"></i>
144
+ </div>
145
+ <div class="flex-grow-1">
146
+ <h4 class="mt-0">Cross Browser</h4>
147
+ <p class="fs-lg">Our themes are working perfectly with: Chrome, Firefox, Safari, Opera and IE 11+. We're working hard to support them.</p>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ <div class="col-12 col-md-4">
152
+ <div class="d-flex align-items-start py-3">
153
+ <div class="landing-feature">
154
+ <i data-lucide="code"></i>
155
+ </div>
156
+ <div class="flex-grow-1">
157
+ <h4 class="mt-0">Clean Code</h4>
158
+ <p class="fs-lg">We strictly follow Bootstrap's guidelines to make your integration as easy as possible. All code is handwritten.</p>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ <div class="col-12 col-md-4">
163
+ <div class="d-flex align-items-start py-3">
164
+ <div class="landing-feature">
165
+ <i data-lucide="download-cloud"></i>
166
+ </div>
167
+ <div class="flex-grow-1">
168
+ <h4 class="mt-0">Regular Updates</h4>
169
+ <p class="fs-lg">From time to time you'll receive an update containing new components, improvements and bugfixes.</p>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </section>
176
+
177
+ <section class="py-6">
178
+ <div class="container position-relative z-3">
179
+ <div class="row">
180
+ <div class="col-md-12 mx-auto text-center">
181
+ <div class="row">
182
+ <div class="col-lg-10 col-xl-9 mx-auto">
183
+ <div class="mb-4">
184
+ <span class="text-uppercase text-primary text-sm fw-medium mb-1 d-block">Demos</span>
185
+ <h2 class="h1 mb-3">Multiple color schemes &amp; layouts</h2>
186
+ <p class="text-muted fs-lg">
187
+ 4 Pre-built color schemes and multiple layout types are available to make this template your very own. All the color schemes can take variation in color and styling,
188
+ that can easily be modified using Sass variables.
189
+ </p>
190
+ </div>
191
+ </div>
192
+ </div>
193
+
194
+ <div class="row">
195
+ <div class="col-md-4 py-3">
196
+ <a class="d-block mb-3 mx-1" target="_blank" href="dashboard-default.html?theme=default">
197
+ <img src="img/screenshots/theme-default.jpg" class="img-fluid rounded-3 landing-img" alt="Bootstrap 5 Dashboard Theme" />
198
+ </a>
199
+ <h4>Default</h4>
200
+ </div>
201
+ <div class="col-md-4 py-3">
202
+ <a class="d-block mb-3 mx-1" target="_blank" href="dashboard-default.html?sidebarBehavior=compact">
203
+ <img src="img/screenshots/sidebar-compact.jpg" class="img-fluid rounded-3 landing-img" alt="Compact Sidebar Bootstrap 5 Dashboard Theme" />
204
+ </a>
205
+ <h4>Compact sidebar</h4>
206
+ </div>
207
+ <div class="col-md-4 py-3">
208
+ <a class="d-block mb-3 mx-1" target="_blank" href="dashboard-default.html?theme=dark">
209
+ <img src="img/screenshots/theme-dark.jpg" class="img-fluid rounded-3 landing-img" alt="Dark Bootstrap 5 Dashboard Theme" />
210
+ </a>
211
+ <h4>Dark <sup><small class="badge badge-subtle-primary">New</small></sup></h4>
212
+ </div>
213
+ <div class="col-md-4 py-3">
214
+ <a class="d-block mb-3 mx-1" target="_blank" href="dashboard-default.html?theme=colored">
215
+ <img src="img/screenshots/theme-colored.jpg" class="img-fluid rounded-3 landing-img" alt="Colored Bootstrap 5 Dashboard Theme" />
216
+ </a>
217
+ <h4>Colored</h4>
218
+ </div>
219
+ <div class="col-md-4 py-3">
220
+ <a class="d-block mb-3 mx-1" target="_blank" href="dashboard-default.html?theme=light">
221
+ <img src="img/screenshots/theme-light.jpg" class="img-fluid rounded-3 landing-img" alt="Light Bootstrap 5 Dashboard Theme" />
222
+ </a>
223
+ <h4>Light</h4>
224
+ </div>
225
+ <div class="col-md-4 py-3">
226
+ <a class="d-block mb-3 mx-1" target="_blank" href="dashboard-default.html?sidebarPosition=right">
227
+ <img src="img/screenshots/sidebar-right.jpg" class="img-fluid rounded-3 landing-img" alt="Right Sidebar Bootstrap 5 Dashboard Theme" />
228
+ </a>
229
+ <h4>Right sidebar</h4>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </section>
236
+
237
+ <section class="py-6 bg-white">
238
+ <div class="container">
239
+ <div class="mb-5 text-center">
240
+ <span class="text-uppercase text-primary text-sm fw-medium mb-1 d-block">Reviews</span>
241
+ <h2 class="h1">What our customers are saying</h2>
242
+ <p class="text-muted fs-lg">Here's what some of our 5,000+ customers have to say about working with our products.</p>
243
+ </div>
244
+ <div class="row">
245
+ <div class="col-md-6 col-lg-4">
246
+ <blockquote class="landing-quote card border">
247
+ <div class="card-body p-4">
248
+ <div class="d-flex align-items-center mb-3">
249
+ <div>
250
+ <img src="img/brands/bootstrap.svg" width="48" height="48" alt="Bootstrap" />
251
+ </div>
252
+ <div class="ps-3">
253
+ <h5 class="mb-1 mt-2">Nikita</h5><small class="d-block text-muted h5 fw-normal">Head of Product</small>
254
+ </div>
255
+ </div>
256
+ <p class="lead mb-2">“We are totally amazed with a simplicity and the design of the template. <span>Probably saved us hundreds of hours of development.</span> We are absolutely
257
+ amazed with the support Bootlab has provided us.”</p>
258
+
259
+ <div class="landing-stars">
260
+ <i class="fas fa-star"></i>
261
+ <i class="fas fa-star"></i>
262
+ <i class="fas fa-star"></i>
263
+ <i class="fas fa-star"></i>
264
+ <i class="fas fa-star"></i>
265
+ </div>
266
+ </div>
267
+ </blockquote>
268
+ </div>
269
+ <div class="col-md-6 col-lg-4">
270
+ <blockquote class="landing-quote card border">
271
+ <div class="card-body p-4">
272
+ <div class="d-flex align-items-center mb-3">
273
+ <div>
274
+ <img src="img/brands/bootstrap.svg" width="48" height="48" alt="Bootstrap" />
275
+ </div>
276
+ <div class="ps-3">
277
+ <h5 class="mb-1 mt-2">Alejandro</h5><small class="d-block text-muted h5 fw-normal">Back-end Developer</small>
278
+ </div>
279
+ </div>
280
+ <p class="lead mb-2">“Everything is so properly set up that <span>any new additions I'd make would feel like a native extension of the theme</span> versus a simple hack. I definitely
281
+ feel like this will save me hundredths of hours I'd otherwise spend on designing.”</p>
282
+
283
+ <div class="landing-stars">
284
+ <i class="fas fa-star"></i>
285
+ <i class="fas fa-star"></i>
286
+ <i class="fas fa-star"></i>
287
+ <i class="fas fa-star"></i>
288
+ <i class="fas fa-star"></i>
289
+ </div>
290
+ </div>
291
+ </blockquote>
292
+ </div>
293
+ <div class="col-md-6 col-lg-4 d-block d-md-none d-lg-block">
294
+ <blockquote class="landing-quote card border">
295
+ <div class="card-body p-4">
296
+ <div class="d-flex align-items-center mb-3">
297
+ <div>
298
+ <img src="img/brands/bootstrap.svg" width="48" height="48" alt="Bootstrap" />
299
+ </div>
300
+ <div class="ps-3">
301
+ <h5 class="mb-1 mt-2">Jordi</h5><small class="d-block text-muted h5 fw-normal">Front-end Developer</small>
302
+ </div>
303
+ </div>
304
+ <p class="lead mb-2">“I ran into a problem and contacted support. Within 24 hours, I not only received a response but even an updated version that solved my problem and works
305
+ like a charm. <span>Fantastic customer service!</span>”</p>
306
+
307
+ <div class="landing-stars">
308
+ <i class="fas fa-star"></i>
309
+ <i class="fas fa-star"></i>
310
+ <i class="fas fa-star"></i>
311
+ <i class="fas fa-star"></i>
312
+ <i class="fas fa-star"></i>
313
+ </div>
314
+ </div>
315
+ </blockquote>
316
+ </div>
317
+ </div>
318
+ </div>
319
+ </section>
320
+
321
+ <section class="py-5">
322
+ <div class="container">
323
+ <div class="row">
324
+ <div class="col-md-10 col-xl-8 col-xxl-8 mx-auto">
325
+
326
+ <div class="mb-4 text-center">
327
+ <span class="text-uppercase text-primary text-sm fw-medium mb-1 d-block">Pricing</span>
328
+ <h2 class="h1">We have a plan for everyone</h2>
329
+ <p class="text-muted fs-lg">Whether you're a business or an individual, 14-day trial no credit card required.</p>
330
+ </div>
331
+
332
+ <div class="row py-4">
333
+ <div class="col-sm-4 mb-3 mb-md-0">
334
+ <div class="card text-center h-100">
335
+ <div class="card-body d-flex flex-column">
336
+ <div class="mb-4">
337
+ <h5>Free</h5>
338
+ <span class="display-4">$0</span>
339
+ </div>
340
+ <h6>Includes:</h6>
341
+ <ul class="list-unstyled">
342
+ <li class="mb-2">
343
+ 1 user
344
+ </li>
345
+ <li class="mb-2">
346
+ 5 projects
347
+ </li>
348
+ <li class="mb-2">
349
+ 5 GB storage
350
+ </li>
351
+ </ul>
352
+ <div class="mt-auto">
353
+ <a href="#" class="btn btn-lg btn-pill btn-outline-primary">Sign up</a>
354
+ </div>
355
+ </div>
356
+ </div>
357
+ </div>
358
+ <div class="col-sm-4 mb-3 mb-md-0">
359
+ <div class="card text-center h-100">
360
+ <div class="card-body d-flex flex-column">
361
+ <div class="mb-4">
362
+ <h5>Standard</h5>
363
+ <span class="display-4">$19</span>
364
+ <span>/mo</span>
365
+ </div>
366
+ <h6>Includes:</h6>
367
+ <ul class="list-unstyled">
368
+ <li class="mb-2">
369
+ 5 users
370
+ </li>
371
+ <li class="mb-2">
372
+ 50 projects
373
+ </li>
374
+ <li class="mb-2">
375
+ 50 GB storage
376
+ </li>
377
+ <li class="mb-2">
378
+ Security policy
379
+ </li>
380
+ <li class="mb-2">
381
+ Weekly backups
382
+ </li>
383
+ </ul>
384
+ <div class="mt-auto">
385
+ <a href="#" class="btn btn-lg btn-pill btn-primary">Try it for free</a>
386
+ </div>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ <div class="col-sm-4 mb-3 mb-md-0">
391
+ <div class="card text-center h-100">
392
+ <div class="card-body d-flex flex-column">
393
+ <div class="mb-4">
394
+ <h5>Plus</h5>
395
+ <span class="display-4">$39</span>
396
+ <span>/mo</span>
397
+ </div>
398
+ <h6>Includes:</h6>
399
+ <ul class="list-unstyled">
400
+ <li class="mb-2">
401
+ Unlimited users
402
+ </li>
403
+ <li class="mb-2">
404
+ Unlimited projects
405
+ </li>
406
+ <li class="mb-2">
407
+ 250 GB storage
408
+ </li>
409
+ <li class="mb-2">
410
+ Priority support
411
+ </li>
412
+ <li class="mb-2">
413
+ Security policy
414
+ </li>
415
+ <li class="mb-2">
416
+ Daily backups
417
+ </li>
418
+ <li class="mb-2">
419
+ Custom CSS
420
+ </li>
421
+ </ul>
422
+ <div class="mt-auto">
423
+ <a href="#" class="btn btn-lg btn-pill btn-outline-primary">Try it for free</a>
424
+ </div>
425
+ </div>
426
+ </div>
427
+ </div>
428
+ </div>
429
+ </div>
430
+ </div>
431
+ </div>
432
+ </section>
433
+
434
+ <section class="py-5 bg-white">
435
+ <div class="container">
436
+ <div class="mb-5 text-center">
437
+ <span class="text-uppercase text-primary text-sm fw-medium mb-1 d-block">FAQ</span>
438
+ <h2 class="h1">Frequently asked questions</h2>
439
+ <p class="text-muted fs-lg">Here are some of the answers you might be looking for.</p>
440
+ </div>
441
+
442
+ <div class="row">
443
+ <div class="col-md-9 col-lg-8 mx-auto">
444
+ <div class="accordion" id="accordionFaq">
445
+ <div class="card border mb-3">
446
+ <div class="card-header cursor-pointer" id="faqOne" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
447
+ <h6 class="mb-0">
448
+ Does it work with Rails? Laravel? ASP.NET? Django?
449
+ </h6>
450
+ </div>
451
+ <div id="collapseOne" class="collapse show" aria-labelledby="faqOne" data-bs-parent="#accordionFaq">
452
+ <div class="card-body py-3">
453
+ Yes! We have a Django sample project, featuring allauth, debug-toolbar and crispy-forms, as well as documentation on how to use it with Pip, Pipenv and Docker To
454
+ get the sample project, please reach out to us at <a href="mailto:support@bootlab.io?subject=I+would+love+to+receive+the+Django+version+of+AppStack&body=Order+ID">support@bootlab.io</a> with your order ID.<br /><br /> For all other frameworks (Rails, Laravel, ASP.NET, etc) we recommend including the compiled CSS/JS files directly in your
455
+ application. If you want to enable deeper customization, you can integrate it into your assets pipeline or build processes. <a href="https://themes.getbootstrap.com/guide/#integrating-with-frameworks"
456
+ target="_blank" rel="noopener noreferrer nofollow">Read more here</a>.
457
+ </div>
458
+ </div>
459
+ </div>
460
+ <div class="card border mb-3">
461
+ <div class="card-header cursor-pointer" id="faqTwo" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
462
+ <h6 class="mb-0">
463
+ Can I use the static HTML, CSS and JS files?
464
+ </h6>
465
+ </div>
466
+ <div id="collapseTwo" class="collapse" aria-labelledby="faqTwo" data-bs-parent="#accordionFaq">
467
+ <div class="card-body py-3">
468
+ Absolutely. You can bypass the Webpack build step completely and simply edit the static HTML, CSS and JS files included in the package.
469
+ </div>
470
+ </div>
471
+ </div>
472
+ <div class="card border mb-3">
473
+ <div class="card-header cursor-pointer" id="faqThree" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
474
+ <h6 class="mb-0">
475
+ Is there any support included?
476
+ </h6>
477
+ </div>
478
+ <div id="collapseThree" class="collapse" aria-labelledby="faqThree" data-bs-parent="#accordionFaq">
479
+ <div class="card-body py-3">
480
+ You have access to the Software's online support services via email for six (6) months from the purchase date. Please contact us at <a href="mailto:info@bootlab.io">info@bootlab.io</a> for any questions.
481
+ </div>
482
+ </div>
483
+ </div>
484
+ <div class="card border mb-3">
485
+ <div class="card-header cursor-pointer" id="faqFour" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
486
+ <h6 class="mb-0">
487
+ How do I get a receipt for my purchase?
488
+ </h6>
489
+ </div>
490
+ <div id="collapseFour" class="collapse" aria-labelledby="faqFour" data-bs-parent="#accordionFaq">
491
+ <div class="card-body py-3">
492
+ You'll receive an email from Bootstrap themes once your purchase is complete. More info can be found <a href="https://themes.zendesk.com/hc/en-us/articles/360000011052-How-do-I-get-a-receipt-for-my-purchase-"
493
+ rel="noopener noreferrer" target="_blank">here</a>.
494
+ </div>
495
+ </div>
496
+ </div>
497
+ <div class="card border mb-3">
498
+ <div class="card-header cursor-pointer" id="faqFive" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
499
+ <h6 class="mb-0">
500
+ What methods of payments are supported?
501
+ </h6>
502
+ </div>
503
+ <div id="collapseFive" class="collapse" aria-labelledby="faqFive" data-bs-parent="#accordionFaq">
504
+ <div class="card-body py-3">
505
+ You can purchase the themes on Bootstrap Themes via any major credit/debit card (via Stripe) or with your Paypal account. We don't support cryptocurrencies or invoicing
506
+ at this time.
507
+ </div>
508
+ </div>
509
+ </div>
510
+ </div>
511
+ </div>
512
+ </div>
513
+ </div>
514
+ </section>
515
+
516
+ <section class="py-6">
517
+ <div class="container text-center">
518
+ <div class="row">
519
+ <div class="col-12 col-md-9 col-lg-8 col-xl-6 mx-auto">
520
+ <h2 class="h1 mb-3">
521
+ Join over 5,000 developers who are already working with our products
522
+ </h2>
523
+ <a href="https://themes.getbootstrap.com/product/appstack-responsive-admin-template/" target="_blank" class="align-middle btn btn-success btn-pill btn-lg mt-n1">Get Started</a>
524
+ </div>
525
+ </div>
526
+ </div>
527
+ </section>
528
+
529
+ <footer class="py-5 bg-dark">
530
+ <div class="container">
531
+ <div class="row mb-4">
532
+ <div class="col-12 col-lg-4">
533
+ <div class="mb-3">
534
+ <svg style="fill:white;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 20 20"
535
+ enable-background="new 0 0 20 20" xml:space="preserve">
536
+ <path d="M19.4,4.1l-9-4C10.1,0,9.9,0,9.6,0.1l-9,4C0.2,4.2,0,4.6,0,5s0.2,0.8,0.6,0.9l9,4C9.7,10,9.9,10,10,10s0.3,0,0.4-0.1l9-4
537
+ C19.8,5.8,20,5.4,20,5S19.8,4.2,19.4,4.1z"/>
538
+ <path d="M10,15c-0.1,0-0.3,0-0.4-0.1l-9-4c-0.5-0.2-0.7-0.8-0.5-1.3c0.2-0.5,0.8-0.7,1.3-0.5l8.6,3.8l8.6-3.8c0.5-0.2,1.1,0,1.3,0.5
539
+ c0.2,0.5,0,1.1-0.5,1.3l-9,4C10.3,15,10.1,15,10,15z"/>
540
+ <path d="M10,20c-0.1,0-0.3,0-0.4-0.1l-9-4c-0.5-0.2-0.7-0.8-0.5-1.3c0.2-0.5,0.8-0.7,1.3-0.5l8.6,3.8l8.6-3.8c0.5-0.2,1.1,0,1.3,0.5
541
+ c0.2,0.5,0,1.1-0.5,1.3l-9,4C10.3,20,10.1,20,10,20z"/>
542
+ </svg>
543
+ </div>
544
+ <p class="text-white-50">
545
+ A professional package that comes with hundreds of UI components, forms, tables, charts, dashboards, pages and svg icons.
546
+ </p>
547
+ </div>
548
+ <div class="col-12 col-md-4 col-lg-2 offset-lg-2 mb-3 mb-md-0">
549
+ <h4 class="text-light fs-5">Company</h4>
550
+ <ul class="list-unstyled ps-0 mb-0 mt-3">
551
+ <li class="mt-2"><a href="#" class="text-white-50">About Us</a></li>
552
+ <li class="mt-2"><a href="#" class="text-white-50">Diversity & inclusion</a></li>
553
+ <li class="mt-2"><a href="#" class="text-white-50">Blog</a></li>
554
+ <li class="mt-2"><a href="#" class="text-white-50">Careers</a></li>
555
+ </ul>
556
+ </div>
557
+ <div class="col-12 col-md-4 col-lg-2 mb-3 mb-md-0">
558
+ <h4 class="text-light fs-5">Resources</h4>
559
+ <ul class="list-unstyled ps-0 mb-0 mt-3">
560
+ <li class="mt-2"><a href="#" class="text-white-50">Community</a></li>
561
+ <li class="mt-2"><a href="#" class="text-white-50">Terms of service</a></li>
562
+ <li class="mt-2"><a href="#" class="text-white-50">Report a vulnerability</a></li>
563
+ <li class="mt-2"><a href="#" class="text-white-50">Brand kit</a></li>
564
+ </ul>
565
+ </div>
566
+ <div class="col-12 col-md-4 col-lg-2 mb-3 mb-md-0">
567
+ <h4 class="text-light fs-5">Legals</h4>
568
+ <ul class="list-unstyled ps-0 mb-0 mt-3">
569
+ <li class="mt-2"><a href="#" class="text-white-50">Refund policy</a></li>
570
+ <li class="mt-2"><a href="#" class="text-white-50">Terms & conditions</a></li>
571
+ <li class="mt-2"><a href="#" class="text-white-50">Privacy policy</a></li>
572
+ </ul>
573
+ </div>
574
+ </div>
575
+ <div class="row">
576
+ <div class="col-lg-12">
577
+ <p class="text-white-50 mt-4 text-center mb-0">
578
+ © 2024 AppStack
579
+ </p>
580
+ </div>
581
+ </div>
582
+ </div>
583
+ </footer>
584
+
585
+ <script src="js/app.js"></script>
586
+
587
+ </body>
588
+
589
+ </html>