Browse Source

Release 1.0.0-beta16

codecalm 2 years ago
parent
commit
89166bd900
10 changed files with 242 additions and 164 deletions
  1. 19 11
      demo/accordion.html
  2. 19 11
      demo/activity.html
  3. 9 9
      demo/auth-lock.html
  4. 19 11
      demo/badges.html
  5. 19 11
      demo/blank.html
  6. 19 11
      demo/buttons.html
  7. 19 11
      demo/card-actions.html
  8. 19 11
      demo/cards-masonry.html
  9. 31 17
      demo/cards.html
  10. 69 61
      demo/carousel.html

+ 19 - 11
demo/accordion.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Accordion - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page">
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
+                        <a class="dropdown-item" href="./steps.html">
+                          Steps
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tabs.html">
                           Tabs
                         </a>
@@ -421,6 +425,10 @@
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
+                        <a class="dropdown-item" href="./photogrid.html">
+                          Photogrid
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tasks.html">
                           Tasks
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      2925 icons
+                      2979 icons
                     </span>
                   </a>
                 </li>
@@ -654,7 +662,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta15
+                      v1.0.0-beta16
                     </a>
                   </li>
                 </ul>
@@ -666,7 +674,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

+ 19 - 11
demo/activity.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Activity - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page">
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
+                        <a class="dropdown-item" href="./steps.html">
+                          Steps
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tabs.html">
                           Tabs
                         </a>
@@ -421,6 +425,10 @@
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
+                        <a class="dropdown-item" href="./photogrid.html">
+                          Photogrid
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tasks.html">
                           Tasks
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      2925 icons
+                      2979 icons
                     </span>
                   </a>
                 </li>
@@ -856,7 +864,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta15
+                      v1.0.0-beta16
                     </a>
                   </li>
                 </ul>
@@ -868,7 +876,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

+ 9 - 9
demo/auth-lock.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body  class=" border-top-wide border-primary d-flex flex-column">
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page page-center">
       <div class="container container-tight py-4">
         <div class="text-center mb-4">
@@ -59,7 +59,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

+ 19 - 11
demo/badges.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Badges - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page">
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
+                        <a class="dropdown-item" href="./steps.html">
+                          Steps
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tabs.html">
                           Tabs
                         </a>
@@ -421,6 +425,10 @@
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
+                        <a class="dropdown-item" href="./photogrid.html">
+                          Photogrid
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tasks.html">
                           Tasks
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      2925 icons
+                      2979 icons
                     </span>
                   </a>
                 </li>
@@ -754,7 +762,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta15
+                      v1.0.0-beta16
                     </a>
                   </li>
                 </ul>
@@ -766,7 +774,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

+ 19 - 11
demo/blank.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page">
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
+                        <a class="dropdown-item" href="./steps.html">
+                          Steps
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tabs.html">
                           Tabs
                         </a>
@@ -421,6 +425,10 @@
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
+                        <a class="dropdown-item" href="./photogrid.html">
+                          Photogrid
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tasks.html">
                           Tasks
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      2925 icons
+                      2979 icons
                     </span>
                   </a>
                 </li>
@@ -603,7 +611,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta15
+                      v1.0.0-beta16
                     </a>
                   </li>
                 </ul>
@@ -615,7 +623,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

+ 19 - 11
demo/buttons.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page">
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
+                        <a class="dropdown-item" href="./steps.html">
+                          Steps
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tabs.html">
                           Tabs
                         </a>
@@ -421,6 +425,10 @@
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
+                        <a class="dropdown-item" href="./photogrid.html">
+                          Photogrid
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tasks.html">
                           Tasks
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      2925 icons
+                      2979 icons
                     </span>
                   </a>
                 </li>
@@ -1403,7 +1411,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta15
+                      v1.0.0-beta16
                     </a>
                   </li>
                 </ul>
@@ -1415,7 +1423,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

+ 19 - 11
demo/card-actions.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Card actions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page">
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
+                        <a class="dropdown-item" href="./steps.html">
+                          Steps
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tabs.html">
                           Tabs
                         </a>
@@ -421,6 +425,10 @@
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
+                        <a class="dropdown-item" href="./photogrid.html">
+                          Photogrid
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tasks.html">
                           Tasks
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      2925 icons
+                      2979 icons
                     </span>
                   </a>
                 </li>
@@ -802,7 +810,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta15
+                      v1.0.0-beta16
                     </a>
                   </li>
                 </ul>
@@ -814,7 +822,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

+ 19 - 11
demo/cards-masonry.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Cards Masonry - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page">
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
+                        <a class="dropdown-item" href="./steps.html">
+                          Steps
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tabs.html">
                           Tabs
                         </a>
@@ -421,6 +425,10 @@
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
+                        <a class="dropdown-item" href="./photogrid.html">
+                          Photogrid
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tasks.html">
                           Tasks
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      2925 icons
+                      2979 icons
                     </span>
                   </a>
                 </li>
@@ -742,7 +750,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta15
+                      v1.0.0-beta16
                     </a>
                   </li>
                 </ul>
@@ -755,7 +763,7 @@
     <!-- Libs JS -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js" defer></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

+ 31 - 17
demo/cards.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page">
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
+                        <a class="dropdown-item" href="./steps.html">
+                          Steps
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tabs.html">
                           Tabs
                         </a>
@@ -421,6 +425,10 @@
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
+                        <a class="dropdown-item" href="./photogrid.html">
+                          Photogrid
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tasks.html">
                           Tasks
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      2925 icons
+                      2979 icons
                     </span>
                   </a>
                 </li>
@@ -759,12 +767,14 @@
                 <div class="card">
                   <div class="row row-0">
                     <div class="col-3">
-                      <img src="./static/photos/2854fd67ddbd6217.jpg" class="w-100 h-100 object-cover" alt="Card side image">
+                      <!-- Photo -->
+                      <img src="./static/photos/beautiful-blonde-woman-relaxing-with-a-can-of-coke-on-a-tree-stump-by-the-beach.jpg" class="w-100 h-100 object-cover card-img-start" alt="Beautiful blonde woman relaxing with a can of coke on a tree stump by the beach" />
                     </div>
                     <div class="col">
                       <div class="card-body">
                         <h3 class="card-title">Card with left side image</h3>
-                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit
+                          incidunt, iste, itaque minima
                           neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
                       </div>
                     </div>
@@ -775,12 +785,14 @@
                 <div class="card">
                   <div class="row row-0">
                     <div class="col-3 order-md-last">
-                      <img src="./static/photos/de6d0fd1feebb6a2.jpg" class="w-100 h-100 object-cover" alt="Card side image">
+                      <!-- Photo -->
+                      <img src="./static/photos/finances-us-dollars-and-bitcoins-currency-money.jpg" class="w-100 h-100 object-cover card-img-end" alt="Finances - US Dollars and Bitcoins - Currency - Money" />
                     </div>
                     <div class="col">
                       <div class="card-body">
                         <h3 class="card-title">Card with right side image</h3>
-                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit
+                          incidunt, iste, itaque minima
                           neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
                       </div>
                     </div>
@@ -789,7 +801,8 @@
               </div>
               <div class="col-md-6 col-lg-3">
                 <div class="card">
-                  <div class="card-img-top img-responsive img-responsive-21x9" style="background-image: url(./static/photos/9f36332564ca271d.jpg)"></div>
+                  <!-- Photo -->
+                  <div class="img-responsive img-responsive-21x9 card-img-top" style="background-image: url(./static/photos/home-office-desk-with-macbook-iphone-calendar-watch-and-organizer.jpg)"></div>
                   <div class="card-body">
                     <h3 class="card-title">Card with top image</h3>
                     <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
@@ -804,7 +817,8 @@
                     <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
                       neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
                   </div>
-                  <div class="card-img-bottom img-responsive img-responsive-21x9" style="background-image: url(./static/photos/56614e12b2a7bd68.jpg)"></div>
+                  <!-- Photo -->
+                  <div class="img-responsive img-responsive-21x9 card-img-bottom" style="background-image: url(./static/photos/finances-us-dollars-and-bitcoins-currency-money-2.jpg)"></div>
                 </div>
               </div>
               <div class="col-md-6 col-lg-3">
@@ -1314,7 +1328,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta15
+                      v1.0.0-beta16
                     </a>
                   </li>
                 </ul>
@@ -1326,7 +1340,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

+ 69 - 61
demo/carousel.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta15
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -27,7 +27,7 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1667333929"></script>
+    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
     <div class="page">
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
+                        <a class="dropdown-item" href="./steps.html">
+                          Steps
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tabs.html">
                           Tabs
                         </a>
@@ -421,6 +425,10 @@
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
+                        <a class="dropdown-item" href="./photogrid.html">
+                          Photogrid
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./tasks.html">
                           Tasks
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      2925 icons
+                      2979 icons
                     </span>
                   </a>
                 </li>
@@ -582,19 +590,19 @@
                     <div id="carousel-default" class="carousel slide" data-bs-ride="carousel">
                       <div class="carousel-inner">
                         <div class="carousel-item active">
-                          <img class="d-block w-100" alt="" src="./static/photos/1b73704b282a8ec6.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/beautiful-blonde-woman-relaxing-with-a-can-of-coke-on-a-tree-stump-by-the-beach.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/3d2998219313cd37.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/brainstorming-session-with-creative-designers.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/6ab3200b14549f8a.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/finances-us-dollars-and-bitcoins-currency-money.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/6d35d9a2bd6c63c2.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/group-of-people-brainstorming-and-taking-notes-2.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/8a26974ee6444acd.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/blue-sofa-with-pillows-in-a-designer-living-room-interior.jpg">
                         </div>
                       </div>
                     </div>
@@ -617,19 +625,19 @@
                       </div>
                       <div class="carousel-inner">
                         <div class="carousel-item active">
-                          <img class="d-block w-100" alt="" src="./static/photos/8c13ad59f739558c.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/home-office-desk-with-macbook-iphone-calendar-watch-and-organizer.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/8fdeb4785d2b82ef.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/young-woman-working-in-a-cafe.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/9f36332564ca271d.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/everything-you-need-to-work-from-your-bed.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/35b88fc04a518c1b.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/young-entrepreneur-working-from-a-modern-cafe.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/36e273986ed577b8.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/finances-us-dollars-and-bitcoins-currency-money-2.jpg">
                         </div>
                       </div>
                     </div>
@@ -645,19 +653,19 @@
                     <div id="carousel-controls" class="carousel slide" data-bs-ride="carousel">
                       <div class="carousel-inner">
                         <div class="carousel-item active">
-                          <img class="d-block w-100" alt="" src="./static/photos/75b555b99d5b38c4.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/group-of-people-sightseeing-in-the-city.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/546fd146c83f428c.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/color-palette-guide-sample-colors-catalog-.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/802a16cdf5ce3551.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/stylish-workplace-with-computer-at-home.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/0986f97be719fb9a.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/pink-desk-in-the-home-office.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/1194d63fe36a8670.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/young-woman-sitting-on-the-sofa-and-working-on-her-laptop.jpg">
                         </div>
                       </div>
                       <a class="carousel-control-prev" href="#carousel-controls" role="button" data-bs-slide="prev">
@@ -681,7 +689,7 @@
                     <div id="carousel-captions" class="carousel slide" data-bs-ride="carousel">
                       <div class="carousel-inner">
                         <div class="carousel-item active">
-                          <img class="d-block w-100" alt="" src="./static/photos/1366fdc9b9b277e4.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/coffee-on-a-table-with-other-items.jpg">
                           <div class="carousel-caption-background d-none d-md-block"></div>
                           <div class="carousel-caption d-none d-md-block">
                             <h3>Slide label</h3>
@@ -689,7 +697,7 @@
                           </div>
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/5358d787242861c4.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/young-entrepreneur-working-from-a-modern-cafe-2.jpg">
                           <div class="carousel-caption-background d-none d-md-block"></div>
                           <div class="carousel-caption d-none d-md-block">
                             <h3>Slide label</h3>
@@ -697,7 +705,7 @@
                           </div>
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/5614ec7eb9034d04.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/soft-photo-of-woman-on-the-bed-with-the-book-and-cup-of-coffee-in-hands.jpg">
                           <div class="carousel-caption-background d-none d-md-block"></div>
                           <div class="carousel-caption d-none d-md-block">
                             <h3>Slide label</h3>
@@ -705,7 +713,7 @@
                           </div>
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/56614e12b2a7bd68.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/fairy-lights-at-the-beach-in-bulgaria.jpg">
                           <div class="carousel-caption-background d-none d-md-block"></div>
                           <div class="carousel-caption d-none d-md-block">
                             <h3>Slide label</h3>
@@ -713,7 +721,7 @@
                           </div>
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/77586f6ffa9fbc5e.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/woman-working-on-laptop-at-home-office.jpg">
                           <div class="carousel-caption-background d-none d-md-block"></div>
                           <div class="carousel-caption d-none d-md-block">
                             <h3>Slide label</h3>
@@ -749,19 +757,19 @@
                       </div>
                       <div class="carousel-inner">
                         <div class="carousel-item active">
-                          <img class="d-block w-100" alt="" src="./static/photos/552683cc4e5f0e11.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/modern-home-office.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/3664593f945f0d8d.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/blond-using-her-laptop-at-her-bedroom.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/529078594c496ec5.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/tropical-palm-leaves-floral-pattern-background.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/a74c41b6fb7fdf34.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/woman-read-book-and-drink-coffee.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/a159fb2bff29fda4.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/book-on-the-grass.jpg">
                         </div>
                       </div>
                     </div>
@@ -776,27 +784,27 @@
                   <div class="card-body">
                     <div id="carousel-indicators-thumb" class="carousel slide carousel-fade" data-bs-ride="carousel">
                       <div class="carousel-indicators carousel-indicators-thumb">
-                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="0" class=" ratio ratio-4x3 active" style="background-image: url(./static/photos/a12804818c417ea3.jpg)"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="1" class=" ratio ratio-4x3" style="background-image: url(./static/photos/abb0721ac43820f9.jpg)"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="2" class=" ratio ratio-4x3" style="background-image: url(./static/photos/d366fc3df37fe65b.jpg)"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="3" class=" ratio ratio-4x3" style="background-image: url(./static/photos/da6119936bd7f566.jpg)"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="4" class=" ratio ratio-4x3" style="background-image: url(./static/photos/e8f47263360d96af.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="0" class=" ratio ratio-4x3 active" style="background-image: url(./static/photos/colorful-exotic-flowers-and-greenery.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="1" class=" ratio ratio-4x3" style="background-image: url(./static/photos/workplace-with-laptop-on-table-at-home.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="2" class=" ratio ratio-4x3" style="background-image: url(./static/photos/city-lights-reflected-in-the-water-at-night.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="3" class=" ratio ratio-4x3" style="background-image: url(./static/photos/cryptocurrency-bitcoin-coins.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="4" class=" ratio ratio-4x3" style="background-image: url(./static/photos/woman-read-book-and-drink-coffee-2.jpg)"></button>
                       </div>
                       <div class="carousel-inner">
                         <div class="carousel-item active">
-                          <img class="d-block w-100" alt="" src="./static/photos/a12804818c417ea3.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/colorful-exotic-flowers-and-greenery.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/abb0721ac43820f9.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/workplace-with-laptop-on-table-at-home.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/d366fc3df37fe65b.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/city-lights-reflected-in-the-water-at-night.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/da6119936bd7f566.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/cryptocurrency-bitcoin-coins.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/e8f47263360d96af.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/woman-read-book-and-drink-coffee-2.jpg">
                         </div>
                       </div>
                     </div>
@@ -819,19 +827,19 @@
                       </div>
                       <div class="carousel-inner">
                         <div class="carousel-item active">
-                          <img class="d-block w-100" alt="" src="./static/photos/ecfed9fbf8a58836.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/friends-at-a-restaurant-drinking-wine.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/f7f04e6a834b1959.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/beautiful-blonde-woman-on-a-wooden-pier-by-the-lake.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/f61b5f865012f200.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/white-apple-imac-computer-with-elephant-mousepad.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/f746d9f7fa60be79.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/workplace-with-laptop-on-table-at-home-2.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/ff54b43b56632883.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/working-in-a-restaurant-macbook-cheese-cake-and-cup-of-coffee.jpg">
                         </div>
                       </div>
                     </div>
@@ -846,27 +854,27 @@
                   <div class="card-body">
                     <div id="carousel-indicators-thumb-vertical" class="carousel slide carousel-fade" data-bs-ride="carousel">
                       <div class="carousel-indicators carousel-indicators-vertical carousel-indicators-thumb">
-                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="0" class=" ratio ratio-4x3 active" style="background-image: url(./static/photos/529078594c496ec5.jpg)"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="1" class=" ratio ratio-4x3" style="background-image: url(./static/photos/a74c41b6fb7fdf34.jpg)"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="2" class=" ratio ratio-4x3" style="background-image: url(./static/photos/a159fb2bff29fda4.jpg)"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="3" class=" ratio ratio-4x3" style="background-image: url(./static/photos/a12804818c417ea3.jpg)"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="4" class=" ratio ratio-4x3" style="background-image: url(./static/photos/abb0721ac43820f9.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="0" class=" ratio ratio-4x3 active" style="background-image: url(./static/photos/tropical-palm-leaves-floral-pattern-background.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="1" class=" ratio ratio-4x3" style="background-image: url(./static/photos/woman-read-book-and-drink-coffee.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="2" class=" ratio ratio-4x3" style="background-image: url(./static/photos/book-on-the-grass.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="3" class=" ratio ratio-4x3" style="background-image: url(./static/photos/colorful-exotic-flowers-and-greenery.jpg)"></button>
+                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="4" class=" ratio ratio-4x3" style="background-image: url(./static/photos/workplace-with-laptop-on-table-at-home.jpg)"></button>
                       </div>
                       <div class="carousel-inner">
                         <div class="carousel-item active">
-                          <img class="d-block w-100" alt="" src="./static/photos/529078594c496ec5.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/tropical-palm-leaves-floral-pattern-background.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/a74c41b6fb7fdf34.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/woman-read-book-and-drink-coffee.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/a159fb2bff29fda4.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/book-on-the-grass.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/a12804818c417ea3.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/colorful-exotic-flowers-and-greenery.jpg">
                         </div>
                         <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/abb0721ac43820f9.jpg">
+                          <img class="d-block w-100" alt="" src="./static/photos/workplace-with-laptop-on-table-at-home.jpg">
                         </div>
                       </div>
                     </div>
@@ -902,7 +910,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta15
+                      v1.0.0-beta16
                     </a>
                   </li>
                 </ul>
@@ -914,7 +922,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1667333929" defer></script>
-    <script src="./dist/js/demo.min.js?1667333929" defer></script>
+    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
+    <script src="./dist/js/demo.min.js?1668287865" defer></script>
   </body>
 </html>

Some files were not shown because too many files changed in this diff