chore: update versions (#2105)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

.all-contributorsrc

@@ -1,89 +0,0 @@
-{
-  "projectName": "tabler",
-  "projectOwner": "tabler",
-  "repoType": "github",
-  "repoHost": "https://github.com",
-  "files": [
-    "CONTRIBUTORS.md"
-  ],
-  "imageSize": 100,
-  "commit": true,
-  "commitConvention": "angular",
-  "contributors": [
-    {
-      "login": "codecalm",
-      "name": "Paweł Kuna",
-      "avatar_url": "https://avatars.githubusercontent.com/u/1282324?v=4",
-      "profile": "https://tabler.io/",
-      "contributions": [
-        "code",
-        "doc"
-      ]
-    },
-    {
-      "login": "martynaaj",
-      "name": "Martyna",
-      "avatar_url": "https://avatars.githubusercontent.com/u/60158888?v=4",
-      "profile": "https://github.com/martynaaj",
-      "contributions": [
-        "doc"
-      ]
-    },
-    {
-      "login": "deralaxo",
-      "name": "Dawid Harat",
-      "avatar_url": "https://avatars.githubusercontent.com/u/40028795?v=4",
-      "profile": "https://github.com/deralaxo",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "rjd22",
-      "name": "Robert-Jan de Dreu",
-      "avatar_url": "https://avatars.githubusercontent.com/u/160743?v=4",
-      "profile": "https://codersopinion.com/",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "FreexD",
-      "name": "Michał Wolny",
-      "avatar_url": "https://avatars.githubusercontent.com/u/7117869?v=4",
-      "profile": "https://github.com/FreexD",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "wangkanai",
-      "name": "Sarin Na Wangkanai",
-      "avatar_url": "https://avatars.githubusercontent.com/u/10666633?v=4",
-      "profile": "https://www.wangkanai.com/",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "WinterSilence",
-      "name": "Anton",
-      "avatar_url": "https://avatars.githubusercontent.com/u/3521094?v=4",
-      "profile": "https://ensostudio.ru/",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "dheineman",
-      "name": "Dave Heineman",
-      "avatar_url": "https://avatars.githubusercontent.com/u/516028?v=4",
-      "profile": "https://github.com/dheineman",
-      "contributions": [
-        "code"
-      ]
-    }
-  ],
-  "contributorsPerLine": 7,
-  "linkToUsage": false
-}

.build/download-images.js

@@ -0,0 +1,57 @@
+#!/usr/bin/env node
+
+'use strict'
+
+const fs = require('node:fs')
+const path = require('node:path')
+const request = require('request')
+const filePath = path.join(__dirname, '../src/pages/_data/photos.json')
+
+const photos = JSON.parse(fs.readFileSync(filePath, 'utf8'))
+
+const urlTitle = (str) => {
+	str = str
+		.toLowerCase()
+		.replaceAll('&', 'and')
+		.replace(/[^[a-z0-9-]/g, '-')
+		.replace(/-+/g, '-')
+
+	return str
+}
+
+const download = function (uri, filename, callback, error) {
+	request.head(uri, function (err, res, body) {
+		request(uri).pipe(fs.createWriteStream(filename))
+			.on('close', callback)
+			.on('error', error)
+	})
+}
+
+async function downloadPhotos() {
+	for (const key in photos) {
+		const photo = photos[key]
+
+		let filename, i = 1;
+
+		do {
+			filename = `${urlTitle(photo['title'])}${i > 1 ? `-${i}` : ''}.jpg`
+			i++
+		} while (fs.existsSync(path.join(__dirname, `../src/static/photos/${filename}`)))
+
+		await new Promise((resolve, reject) => {
+			download(photo['path'], path.join(__dirname, `../src/static/photos/${filename}`), function () {
+				resolve()
+			}, function () {
+				reject()
+			});
+		})
+
+		photos[key]['file'] = filename
+		photos[key]['horizontal'] = photo['width'] > photo['height']
+	}
+
+	fs.writeFileSync(filePath, JSON.stringify(photos))
+}
+
+downloadPhotos();
+

.build/import-icons.js

@@ -0,0 +1,37 @@
+#!/usr/bin/env node
+
+'use strict'
+
+const fs = require('fs'),
+	path = require('path');
+
+const iconsTags = require('../node_modules/@tabler/icons/icons.json'),
+	iconsPkg = require('../node_modules/@tabler/icons/package.json');
+
+const prepareSvgFile = (svg) => {
+	return svg.replace(/\n/g, '').replace(/>\s+</g, '><').replace(/\s+/g, ' ')
+}
+
+let svgList = {}
+for (let iconName in iconsTags) {
+	let iconData = iconsTags[iconName]
+	svgList[iconName] = {
+		name: iconName,
+		svg: {
+			outline: iconData.styles.outline ? prepareSvgFile(fs.readFileSync(path.join(__dirname, `../node_modules/@tabler/icons/icons/outline/${iconName}.svg`), 'utf8')) : null,
+			filled: iconData.styles.filled ? prepareSvgFile(fs.readFileSync(path.join(__dirname, `../node_modules/@tabler/icons/icons/filled/${iconName}.svg`), 'utf8')) : null,
+		}
+	}
+}
+
+fs.writeFileSync(
+	path.join(__dirname, `../src/pages/_data/icons-info.json`),
+	JSON.stringify({
+		version: iconsPkg.version,
+		count: Object.values(svgList).reduce((acc, icon) => {
+			return acc + (icon.svg.outline ? 1 : 0) + (icon.svg.filled ? 1 : 0)
+		}, 0)
+	})
+)
+
+fs.writeFileSync(path.join(__dirname, `../src/pages/_data/icons.json`), JSON.stringify(svgList))

.build/import-illustrations.js

@@ -0,0 +1,44 @@
+#!/usr/bin/env node
+
+'use strict'
+
+const fs = require('fs'),
+	path = require('path'),
+	glob = require('glob');
+
+const illustrations = glob
+	.sync(path.join(__dirname, `../src/static/illustrations/light/*.png`))
+	.map((file) => {
+		return path.basename(file, '.png')
+	})
+
+fs.writeFileSync(
+	path.join(__dirname, `../src/pages/_data/illustrations.json`),
+	JSON.stringify(illustrations)
+)
+
+
+// let i = {}
+// const dirs = ['light', 'dark', 'autodark']
+// const ilustrations = ['not-found', 'computer-fix', 'boy-with-key', 'boy-girl']
+
+// for(const dir of dirs) {
+// 	i[dir] = {}
+
+// 	for(const ilustration of ilustrations) {
+// 		let svg = fs.readFileSync(path.join(__dirname, `../src/pages/_free-illustrations/${dir}/${ilustration}.svg`), 'utf8')
+
+// 		svg = svg
+// 			.replace(/\n+/g, ' ')
+// 			.replace(/>\s+</g, '><')
+// 			.replace(/\s+/g, ' ')
+// 			.replace(/^[\n\s-]+/, '')
+
+// 		i[dir][ilustration] = svg
+// 	}
+// }
+
+// fs.writeFileSync(
+// 	path.join(__dirname, `../src/pages/_data/free-illustrations.json`),
+// 	JSON.stringify(i)
+// )

.build/reformat-mdx.js

@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+
+'use strict'
+
+const fs = require('fs'),
+	path = require('path'),
+	glob = require('glob'),
+	beautifyHtml = require('js-beautify').html;
+
+const docs = glob
+	.sync(path.join(__dirname, `../docs/**/*.mdx`))
+
+docs.forEach((file, i) => {
+	const oldContent = fs.readFileSync(file, 'utf8')
+
+	// get codeblocks from markdown
+	const content = oldContent.replace(/(```([a-z0-9]+).*?\n)(.*?)(```)/gs, (m, m1, m2, m3, m4) => {
+		if (m2 === 'html') {
+			let m3m = beautifyHtml(m3, {
+				"indent_size": 2,
+				"indent_char": " ",
+			}).trim();
+
+			// remove empty lines
+			m3m = m3m.replace(/^\s*[\r\n]/gm, '');
+
+			return m1 + m3m + "\n" + m4;
+		}
+		return m
+	})
+
+	if (content !== oldContent) {
+		fs.writeFileSync(file, content, 'utf8')
+		console.log(`Reformatted ${file}`)
+	}
+})

.build/unused-files.js

@@ -0,0 +1,26 @@
+const glob = require('glob');
+const fs = require('fs')
+const path = require('path')
+
+const srcDir = path.join(__dirname, '../src')
+
+let foundFiles = []
+glob.sync(`${srcDir}/pages/**/*.{html,md}`).forEach((file) => {
+	let fileContent = fs.readFileSync(file)
+
+	fileContent.toString().replace(/\{% include(_cached)? "([a-z0-9\/_-]+\.html)"/g, (f, c, filename) => {
+		filename = `${srcDir}/pages/_includes/${filename}`
+
+		if (!foundFiles.includes(filename)) {
+			foundFiles.push(filename)
+		}
+	})
+})
+
+let includeFiles = glob.sync(`${srcDir}/pages/_includes/**/*.html`)
+
+includeFiles.forEach((file) => {
+	if (!foundFiles.includes(file)) {
+		console.log('file', file)
+	}
+})

.changeset/config.json

@@ -4,8 +4,7 @@
   "commit": false,
   "fixed": [],
   "linked": [],
-  "access": "restricted",
+  "access": "public",
   "baseBranch": "main",
-  "updateInternalDependencies": "patch",
   "ignore": []
 }

.changeset/rare-pumpkins-pull.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": minor
----
-
-Unify dark mode with latest Bootstrap API and improve dark mode elements

.changeset/rich-dingos-promise.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add All Contributions package to project for easy contribution tracking

.changeset/slow-buses-breathe.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Switch from `npm` to `pnpm` for faster package installation

.changeset/sour-teachers-collect.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update required Node.js version to 18 and add `.nvmrc` file

.changeset/tasty-boats-work.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Update Tabler Icons to version 2.18 with 18 new icons added

.changeset/thick-apples-punch.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add Prettier to project for consistent code formatting

.changeset/wet-games-float.md

@@ -1,5 +0,0 @@
----
-"@tabler/core": patch
----
-
-Add support for changeset tool for more efficient and organized code changes

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,30 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: "[BUG] "
-labels: bug
-assignees: ''
-
----
-
-**Describe the bug**
-
-A clear and concise description of what the bug is.
-
-**Device**
-
- - Browser [e.g. Chrome ver.22, Safari ver.10]
- - OS: [e.g. Windows 10]
- - Screen size [e.g. 800x600]
-
-**To reproduce**
-
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '...'
-3. Scroll down to '...'
-4. See error
-
-**Screenshots**
-
-If applicable, add screenshots to help explain this problem.

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,72 @@
+name: Bug report
+description: Create a report to help us improve
+title: "[BUG] "
+labels: ["bug"]
+body:
+- type: markdown
+  attributes:
+    value: "## Thank you for making a bug report!"
+- type: markdown
+  attributes:
+    value: |
+      Thanks for taking the time to fill out this bug! It's really important to fill this form out completely as
+      not filling it out will make the bug reports hard to replicate.
+- type: input
+  id: browser
+  attributes:
+    label: Browser
+    description: "What browser and version did this bug occur on?"
+    placeholder: "e.g. Chrome ver.22, Safari ver.10"
+  validations:
+    required: true
+- type: input
+  id: os
+  attributes:
+    label: OS
+    description: "What is the operating system of your device?"
+    placeholder: "e.g. Windows 10, iOS 14, Ubuntu 23.04"
+  validations:
+    required: true
+- type: input
+  id: screen_size
+  attributes:
+    label: Screen size
+    description: "What is the screen size of your device?"
+    placeholder: "e.g. 800x600, 1920x1080"
+  validations:
+    required: true
+- type: textarea
+  id: description
+  attributes:
+    label: Describe the bug
+    description: "A clear and concise description of what the bug is."
+  validations:
+    required: true
+- type: textarea
+  id: reproduce
+  attributes:
+    label: How to reproduce
+    description: "How do you trigger this bug? Please walk us through it step by step."
+    value: |
+      1. Go to '...'
+      2. Click on '...'
+      3. Scroll down to '...'
+      4. See error
+      ...
+  validations:
+    required: true
+- type: textarea
+  id: screenshots
+  attributes:
+    label: Screenshots
+    description: "If applicable, add screenshots here to help explain this problem. This helps us understand whats happening better."
+  validations:
+    required: false
+- type: input
+  id: jsfiddle
+  attributes:
+    label: JSFiddle
+    description: "Please add a jsFiddle replicating the bug. Without the jsFiddle most bug reports cannot be solved and will be closed."
+  validations:
+    required: false
+---

.github/workflows/add_to_project.yml

@@ -13,7 +13,7 @@ jobs:
     name: Add new issue and pr to project
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/add-to-project@v0.4.1
+      - uses: actions/add-to-project@v1.0.2
         with:
           project-url: https://github.com/orgs/tabler/projects/9/views/1
           github-token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/bundlewatch.yml

@@ -9,7 +9,7 @@ on:
 
 env:
   FORCE_COLOR: 2
-  NODE: 18
+  NODE: 20
 
 jobs:
   bundlewatch:
@@ -17,24 +17,26 @@ jobs:
 
     steps:
       - name: Clone repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: "${{ env.NODE }}"
      
       - name: Install PNPM
-        run: npm i -g pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 8
 
       - name: Set up Bundler
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: 2.6
+          ruby-version: 3.2
           bundler-cache: true
 
       - name: Install pnpm dependencies
-        run: pnpm install
+        run: pnpm install --no-frozen-lockfile
 
       - name: Run build
         run: pnpm run build

.github/workflows/calibreapp-image-actions.yml

@@ -16,7 +16,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           persist-credentials: false
 

.github/workflows/close_inactive.yml

@@ -11,7 +11,7 @@ jobs:
       pull-requests: write
       issues: write
     steps:
-      - uses: actions/stale@v8
+      - uses: actions/stale@v9
         with:
           days-before-issue-stale: 360
           days-before-issue-close: 14

.github/workflows/lockfiles.yaml

@@ -1,26 +1,21 @@
 name: Changed lock files
 on:
-    pull_request: null
-    push:
-        branches:
-            - main
-            - dev
+  pull_request: null
 
 permissions:
-    pull-requests: read
+  pull-requests: read
 
 jobs:
-    lockfiles:
-        runs-on: ubuntu-latest
-        name: Verify lock file integrity
-        steps:
+  lockfiles:
+    runs-on: ubuntu-latest
+    name: Verify lock file integrity
+    steps:
+      - name: Clone Tabler
+        uses: actions/checkout@v4
 
-            - name: Clone Tabler
-              uses: actions/checkout@v2
-
-            - name: Prevent lock file change
-              uses: xalvarez/prevent-file-change-action@v1
-              with:
-                  githubToken: ${{ secrets.GITHUB_TOKEN }}
-                  pattern: Gemfile.lock|pnpm-lock.json
-                  trustedAuthors: codecalm, dependabot
+      - name: Prevent lock file change
+        uses: xalvarez/prevent-file-change-action@v1
+        with:
+          githubToken: ${{ secrets.GITHUB_TOKEN }}
+          pattern: Gemfile.lock|pnpm-lock.json
+          trustedAuthors: codecalm, dependabot

.github/workflows/release.yml

@@ -3,27 +3,51 @@ name: Release
 on:
   push:
     branches:
+      - main
       - dev
 
+permissions:
+  contents: read
+  pull-requests: write
+
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 
 jobs:
   release:
     name: Release
     runs-on: ubuntu-latest
+    permissions:
+      contents: write # to create release 
+      issues: write # to post issue comments
+      pull-requests: write # to create pull request
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Node.js 18
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
+
+      - name: Install PNPM
+        uses: pnpm/action-setup@v4
+        with:
+          version: 8
 
       - name: Install Dependencies
-        run: yarn
+        run: pnpm install
 
-      - name: Create Release Pull Request
+      - name: Build
+        run: pnpm run build
+
+      - name: Create release Pull Request or publish to NPM
         uses: changesets/action@v1
+        with:
+          version: pnpm run version
+          publish: pnpm run publish
+          commit: "chore: update versions"
+          title: "chore: update versions"
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/test.yml

@@ -5,7 +5,7 @@ on:
     types: [ opened, reopened ]
 
 env:
-  NODE: 18
+  NODE: 20
 
 permissions:
   contents: read
@@ -15,21 +15,18 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Clone repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: "${{ env.NODE }}"
-          cache: pnpm
 
-      - name: Set up Ruby
-        uses: ruby/setup-ruby@v1
+      - name: Install PNPM
+        uses: pnpm/action-setup@v4
         with:
-          ruby-version: 2.6
-          bundler-cache: true
+          version: 8
 
-      - run: ruby --version
       - run: node --version
 
       - name: Install pnpm dependencies

.gitignore

@@ -12,8 +12,6 @@ node_modules/
 /.cache/
 .sass-cache/
 
-.vscode/
-
 /_gh_pages/
 /site/docs/**/dist/
 /site/static/**/dist/
@@ -30,4 +28,7 @@ node_modules/
 .yarn
 .next
 .vercel
-package-lock.json
+package-lock.json
+
+demo/
+dist/

.nvmrc

@@ -1 +1 @@
-18
+20

.percy.yml

@@ -1,3 +0,0 @@
-version: 1
-snapshot:
-  widths: [1440]

.prettierrc

@@ -1,7 +1,7 @@
 {
 	"bracketSpacing": true,
 	"jsxSingleQuote": false,
-	"printWidth": 80,
+	"printWidth": 240,
 	"proseWrap": "always",
 	"semi": false,
 	"singleQuote": false,

.vscode/settings.json

@@ -0,0 +1,14 @@
+{
+   "files.exclude": {
+      "**/.git": false,
+      "**/.svn": false,
+      "**/.hg": false,
+      "**/CVS": false,
+      "**/.DS_Store": false,
+      "**/Thumbs.db": false,
+      "**/.idea/": false,
+      "dist": false,
+      "demo": false
+   },
+   "explorerExclude.backup": {}
+}

CHANGELOG.md

@@ -1,168 +1,345 @@
 # Changelog
 
-All notable changes to this project will be documented in this file.
+## 1.0.0
 
+### Minor Changes
 
-## `1.0.0-beta` - 2021-02-17
+- c276a8b: Add new `Tag` component
+- d380224: Add customizable Star Ratings component using `star-rating.js` library
+- 47cd6c1: Add `flags.html` page with list of all flags
+- be67ab6: Update CSS class from `text-muted` to `text-secondary` for better Bootstrap compatibility
+- 080c746: Adding `alerts.html` page with example of alerts.
+- b381273: Change primary color value to new Tabler branding
+- 75619dd: Unify dark mode with latest Bootstrap API and improve dark mode elements
+- cc82dbf: New Chat component
+- 5a03643: Adjusting form element sizes for enhanced mobile devices compatibility
+- be14607: Add new color picker component using `coloris.js` library
+- d046570: Update Tabler Icons to version 2.23 with 18 new icons added
+- 5488c50: New page with payment providers: `payment-providers.html`
+- 5488c50: Add support for new payment providers: 2c2p, Adyen, Affirm, Alipay Plus, Allegro Pay, Amazon Pay, Apple Pay, Autopay, Binance USD, Bkash, Cash App, Chime, EasyPaisa, Ethereum, Google Pay, HubSpot, iDeal, Litecoin, Mercado Pago,
+  MetaMask, MoneyGram, OpenSea, Payconiq, Payka, Payline, PayPo, Paysafe, Poli, Revolut Pay, Samsung Pay, Shop Pay, Solana, Spingo, Stax, Tether, True USD, Venmo, WeChat Pay, Wise, Zelle
 
-**Initial beta release of Tabler v1.0! Lots more coming soon though 😁**
+### Patch Changes
 
-- update Bootstrap to 5.0.0-beta2
-- update other dependencies.
+- 293d0a4: Change Twitter to X brand
+- fd0935a: Updated link to icons documentation
+- 1cf27dc: Dependencies update
+- 041f4e4: Order menu items alphabetically
+- 20cad01: Automatically retrieve and display the changelog from the CHANGELOG.md file.
+- 34f3efc: Initialize Visual Studio Code config
+- 7ba7717: Make horizontal rule direction aware
+- 063ef58: Update Tabler Illustrations to v1.5
+- 5e2c975: Update Tabler Icons to v3.29.0
+- 9d5f7ca: Remove unused dependencies from `package.json`
+- be69fd6: Replace Jekyll with Eleventy
+- 2f5fad6: Dependencies update
+- dfd7c88: Update TinyMCE to v7.0
+- 056df18: Fix text color in dark version of navbar
+- 17327dc: Remove invalid `z-index` setting for dropdowns
+- 4ff077a: Update Tabler Icons to version 2.21 with 18 new icons added
+- 867c8dd: Update Tabler Emails to v2.0
+- d8605f2: Init changelog script
+- 89c6234: Adding Two-Step Verification Pages
+- f6e885b: Replace `.page-center` with `.my-auto` in single page layouts
+- 7aa216f: Add border-opacity variable for improved color utility
+- 88eb413: Fix icon display issues in the Star Ratings component
+- 78392b6: Fix `color` of disabled `dropdown-item` in Navbar component
+- 4deb8f4: Bump pnpm/action-setup from 2 to 3
+- 9015472: Add social icons plugin
+- 7fe30a1: `Dockerfile` fix
+- e53942f: Update Jekyll to version 4.3.4
+- 72f868b: Update Tabler Icons to version 2.20 with 37 new icons added
+- e0443c0: Add Tabler Illustrations
+- 5cca710: Update illustrations and enhance SVG handling in HTML
+- 3a4f10f: Fix ids of custom size star ratings
+- 7896562: Unify size of avatar, flag and payment components
+- 1587905: Update icons to v2.42.0
+- d9e00b2: Update Bootstrap to v5.3.0
+- bc1d1a3: Set `font-size` of an `i` element with `icon` class in a `button` element
+- 0195f9b: Dependencies update
+- a5bf5d3: Fix icons in `form-elements.html`
+- 736410c: Update Tabler Icons to v3.28.1
+- 3f516ea: Fix `rgba` color values in `_variables.scss`
+- e91884e: Fix description of alerts with a description
+- 90cc744: Fix colors of disabled `.ts-control`
+- 1801e41: Center content on error and single page layouts
+- 45c83ac: Resolve map page issues
+- faee63c: Improve base font family loading
+- 5e7e0dd: Introduce Docker Compose Config to build and run Ttabler locally
+- c293a66: Fix `@charset` CSS declaration in bundle.
+- cb4a681: Update `_navbar.scss` with disabled dropdown menu items color
+- af41fb3: Update Tabler Icons to v3.17.0
+- 6cbe888: Update `@tabler/icons` to v3.0
+- 0e4bf5f: Refactor data structure by converting YAML files to JSON
+- 82cf257: Increase `z-index` of `ts-dropdown` to prevent overlapping by buttons
+- 4b4b4f6: Adding punctuation to `SECURITY.md`
+- a0a2d52: Fix form controls bugs in dark mode
+- f45b697: Fix padding in code blocks
+- 4de166d: Unified Box Shadows with Bootstrap Compatibility
+- 87bf2f5: Remove duplicated setting of color in `th` element
+- 5dc45aa: Fix layout of search results for small and medium screens
+- 4ae0358: Remove `text-decoration` on hovering `a` element with class having `icon` class
+- e798eb6: Fix small typo in tables docs
+- 1c1d0c9: Improve documentation for alerts
+- 371ef84: Bump `pnpm/action-setup` from 3 to 4
+- 8421fc2: Update dependencies
+- 0625f5f: Update Tabler Icons to version 2.22 with 18 new icons added
+- ba65fc3: Update devDependencies
+- a43ded4: Add All Contributions package to project for easy contribution tracking
+- 2f622c9: Set value of `$font-family-monospace` as default
+- 2c7c448: Refactor Dockerfile and package.json
+- 5ec7f05: Resolved light dropdown issue on dark theme
+- b0b07b9: Enhance documentation
+- 0f129b1: Update Tabler Icons to version 2.19 with 18 new icons added
+- 507df7b: Fix cells with inline icons
+- 0e5b44a: Fix `color` of disabled `nav-link` in `nav-bordered`
+- 65c1300: Fix the `z-index` value of the `nav-tab` inside `card-tab` #1933
+- 8552a46: Switch from `npm` to `pnpm` for faster package installation
+- 4a9e40d: Increase contrast of active `dropdown-item` in vertical layout
+- 17ebdf4: Update documentation for Tabler components
+- 4c88481: Add variable to configure `avatar-list` spacing
+- df46ee7: Do not display empty `fieldset` element
+- 875cafa: Refactor SCSS variables to use `color.adjust` for improved color manipulation
+- eb28546: Add Tabler Illustrations
+- 650d84c: Update required Node.js version to 18 and add `.nvmrc` file
+- fb659d4: Fix table default background color
+- f77c712: Avoid SCSS color dependency on `:focus`
+- 71c68ce: Update changelog configuration and release scripts
+- 34d124d: Update Tabler Icons to v3.26.0
+- 4cd9215: Updated Tabler Icons to v3.24.0
+- 7bb947b: Update Tabler Icons to version 2.18 with 18 new icons added
+- c75cf55: Update Node.js engine requirement to allow versions >=20
+- 1c34e8e: Update Tabler Icons to v3.14.0
+- 289dd3b: Add Prettier to project for consistent code formatting
+- f83e36c: Upgrade Node.js from version 18 to version 20 for improved performance, security, and feature updates.
+- b885852: Update Tabler Icons to version 2.25 with 48 new icons added
+- 53a5117: Fix responsiveness issue in Settings menu
+- 38504e5: Added 3 new payments from Nepal: Esewa, FonePay, Khalti and Imepay
+- 35ee14d: Add new Filled section to Icons page
+- d32f242: Update `bootstrap` to v5.3.1
+- d82f94e: Update package dependencies to latest versions
+- 54c5ad0: Fix link to webfont version of Tabler Icons
+- 94b83d4: Add support for changeset tool for more efficient and organized code changes
+- c51ff28: Fix colors in date range datepicker
 
+## `1.0.0-beta24` - 2025-01-11
 
-## `1.0.0-beta2` - 2021-03-29
+- Enhanced documentation.
+- Updated illustrations and improved SVG handling in HTML.
+- Updated copyright year in LICENSE file to 2025.
+- Added marketing pages plugin.
 
-- update dependencies
-- `li` marker fix
-- page wrapper, nav fixes
-- scripts optimize, remove `capture_once`
-- `page-body` fixes
-- layout navbar fix
-- typography fix
-- ribbon fix
-- charts label fixes
-- charts docs
+## `1.0.0-beta23` - 2025-01-07
 
+- Documentation improvements.
+- Added countup functionality and updated documentation example.
+- Do not display empty `<fieldset>`.
+- Set font-size of webfont icon inside a button.
+- Ordered menu items alphabetically.
+- Marked value of `$font-family-monospace` as `!default`.
+- Fixed unpkg links to static-files icons.
+- Fixed description of alerts with a description.
+- Fixed layout of search results for small and medium screens.
+- Removed invalid z-index setting for dropdown.
+- Fixed IDs of custom size star ratings.
+- Removed text-decoration on hover for elements with child icons.
+- Fixed link to webfont icons.
+- Updated color reference links in UI component documentation.
+- Fixed typo in browser support documentation summary.
+- Enhanced Figma plugin documentation with detailed usage instructions.
+- Added documentation for Tabler Illustrations and updated index with a link.
+- Enhanced documentation for various UI and icon sections.
+- Added new documentation files for icons and UI components; restructured existing files.
+- Updated documentation structure and content for icons and UI components.
+- Removed outdated `menu.json` and added `index.mdx` files for UI documentation structure.
+- General docs update.
+- Increased contrast of active dropdown-item in vertical layout.
+- Removed duplicated color setting in table headers.
+- Increased `z-index` of `ts-dropdown`.
+- Added social icons plugin.
+- Described variables for datagrid in docs.
+- Fixed multiple documentation issues.
+- Removed unused config from the code.
+- Fixed links to Tabler Icons.
+- Updated dark image.
+- Updated screenshot.
+- Fixed icon issues.
+- Fixed URL in documentation.
 
-## `1.0.0-beta3` - 2021-05-08
+## `1.0.0-beta22` - 2025-01-02
 
-- upgrade Bootstrap to 5.0
-- upgrade dependencies
-- change `$border-radius-pill` variable
-- badge vertical align fix
+- Fixed `@charset` CSS declaration in bundle.
+- Fixed cells with inline icons.
+- Fixed padding in code blocks.
+- Fixed colors in date range datepicker.
+- Fixed icon display issues in the Star Ratings component.
+- Fixed `z-index` value of the `nav-tab` inside `card-tab`.
+- Fixed wrong gray colors.
+- Fixed incorrect CDN URL in `webfont.mdx`.
+- Ensured border color works in dark mode.
+- Replaced `.page-center` with `.my-auto` in single-page layouts.
+- Updated Tabler Emails to v2.0.
+- Updated Tabler Icons to v3.26.0.
+- Updated docs structure.
+- Updated `download.mdx`.
+- Updated Node.js to version 20.
+- Improved base font family.
+- Made horizontal rule direction-aware.
+- Added new payment providers.
+- Read changelog from `CHANGELOG.md` file.
+- Initialized VS Code configuration.
 
+## `1.0.0-beta21` - 2024-09-8
 
-## `1.0.0-beta4` - 2021-10-24
+- Updated dependencies.
+- Updated Tabler Icons to v3.14.0 and the import script.
+- Fixed invisible scrollbar in dark mode when navigating the preview.
+- Styled `btn-close` specifically for `.modal-header`.
+- Added proper borders to the ribbon start class.
+- Changed brand color.
+- Included `docs` in the `npm` package.
+- Added Tabler Illustrations.
+- Fixed use of the secondary color in specific form elements.
+- Introduced Docker Compose Config for local Tabler builds.
+- Allowed usage of `tinymce` v7.x as a peer dependency.
+- Updated TinyMCE to v7.0.
+- Rebranded Twitter to X.
+- Replaced undraw illustrations with Tabler Illustrations.
+- Added punctuation to `SECURITY.md`.
+- Updated `_navbar.scss` to correct disabled dropdown menu item colors.
+- Removed unused packages.
+- Fixed map pages.
+- Resolved issues with toasts in dark mode.
+- Fixed alert background prefix.
+- Corrected a typo in CHANGELOG.md.
+- Fixed radial chart issue.
+- Added documentation on running the site locally in Site README.
+- Updated colors in `colors.mdx`.
+- Fixed dynamic SCSS prefix in mixins.
+- Changed `<h1>` to `<div>` in `navbar-logo.html`.
+- Resolved vertical centering on error pages.
+- Fixed navbar menu issues.
+- Added `background-clip: border-box` to `.dropdown-menu` class.
+- Replaced `href="#"` with `href="javascript:void(0)"`.
+- Fixed disabled CSS class for links.
+- Addressed missing variables and minor color adjustments.
+- Improved heights, scrolls, and layouts in Docs examples.
+- Fixed flags display in preview.
 
-- upgrade required node.js version to 14
-- upgrade Bootstrap to 5.1
-- upgrade dependencies
-- fix #775 - litepicker not initializing
-- fix `nouislider` import in dev
+## `1.0.0-beta20` - 2023-08-24
 
+- Update `bootstrap` to v5.3.1
+- Add new `Chat` component
+- Add new `Tag` component
+- Add customizable Star Ratings component using `star-rating.js` library
+- Add new color picker component using `coloris.js` library
+- Add `alerts.html` page with example of alerts.
+- Add `flags.html` page with list of all flags
+- Add Two-Step Verification Pages
+- Add variable to configure `avatar-list` spacing
+- Unify dark mode with latest Bootstrap API and improve dark mode elements
+- Unify Box Shadows with Bootstrap Compatibility
+- Avoid SCSS color dependency on `:focus`
+- Update CSS class from `text-muted` to `text-secondary` for better Bootstrap compatibility
+- Fix text color in dark version of navbar
+- Adjusting form element sizes for enhanced mobile devices compatibility
+- Resolved light dropdown issue on dark theme
+- Update Tabler Icons to version 2.32 with 48 new icons added
+- Fix table default background color
+- Fix responsiveness issue in Settings menu
+- Update required Node.js version to 18 and add `.nvmrc` file
+- Add support for changeset tool for more efficient and organized code changes
+- `Dockerfile` fix
+- Switch from `npm` to `pnpm` for faster package installation
 
-## `1.0.0-beta5` - 2021-12-07
+## `1.0.0-beta19` - 2023-05-15
 
-**Tabler has finally lived to see dark mode! 🌝🌚**
+- Add customizable Star Ratings component using `star-rating.js` library (#1571)
+- Add new "Filled" section to Icons page (#1574)
+- Fix form controls bugs in dark mode (#1573)
+- Fix text color in dark version of navbar (#1569)
+- Changelog update
 
-- **Dark mode enabled!**
-- add more cursors (#947)
-- fix #892 - media queries need to be nested when negating
-- update `@tabler/icons` to newest version
-- move optional dependencies to peerDependencies (#924)
-- move deployment to Github Actions (#934)
-- table border fixes
-- antialiased fix
-- update `@tabler/icons` to version 1.42
-- change default font to 'Inter'
-- colors unify
-- add `tom-select` and remove `choices.js`
+## `1.0.0-beta18` - 2023-05-14
 
+- new page: Cookie banner
+- Unify dark mode with latest Bootstrap API and improve dark mode elements (#1561)
+- Update Tabler Icons to version 2.18 with 18 new icons added (#1560)
+- Switch from `npm` to `pnpm` for faster package installation (#1559)
+- Add Prettier to project for consistent code formatting (#1558)
+- Update required Node.js version to 18 and add `.nvmrc` file (#1555)
+- Add All Contributions package to project for easy contribution tracking (#1556)
+- Add support for changeset tool for more efficient and organized code changes (#1553)
+- Fix bug where `border-1`, `border-2`, etc don't work (#1526)
+- Fix indeterminate input background color (#1536)
+- Update Bootstrap to `5.3.0-alpha3` (#1543)
+- `tom-select` dark mode styling fixes
+- Advanced udage of `tom-select` (#1480)
+- Fix Dropdown menu in rtl mode (#801)
+- Fix `tom-select` dropdown will be shaded in table-responsive (#1409)
+- Remove overflow scroll from body
+- Fix avatars overlap transparently (#1464)
+- Fix TinyMCE dropdown icon list transparent (#1426)
+- Dark mode lite colors improvement
+- Fix non full width selects (#1392)
 
-## `1.0.0-beta6` - 2022-01-18
+## `1.0.0-beta17` - 2023-01-28
 
-- pricing cards fix
-- fix bug `fw-...`, `.fs-...` is missed (#987)
-- avatar class fix
-- fix bug #903 `litepicker` with date range not having correct border
-- page wrapper fix
-- fix #900 `is-invalid-lite` class is not working under `was-validated` form class
-- update `@tabler/icons` to version 1.48
-- fix #960 - Badges not honoring font sizes
-- fix #959 - `node-sass` does not properly compile nested media queries
-- update package dependencies to newest version
+- update `bootstrap` to v5.3.0
+- update icons to v2.1.2
+- add 72 new brands, browsers logos update
+- new `Trial ended` page
+- new `Page loader` page
+- new `Profile` page
+- headings fix
+- dropdown background color fix
+- fix rgba conversion bug
+- fix autofill text color, not matching in dark mode
+- update license
+- header html5 tags
+- add input with appended `<kbd>`
+- `bootstrap` import fix
+- font improvements
+- change `$body-color` to CSS variable
+- scrollbars improvements
+- move `@tabler/icons` to `dev-dependencies`
+- fix #1370: avatar stacked list is not stacked anymore
 
+## `1.0.0-beta16` - 2022-11-12
 
-## `1.0.0-beta7` - 2022-02-05
+- new `Photogrid` page
+- `Steps` component improvements
+- fix #1348: Make job listing responsive for smaller devices
+- fix #1357: buttons group not active
+- fix #1352: fix deprecation warning
+- fix #1180: number input with `form-control-sm` looks weird
+- fix #1328: color input should show different color for inner check symbol on white ellipse
+- fix #1355 - missing font sizes
+- update icons to v1.111.0
+- homepage navbar fix
+- fix #1262 - `.bg-opacity-xx` class is not functioning properly
 
-- fix: #1019 - project-overview.html link not working
-- fix: #1010 - card with bottom tabs has incorrect border radius
-- uptime monitor mobile fixes
-- navbar dark button fix
-- `tabler-icons` link
-- autoloading webfonts
-- cards fixes, new cards demos
-- ruby dependencies update
-- RTL stylesheet fixes
-- new card action demos
+## `1.0.0-beta15` - 2022-11-01
 
+- new `badges` page
+- `<kbd>` styling
+- update icons to v1.109.0
+- `tom-select` border fix
+- exclude `playgrounds` from build
+- update jekyll to v4.3.1
+- fix: facebook color update
+- navbar aria atributes fixes
+- fix #808 - `navbar-menu` and `sidebar-menu` has the same `id`
+- fix #1335 - missing color variables usage in `alert` and `btn-ghost-*`
+- move border style to CSS variables
+- add missing forms
+- `btn-actions` fixes
+- replace `$text-muted` to css variable
 
-## `1.0.0-beta8` - 2022-02-05
-
-- update dependencies
-- new vector maps demos
-- fixes update map on resize
-- docs improvement
-- replace `badge` with `status-dot` in `navbar-notifications.html`
-- map tooltip fixes
-
-
-## `1.0.0-beta9` - 2022-02-26
-
-- fix: #1061 - list group item colors in light and dark modes
-- new `tasks` dashboard
-- fix: #1059 - upload button in form element in dark view has problem
-- fix: #1052 - card background icon is practically invisible
-- remove Inter font and use default font system stack
-- fix: #1018 - vector map not working
-- fix: #1035 - wrong background color of hovered list group items in dark mode
-- dependencies update
-- add `font-display: swap;` to improve font loading
-- new `Boxed` layout
-
-
-## `1.0.0-beta10` - 2022-04-29
-
-- new `datatable` component
-- update Tabler Icons to v1.67
-- fix: #1024 - fix Tom-select in dark mode
-- new carousel indicators: dots, vertical, thumbs (#1101)
-- replace !important modifier with more specific selectors (#1100)
-- new `FAQ` page
-
-
-## `1.0.0-beta11` - 2022-07-05
-
-- new `Dropzone` component
-- new `Lightbox` component
-- new `TinyMCS` component
-- new `Inline Player` component
-- new `Pricing table` component
-- new `Datagrid` component
-- new optgroup form examples
-- new settings page
-- update Tabler Icons to v1.78
-- added popover docs page
-- fix: #1125 incorrect chart display in the mobile version
-- update Bootstrap to 5.2.0
-
-
-## `1.0.0-beta12` - 2022-09-19
-
-- new "Job listing" page
-- new "Sign in with cover" page
-- new "Logs" page
-- new `progressbg` component
-- add a lot of CSS variables
-- add Dockerfile with alpine base
-- add icon pulse/tada/rotate animations
-- use `:host` in selectors to support Web Components
-- use dark table variant colors in dark mode (#1200)
-- update Tabler Icons to v1.96
-- change `space-y` component
-- headings, shadows and borders unify
-- toggle TinyMCE dark mode and skin based on the set Tabler theme
-- fix `card-footer` background
-- fix headers weight
-- fix transparent hover background in pagination
-- fix dark mode card text color
-- fix `--#{$prefix}card-bg` is undefined
-- fix global variable for `.card` and `.btn`
-- fix code sample in the customize tabler docs
-- fix form elements demo page radio buttons
-- replace `gulp-minify` with `gulp-terser`
+## `1.0.0-beta14` - 2022-10-21
 
+- fix active items in dark mode
+- update Jekyll to newest version
 
 ## `1.0.0-beta13` - 2022-10-18
 
@@ -194,90 +371,151 @@ All notable changes to this project will be documented in this file.
 - fix #1275 - remove last border-right on progress bar
 - fix #1261 - broken offcanvas bg
 
+## `1.0.0-beta12` - 2022-09-19
 
-## `1.0.0-beta14` - 2022-10-21
+- new "Job listing" page
+- new "Sign in with cover" page
+- new "Logs" page
+- new `progressbg` component
+- add a lot of CSS variables
+- add Dockerfile with alpine base
+- add icon pulse/tada/rotate animations
+- use `:host` in selectors to support Web Components
+- use dark table variant colors in dark mode (#1200)
+- update Tabler Icons to v1.96
+- change `space-y` component
+- headings, shadows and borders unify
+- toggle TinyMCE dark mode and skin based on the set Tabler theme
+- fix `card-footer` background
+- fix headers weight
+- fix transparent hover background in pagination
+- fix dark mode card text color
+- fix `--#{$prefix}card-bg` is undefined
+- fix global variable for `.card` and `.btn`
+- fix code sample in the customize tabler docs
+- fix form elements demo page radio buttons
+- replace `gulp-minify` with `gulp-terser`
 
-- fix active items in dark mode
-- update Jekyll to newest version
+## `1.0.0-beta11` - 2022-07-05
 
+- new `Dropzone` component
+- new `Lightbox` component
+- new `TinyMCS` component
+- new `Inline Player` component
+- new `Pricing table` component
+- new `Datagrid` component
+- new optgroup form examples
+- new settings page
+- update Tabler Icons to v1.78
+- added popover docs page
+- fix: #1125 incorrect chart display in the mobile version
+- update Bootstrap to 5.2.0
 
-## `1.0.0-beta15` - 2022-11-01
+## `1.0.0-beta10` - 2022-04-29
 
-- new `badges` page
-- `<kbd>` styling
-- update icons to v1.109.0
-- `tom-select` border fix
-- exclude `playgrounds` from build
-- update jekyll to v4.3.1
-- fix: facebook color update
-- navbar aria atributes fixes
-- fix #808 - `navbar-menu` and `sidebar-menu` has the same `id`
-- fix #1335 - missing color variables usage in `alert` and `btn-ghost-*`
-- move border style to CSS variables
-- add missing forms
-- `btn-actions` fixes
-- replace `$text-muted` to css variable
+- new `datatable` component
+- update Tabler Icons to v1.67
+- fix: #1024 - fix Tom-select in dark mode
+- new carousel indicators: dots, vertical, thumbs (#1101)
+- replace !important modifier with more specific selectors (#1100)
+- new `FAQ` page
 
+## `1.0.0-beta9` - 2022-02-26
 
-## `1.0.0-beta16` - 2022-11-12
+- fix: #1061 - list group item colors in light and dark modes
+- new `tasks` dashboard
+- fix: #1059 - upload button in form element in dark view has problem
+- fix: #1052 - card background icon is practically invisible
+- remove Inter font and use default font system stack
+- fix: #1018 - vector map not working
+- fix: #1035 - wrong background color of hovered list group items in dark mode
+- dependencies update
+- add `font-display: swap;` to improve font loading
+- new `Boxed` layout
 
-- new `Photogrid` page
-- `Steps` component improvements
-- fix #1348: Make job listing responsive for smaller devices
-- fix #1357: buttons group not active
-- fix #1352: fix deprecation warning
-- fix #1180: number input with `form-control-sm` looks weird
-- fix #1328: color input should show different color for inner check symbol on white ellipse
-- fix #1355 - missing font sizes
-- update icons to v1.111.0
-- homepage navbar fix
-- fix #1262 - `.bg-opacity-xx` class is not functioning properly
+## `1.0.0-beta8` - 2022-02-05
 
-
-## `1.0.0-beta17` - 2023-01-28
-
-- update `bootstrap` to v5.3.0
-- update icons to v2.1.2
-- add 72 new brands, browsers logos update
-- new `Trial ended` page
-- new `Page loader` page
-- new `Profile` page
-- headings fix
-- dropdown background color fix
-- fix rgba conversion bug
-- fix autofill text color, not matching in dark mode
-- update license
-- header html5 tags
-- add input with appended `<kbd>`
-- `bootstrap` import fix
-- font improvements
-- change `$body-color` to CSS variable
-- scrollbars improvements
-- move `@tabler/icons` to `dev-dependencies`
-- fix #1370: avatar stacked list is not stacked anymore
-
-
-## `1.0.0` - 2023-03-01
-
-**Version 1.0 of Tabler! 😍🤩**
-
-- new page: Cookie banner
-- update icons to v2.7.0
-- optimise images with `calibre/image-actions`
-- new docs
-- spacers unify
-- fix non full width selects #1392
-- fix bootstrap imports (#1477)
 - update dependencies
-- images optimization
-- flags border fix
-- fix color variables
-- scss build fix
-- fix #1440: more symmetry between modals and cards
-- dropdown shadow fix, colors fix
-- feat: dark mode lite colors improvement
-- fix #1464: avatars overlap transparently
-- fix #1426: TinyMCE drop down icon list transparent
-- fix #1453: Term of service page is truncated
-- added epayco Latin America payment gateway
-- add canonical urls
+- new vector maps demos
+- fixes update map on resize
+- docs improvement
+- replace `badge` with `status-dot` in `navbar-notifications.html`
+- map tooltip fixes
+
+## `1.0.0-beta7` - 2022-02-05
+
+- fix: #1019 - project-overview.html link not working
+- fix: #1010 - card with bottom tabs has incorrect border radius
+- uptime monitor mobile fixes
+- navbar dark button fix
+- `tabler-icons` link
+- autoloading webfonts
+- cards fixes, new cards demos
+- ruby dependencies update
+- RTL stylesheet fixes
+- new card action demos
+
+## `1.0.0-beta6` - 2022-01-18
+
+- pricing cards fix
+- fix bug `fw-...`, `.fs-...` is missed (#987)
+- avatar class fix
+- fix bug #903 `litepicker` with date range not having correct border
+- page wrapper fix
+- fix #900 `is-invalid-lite` class is not working under `was-validated` form class
+- update `@tabler/icons` to version 1.48
+- fix #960 - Badges not honoring font sizes
+- fix #959 - `node-sass` does not properly compile nested media queries
+- update package dependencies to newest version
+
+## `1.0.0-beta5` - 2021-12-07
+
+**Tabler has finally lived to see dark mode! 🌝🌚**
+
+- **Dark mode enabled!**
+- add more cursors (#947)
+- fix #892 - media queries need to be nested when negating
+- update `@tabler/icons` to newest version
+- move optional dependencies to peerDependencies (#924)
+- move deployment to Github Actions (#934)
+- table border fixes
+- antialiased fix
+- update `@tabler/icons` to version 1.42
+- change default font to 'Inter'
+- colors unify
+- add `tom-select` and remove `choices.js`
+
+## `1.0.0-beta4` - 2021-10-24
+
+- upgrade required node.js version to 14
+- upgrade Bootstrap to 5.1
+- upgrade dependencies
+- fix #775 - litepicker not initializing
+- fix `nouislider` import in dev
+
+## `1.0.0-beta3` - 2021-05-08
+
+- upgrade Bootstrap to 5.0
+- upgrade dependencies
+- change `$border-radius-pill` variable
+- badge vertical align fix
+
+## `1.0.0-beta2` - 2021-03-29
+
+- update dependencies
+- `li` marker fix
+- page wrapper, nav fixes
+- scripts optimize, remove `capture_once`
+- `page-body` fixes
+- layout navbar fix
+- typography fix
+- ribbon fix
+- charts label fixes
+- charts docs
+
+## `1.0.0-beta` - 2021-02-17
+
+**Initial beta release of Tabler v1.0! Lots more coming soon though 😁**
+
+- update Bootstrap to 5.0.0-beta2
+- update other dependencies.

Dockerfile

@@ -1,27 +1,20 @@
-FROM ruby:2.7-alpine
-
-RUN apk add --no-cache nodejs pnpm && \
-    apk add --no-cache --virtual build-dependencies build-base
+FROM ruby:3.2-alpine
 
 WORKDIR /app
-
-ADD package.json /app/
-ADD package-lock.json /app/
-ADD package.json /app/
-ADD Gemfile /app/
-ADD Gemfile.lock /app/
 ADD _config.yml /app/
+ADD _config_prod.yml /app/
+ADD package.json /app/
+ADD pnpm-lock.yaml /app/
 ADD gulpfile.js /app/
 
-# RUN apk update && apk add --virtual build-dependencies build-base
+RUN apk add --virtual build-dependencies build-base npm
+RUN apk upgrade
+RUN npm i -g pnpm
 RUN pnpm install
-RUN bundle config --global silence_root_warning 1 && bundler install --verbose
 
 # website
 EXPOSE 3000
-
 # website management (browser auto reload)
 EXPOSE 3001
-
 # run tabler
-ENTRYPOINT [ "pnpm", "run", "start-plugins" ]
+ENTRYPOINT [ "pnpm", "run", "start" ]

Gemfile

@@ -1,14 +0,0 @@
-source "https://rubygems.org"
-
-gem "jekyll", "4.3.1"
-
-group :jekyll_plugins do
-	gem "jekyll-random"
-	gem "jekyll-tidy"
-	gem "jekyll-timeago"
-	gem 'jekyll-redirect-from'
-end
-
-gem 'wdm', '>= 0.1.1' if Gem.win_platform?
-
-

Gemfile.lock

@@ -1,86 +0,0 @@
-GEM
-  remote: https://rubygems.org/
-  specs:
-    addressable (2.8.1)
-      public_suffix (>= 2.0.2, < 6.0)
-    colorator (1.1.0)
-    concurrent-ruby (1.1.10)
-    em-websocket (0.5.3)
-      eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0)
-    eventmachine (1.2.7)
-    ffi (1.15.5)
-    forwardable-extended (2.6.0)
-    htmlbeautifier (1.4.2)
-    htmlcompressor (0.4.0)
-    http_parser.rb (0.8.0)
-    i18n (1.12.0)
-      concurrent-ruby (~> 1.0)
-    jekyll (4.3.1)
-      addressable (~> 2.4)
-      colorator (~> 1.0)
-      em-websocket (~> 0.5)
-      i18n (~> 1.0)
-      jekyll-sass-converter (>= 2.0, < 4.0)
-      jekyll-watch (~> 2.0)
-      kramdown (~> 2.3, >= 2.3.1)
-      kramdown-parser-gfm (~> 1.0)
-      liquid (~> 4.0)
-      mercenary (>= 0.3.6, < 0.5)
-      pathutil (~> 0.9)
-      rouge (>= 3.0, < 5.0)
-      safe_yaml (~> 1.0)
-      terminal-table (>= 1.8, < 4.0)
-      webrick (~> 1.7)
-    jekyll-random (0.1)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-redirect-from (0.16.0)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-sass-converter (2.2.0)
-      sassc (> 2.0.1, < 3.0)
-    jekyll-tidy (0.2.2)
-      htmlbeautifier
-      htmlcompressor
-      jekyll
-    jekyll-timeago (0.14.0)
-      mini_i18n (>= 0.8.0)
-    jekyll-watch (2.2.1)
-      listen (~> 3.0)
-    kramdown (2.4.0)
-      rexml
-    kramdown-parser-gfm (1.1.0)
-      kramdown (~> 2.0)
-    liquid (4.0.3)
-    listen (3.7.1)
-      rb-fsevent (~> 0.10, >= 0.10.3)
-      rb-inotify (~> 0.9, >= 0.9.10)
-    mercenary (0.4.0)
-    mini_i18n (0.8.0)
-    pathutil (0.16.2)
-      forwardable-extended (~> 2.6)
-    public_suffix (5.0.0)
-    rb-fsevent (0.11.2)
-    rb-inotify (0.10.1)
-      ffi (~> 1.0)
-    rexml (3.2.5)
-    rouge (3.30.0)
-    safe_yaml (1.0.5)
-    sassc (2.4.0)
-      ffi (~> 1.9)
-    terminal-table (3.0.2)
-      unicode-display_width (>= 1.1.1, < 3)
-    unicode-display_width (2.3.0)
-    webrick (1.7.0)
-
-PLATFORMS
-  ruby
-
-DEPENDENCIES
-  jekyll (= 4.3.1)
-  jekyll-random
-  jekyll-redirect-from
-  jekyll-tidy
-  jekyll-timeago
-
-BUNDLED WITH
-   2.1.4

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2018-2023 The Tabler Authors
+Copyright (c) 2018-2025 The Tabler Authors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,7 +1,4 @@
 <p align="center">
-<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-0-orange.svg?style=flat-square)](#contributors-)
-<!-- ALL-CONTRIBUTORS-BADGE:END -->
 <a href="https://github.com/tabler/tabler"><img src="https://raw.githubusercontent.com/tabler/tabler/dev/src/static/logo.svg" alt="A premium and open source dashboard template with a responsive and high-quality UI." width="300"></a><br><br>
 A premium and open source dashboard template with a responsive and high-quality UI.
 </p>
@@ -16,12 +13,29 @@ A premium and open source dashboard template with a responsive and high-quality
 <a href="https://github.com/tabler/tabler" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/tabler/tabler?style=social"></a>
 </p>
 
+## Sponsors
+
+**If you want to support our project and help me grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or just [donate on PayPal](https://paypal.me/codecalm) :)**
+
 <p align="center">
   <a href="https://github.com/sponsors/codecalm">
-    <img src='https://raw.githubusercontent.com/tabler/static/main/sponsors.svg'>
+    <img src="https://cdn.jsdelivr.net/gh/tabler/sponsors@latest/sponsors.svg" alt="Tabler sponsors">
   </a>
 </p>
 
+## Testing
+
+<p align="center">Browser testing via:</p>
+
+<p align="center">
+  <a href="https://www.lambdatest.com/" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/14dd2a0a-bafe-436e-a6cb-29636278c781">
+      <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83">
+      <img src="https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83" alt="Tabler Icons preview" width="296">
+    </picture>
+  </a>
+</p>
 
 ## 🔎 Preview
 
@@ -35,7 +49,7 @@ Tabler is fully responsive and compatible with all modern browsers. Thanks to it
 We've created this admin panel for everyone who wants to create templates based on our pre-made components. Our mission is to deliver a user-friendly, clear and easy administration panel that can be used by both simple websites and sophisticated systems. The only requirement is basic HTML and CSS (and some [Liquid](https://github.com/Shopify/liquid/wiki)) knowledge — as a reward, you'll be able to manage and visualize different types of data in the easiest possible way!
 
 * **Responsive:** With the support for mobile, tablet and desktop displays, it doesn’t matter what device you’re using. Tabler is responsive in all major browsers.
-* **Cross Browser:** Our theme works perfectly with the latest Chrome, Firefox+, Safari, Opera, Edge and mobile browsers. We work hard to to provide continuous support for them.
+* **Cross Browser:** Our theme works perfectly with the latest Chrome, Firefox+, Safari, Opera, Edge and mobile browsers. We work hard to provide continuous support for them.
 * **HTML5 & CSS3:** We use only modern web technologies, such as HTML5 and CSS3. Our theme includes some subtle CSS3 animations, which will help you attract attention.
 * **Clean Code:** We followed Bootstrap’s guidelines carefully to make your integration as easy as possible. All code is handwritten and W3C valid.
 * **Demo pages**: Tabler features over 20 individual pages using various components, which gives you the freedom to choose and combine. All components can vary in color and styling that you can easily modify using Sass. Sky is the limit!
@@ -45,6 +59,8 @@ We've created this admin panel for everyone who wants to create templates based
 
 Documentation is available as a part of Tabler preview: https://tabler.io/docs/
 
+To run the documentation site locally, follow instructions in the [Documentation README](https://github.com/tabler/tabler/blob/dev/site/README.md).
+
 ## 🪴 Project Activity
 
 ![Alt](https://repobeats.axiom.co/api/embed/61d1db34446967b0848af68198a392067e0f5870.svg "Repobeats analytics image")
@@ -69,39 +85,25 @@ Support this project by becoming a sponsor. Your logo will show up in this READM
 <a href="https://opencollective.com/tabler/tiers/sponsor/8/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/8/avatar.svg" /></a>
 <a href="https://opencollective.com/tabler/tiers/sponsor/9/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/9/avatar.svg" /></a>
 
-
 ## 📦 Setup environment
 
 To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:
 
 1. [Install Node.js](https://nodejs.org/download/), which we use to manage our dependencies.
 2. Navigate to the root `/tabler` directory and run `pnpm install` to install our local dependencies listed in `package.json`.
-3. [Install Ruby](https://www.ruby-lang.org/en/documentation/installation/) - the recommended version is [2.7.6](https://cache.ruby-lang.org/pub/ruby/2.7/ruby-2.7.6.tar.gz).
-4. [Install Bundler](https://bundler.io) with `gem install bundler` and finally run `bundle install`. It will install all Ruby dependencies, such as [Jekyll and plugins](https://jekyllrb.com).
 
 **OSX users**:
 
-1. NPM ```pnpm install```
-2. install Ruby (2.5.* recommended)
-	```brew install ruby @2.5```
-3. install bundler
-	```gem install bundler```
-4. install
-	```bundle install```
-- if bundler get any errors try
-```
-sudo rm -rf /Library/Developer/CommandLineTools
-sudo xcode-select --install
-```
-5. Run NPM
-	```npm run start```
+```pnpm install```
+
+and then 
+
+```npm run start```
 
 
 **Windows users**:
 
-1. [Install Git](https://git-scm.com/download/win) in `C:\Program Files\git\bin` directory and run `npm config set script-shell "C:\\Program Files\\git\\bin\\bash.exe"` to change the default shell.
-2. [Install Ruby+Devkit](https://rubyinstaller.org/downloads/) - the recommended version is [2.7.6](https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.7.6-1/rubyinstaller-devkit-2.7.6-1-x64.exe).
-3. [Read guide](https://jekyllrb.com/docs/installation/windows/) to get Jekyll up and running without problems.
+[Install Git](https://git-scm.com/download/win) in `C:\Program Files\git\bin` directory and run `npm config set script-shell "C:\\Program Files\\git\\bin\\bash.exe"` to change the default shell.
 
 Once you complete the setup, you'll be able to run the various commands provided from the command line.
 
@@ -110,10 +112,8 @@ Once you complete the setup, you'll be able to run the various commands provided
 
 You need to have `pnpm` and `bundler` installed.
 
-1. From the root `/tabler` directory, run installation in the command line:
-  - `pnpm install` 
-  - `bundler install` 
-2. Then execute `pnpm run start-plugins` to start up the application stack.
+1. From the root `/tabler` directory, run installation in the command line: `pnpm install` 
+2. Then execute `pnpm run start` to start up the application stack.
 3. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
 4. Any change in the `/src` directory will build the application and refresh the page.
 
@@ -131,7 +131,9 @@ npm install --save @tabler/core
 
 ## Running with Docker
 
-If you don't want to install node/npm/ruby and the dependencies on your local environment, you can use the provided Dockerfile to build a docker image.
+**Plain Docker**
+
+If you don't want to install node/npm and the dependencies on your local environment, you can use the provided Dockerfile to build a docker image.
 This Dockerfile is provided as an example to spin-up a container running Tabler.
 
 Example of how to use this image:
@@ -148,6 +150,9 @@ docker run -p 3000:3000 -p 3001:3001 -v $(pwd)/src:/app/src -v $(pwd)/_config.ym
 
 Now open your browser to [http://localhost:3000](http://localhost:3000). Edit anything in the `src/` folder and watch your browser refresh the page after it has been rebuilt.
 
+**Docker Compose**
+
+You can also use the docker compose config from this repo. Use `docker compose build && docker compose up` or `docker compose up --build` to build and start the container. Edit anything in the `src/` folder the same way as with plain docker and access the same URLs and ports in your browser.
 
 ### CDN support
 
@@ -196,12 +201,6 @@ Thank you to all our backers! 🙏 [Become a backer](https://opencollective.com/
 
 <a href="https://opencollective.com/tabler#backers" target="_blank"><img src="https://opencollective.com/tabler/tiers/backer.svg?width=890&button=false" /></a>
 
-## ❤️ Thanks
-
-<a href="https://www.chromatic.com/"><img src="https://user-images.githubusercontent.com/321738/84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png" width="153" height="30" alt="Chromatic" /></a>
-
-Thanks to [Chromatic](https://www.chromatic.com/) for providing the visual testing platform that helps us review UI changes and catch visual regressions.
-
 ## License
 
 See the [LICENSE](https://github.com/tabler/tabler/blob/master/LICENSE) file.
@@ -217,4 +216,4 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- prettier-ignore-end -->
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
-This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

SECURITY.md

@@ -11,6 +11,6 @@ We take security very seriously and ask that you follow the following process.
 
 ## Reporting a Vulnerability
 
-If you think you may have found a security bug we ask that you privately send the details to support@tabler.io. 
+If you think you may have found a security bug, We ask that you privately send the details to support@tabler.io. 
 Please make sure to use a descriptive title in the email.
 

_config.yml

@@ -1,224 +0,0 @@
-source: src/pages
-destination: tmp
-
-keep_files:
-  - css
-  - js
-  - img
-  - dist
-  - static
-  - playground.html
-
-use-iconfont: false
-rtl: false
-
-title: Tabler
-description: Premium and Open Source dashboard template with responsive and high quality UI.
-
-email: support@tabler.io
-homepage: https://tabler.io
-github-url: https://github.com/tabler/tabler
-github-sponsors-url: https://github.com/sponsors/codecalm
-changelog-url: https://github.com/tabler/tabler/releases
-sponsor-url: https://github.com/sponsors/codecalm
-preview-url: https://preview.tabler.io
-docs-url: https://tabler.io/docs
-
-mapbox-key: pk.eyJ1IjoiY29kZWNhbG0iLCJhIjoiSzRiOVJvQSJ9.BUVkTT6IYs83xSUs4H7bjQ
-google-maps-key: AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI
-google-maps-dev-key: AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw
-npm-package: "@tabler/core"
-
-random-date-from: "2018-01-01"
-random-date-to: "2022-01-01"
-
-debug: false
-
-layout-dark: false
-
-plugins:
-  - jekyll-random
-  - jekyll-tidy
-  - jekyll-timeago
-  - jekyll-redirect-from
-
-tabler-css-plugins:
-  - tabler-flags
-  - tabler-payments
-  - tabler-vendors
-
-exclude:
-  - .jekyll-cache
-  - redirects.json
-
-markdown: kramdown
-kramdown:
-  input: GFM
-  syntax_highlighter: rouge
-
-jekyll_tidy:
-  compress_html: false
-  ignore_env: development
-
-defaults:
-  - scope:
-      type: "pages"
-      path: "*.md"
-    values:
-      layout: markdown
-  - scope:
-      type: "pages"
-    values:
-      layout: default
-
-colors:
-  blue:
-    class: blue
-    hex: '#206bc4'
-    title: Blue
-  azure:
-    class: azure
-    hex: '#45aaf2'
-    title: Azure
-  indigo:
-    class: indigo
-    hex: '#6574cd'
-    title: Indigo
-  purple:
-    class: purple
-    hex: '#a55eea'
-    title: Purple
-  pink:
-    class: pink
-    hex: '#f66d9b'
-    title: Pink
-  red:
-    class: red
-    hex: '#fa4654'
-    title: Red
-  orange:
-    class: orange
-    hex: '#fd9644'
-    title: Orange
-  yellow:
-    class: yellow
-    hex: '#f1c40f'
-    title: Yellow
-  lime:
-    class: lime
-    hex: '#7bd235'
-    title: Lime
-  green:
-    class: green
-    hex: '#5eba00'
-    title: Green
-  teal:
-    class: teal
-    hex: '#2bcbba'
-    title: Teal
-  cyan:
-    class: cyan
-    hex: '#17a2b8'
-    title: Cyan
-
-colors-extra:
-  white:
-    hex: '#ffffff'
-    title: White
-  dark:
-    hex: '#303645'
-    title: Dark
-  gray:
-    hex: '#868e96'
-    title: Gray
-
-variants:
-  - name: success
-    icon: check
-  - name: info
-    icon: info-circle
-  - name: warning
-    icon: alert-triangle
-  - name: danger
-    icon: alert-circle
-
-theme-colors:
-  primary:
-    class: primary
-    title: Primary
-  secondary:
-    class: secondary
-    title: Secondary
-  success:
-    class: success
-    title: Success
-  warning:
-    class: warning
-    title: Warning
-  danger:
-    class: danger
-    title: Danger
-  info:
-    class: info
-    title: Info
-  dark:
-    class: dark
-    title: Dark
-  light:
-    class: light
-    title: Light
-
-button-states:
-  - class:
-    title: Normal
-  - class: active
-    title: Active state
-  - class: disabled
-    title: Disabled
-
-socials:
-  facebook:
-    icon: brand-facebook
-    title: Facebook
-  twitter:
-    icon: brand-twitter
-    title: Twitter
-  google:
-    icon: brand-google
-    title: Google
-  youtube:
-    icon: brand-youtube
-    title: Youtube
-  vimeo:
-    icon: brand-vimeo
-    title: Vimeo
-  dribbble:
-    icon: brand-dribbble
-    title: Dribbble
-  github:
-    icon: brand-github
-    title: Github
-  instagram:
-    icon: brand-instagram
-    title: Instagram
-  pinterest:
-    icon: brand-pinterest
-    title: Pinterest
-  vk:
-    icon: brand-vk
-    title: VK
-  rss:
-    icon: rss
-    title: RSS
-  flickr:
-    icon: brand-flickr
-    title: Flickr
-  bitbucket:
-    icon: brand-bitbucket
-    title: Bitbucket
-  tabler:
-    icon: brand-tabler
-    title: Tabler
-
-months-short: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-months-long: ['January', 'Febuary', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

_config_prod.yml

@@ -1,4 +0,0 @@
-exclude:
-  - redirects.json
-  - playground.html
-  - playground-*.html

build/download-images.js

@@ -1,58 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const YAML = require('yaml')
-const fs = require('node:fs')
-const path = require('node:path')
-const request = require('request')
-const filePath = path.join(__dirname, '../src/pages/_data/photos.yml')
-
-const photos = YAML.parse(fs.readFileSync(filePath, 'utf8'))
-
-const urlTitle = (str) => {
-  str = str
-		.toLowerCase()
-		.replaceAll('&', 'and')
-		.replace(/[^[a-z0-9-]/g, '-')
-		.replace(/-+/g, '-')
-
-  return str
-}
-
-const download = function(uri, filename, callback, error) {
-  request.head(uri, function(err, res, body) {
-	 request(uri).pipe(fs.createWriteStream(filename))
-		  .on('close', callback)
-		  .on('error', error)
-  })
-}
-
-async function downloadPhotos() {
-  for (const key in photos) {
-	 const photo = photos[key]
-
-	 let filename, i = 1;
-
-	 do {
-		filename = `${urlTitle(photo['title'])}${i > 1 ? `-${i}` : ''}.jpg`
-		i++
-	 } while (fs.existsSync(path.join(__dirname, `../src/static/photos/${filename}`)))
-
-	 await new Promise((resolve, reject) => {
-		download(photo['path'], path.join(__dirname, `../src/static/photos/${filename}`), function(){
-		  resolve()
-		}, function() {
-		  reject()
-		});
-	 })
-
-	 photos[key]['file'] = filename
-	 photos[key]['horizontal'] = photo['width'] > photo['height']
-  }
-
-  fs.writeFileSync(filePath, YAML.stringify(photos))
-}
-
-downloadPhotos();
-

demo/accordion.html

@@ -1,698 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <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?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item active" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Accordion
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="card">
-              <div class="card-body">
-                <div class="accordion" id="accordion-example">
-                  <div class="accordion-item">
-                    <h2 class="accordion-header" id="heading-1">
-                      <button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="true">
-                        Accordion Item #1
-                      </button>
-                    </h2>
-                    <div id="collapse-1" class="accordion-collapse collapse show" data-bs-parent="#accordion-example">
-                      <div class="accordion-body pt-0">
-                        <strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                      </div>
-                    </div>
-                  </div>
-                  <div class="accordion-item">
-                    <h2 class="accordion-header" id="heading-2">
-                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false">
-                        Accordion Item #2
-                      </button>
-                    </h2>
-                    <div id="collapse-2" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
-                      <div class="accordion-body pt-0">
-                        <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                      </div>
-                    </div>
-                  </div>
-                  <div class="accordion-item">
-                    <h2 class="accordion-header" id="heading-3">
-                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false">
-                        Accordion Item #3
-                      </button>
-                    </h2>
-                    <div id="collapse-3" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
-                      <div class="accordion-body pt-0">
-                        <strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                      </div>
-                    </div>
-                  </div>
-                  <div class="accordion-item">
-                    <h2 class="accordion-header" id="heading-4">
-                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="false">
-                        Accordion Item #4
-                      </button>
-                    </h2>
-                    <div id="collapse-4" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
-                      <div class="accordion-body pt-0">
-                        <strong>This is the fourth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/activity.html

@@ -1,900 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <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?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item active" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Activity
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="row justify-content-center">
-              <div class="col-8">
-                <div class="card">
-                  <div class="card-body">
-                    <div class="divide-y">
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar">JL</span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Jeffie Lewzey</strong> commented on your <strong>"I'm not a witch."</strong> post.
-                            </div>
-                            <div class="text-muted">yesterday</div>
-                          </div>
-                          <div class="col-auto align-self-center">
-                            <div class="badge bg-primary"></div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              It's <strong>Mallory Hulme</strong>'s birthday. Wish him well!
-                            </div>
-                            <div class="text-muted">2 days ago</div>
-                          </div>
-                          <div class="col-auto align-self-center">
-                            <div class="badge bg-primary"></div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Dunn Slane</strong> posted <strong>"Well, what do you want?"</strong>.
-                            </div>
-                            <div class="text-muted">today</div>
-                          </div>
-                          <div class="col-auto align-self-center">
-                            <div class="badge bg-primary"></div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Emmy Levet</strong> created a new project <strong>Morning alarm clock</strong>.
-                            </div>
-                            <div class="text-muted">4 days ago</div>
-                          </div>
-                          <div class="col-auto align-self-center">
-                            <div class="badge bg-primary"></div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Maryjo Lebarree</strong> liked your photo.
-                            </div>
-                            <div class="text-muted">2 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar">EP</span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Egan Poetz</strong> registered new client as <strong>Trilia</strong>.
-                            </div>
-                            <div class="text-muted">yesterday</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/002f.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Kellie Skingley</strong> closed a new deal on project <strong>Pen Pineapple Apple Pen</strong>.
-                            </div>
-                            <div class="text-muted">2 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/003f.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Christabel Charlwood</strong> created a new project for <strong>Wikibox</strong>.
-                            </div>
-                            <div class="text-muted">4 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar">HS</span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Haskel Shelper</strong> change status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>.
-                            </div>
-                            <div class="text-muted">today</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Lorry Mion</strong> liked <strong>Tabler UI Kit</strong>.
-                            </div>
-                            <div class="text-muted">yesterday</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Leesa Beaty</strong> posted new video.
-                            </div>
-                            <div class="text-muted">2 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/007m.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Perren Keemar</strong> and 3 others followed you.
-                            </div>
-                            <div class="text-muted">2 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar">SA</span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Sunny Airey</strong> upload 3 new photos to category <strong>Inspirations</strong>.
-                            </div>
-                            <div class="text-muted">2 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/009m.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Geoffry Flaunders</strong> made a <strong>$10</strong> donation.
-                            </div>
-                            <div class="text-muted">2 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/010m.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Thatcher Keel</strong> created a profile.
-                            </div>
-                            <div class="text-muted">3 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/005f.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Dyann Escala</strong> hosted the event <strong>Tabler UI Birthday</strong>.
-                            </div>
-                            <div class="text-muted">4 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar" style="background-image: url(./static/avatars/006f.jpg)"></span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Avivah Mugleston</strong> mentioned you on <strong>Best of 2020</strong>.
-                            </div>
-                            <div class="text-muted">2 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                      <div>
-                        <div class="row">
-                          <div class="col-auto">
-                            <span class="avatar">AA</span>
-                          </div>
-                          <div class="col">
-                            <div class="text-truncate">
-                              <strong>Arlie Armstead</strong> sent a Review Request to <strong>Amanda Blake</strong>.
-                            </div>
-                            <div class="text-muted">2 days ago</div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/auth-lock.html

@@ -1,68 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <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?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body  class=" d-flex flex-column">
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page page-center">
-      <div class="container container-tight py-4">
-        <div class="text-center mb-4">
-          <a href="." class="navbar-brand navbar-brand-autodark"><img src="./static/logo.svg" height="36" alt=""></a>
-        </div>
-        <form class="card card-md" action="./" method="get" autocomplete="off" novalidate>
-          <div class="card-body text-center">
-            <div class="mb-4">
-              <h2 class="card-title">Account Locked</h2>
-              <p class="text-muted">Please enter your password to unlock your account</p>
-            </div>
-            <div class="mb-4">
-              <span class="avatar avatar-xl mb-3" style="background-image: url(./static/avatars/000m.jpg)"></span>
-              <h3>Paweł Kuna</h3>
-            </div>
-            <div class="mb-4">
-              <input type="password" class="form-control" placeholder="Password&hellip;">
-            </div>
-            <div>
-              <a href="#" class="btn btn-primary w-100">
-                <!-- Download SVG icon from http://tabler-icons.io/i/lock-open -->
-                <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 11m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M8 11v-5a4 4 0 0 1 8 0" /></svg>
-                Unlock
-              </a>
-            </div>
-          </div>
-        </form>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/badges.html

@@ -1,798 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <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?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item active" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Badges
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="row row-cards">
-              <div class="col-4">
-                <div class="card">
-                  <div class="card-body">
-                    <h1>Example heading <span class="badge">New</span></h1>
-                    <h2>Example heading <span class="badge">New</span></h2>
-                    <h3>Example heading <span class="badge">New</span></h3>
-                    <h4>Example heading <span class="badge">New</span></h4>
-                    <h5>Example heading <span class="badge">New</span></h5>
-                    <h6>Example heading <span class="badge">New</span></h6>
-                  </div>
-                </div>
-              </div>
-              <div class="col-8">
-                <div class="row row-cards">
-                  <div class="col-12">
-                    <div class="card">
-                      <div class="card-body">
-                        <div class="badges-list">
-                          <span class="badge bg-blue">Blue</span>
-                          <span class="badge bg-azure">Azure</span>
-                          <span class="badge bg-indigo">Indigo</span>
-                          <span class="badge bg-purple">Purple</span>
-                          <span class="badge bg-pink">Pink</span>
-                          <span class="badge bg-red">Red</span>
-                          <span class="badge bg-orange">Orange</span>
-                          <span class="badge bg-yellow">Yellow</span>
-                          <span class="badge bg-lime">Lime</span>
-                          <span class="badge bg-green">Green</span>
-                          <span class="badge bg-teal">Teal</span>
-                          <span class="badge bg-cyan">Cyan</span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-12">
-                    <div class="card">
-                      <div class="card-body">
-                        <div class="badges-list">
-                          <span class="badge bg-blue-lt">Blue</span>
-                          <span class="badge bg-azure-lt">Azure</span>
-                          <span class="badge bg-indigo-lt">Indigo</span>
-                          <span class="badge bg-purple-lt">Purple</span>
-                          <span class="badge bg-pink-lt">Pink</span>
-                          <span class="badge bg-red-lt">Red</span>
-                          <span class="badge bg-orange-lt">Orange</span>
-                          <span class="badge bg-yellow-lt">Yellow</span>
-                          <span class="badge bg-lime-lt">Lime</span>
-                          <span class="badge bg-green-lt">Green</span>
-                          <span class="badge bg-teal-lt">Teal</span>
-                          <span class="badge bg-cyan-lt">Cyan</span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-12">
-                    <div class="card">
-                      <div class="card-body">
-                        <div class="badges-list">
-                          <span class="badge badge-outline text-blue">Blue</span>
-                          <span class="badge badge-outline text-azure">Azure</span>
-                          <span class="badge badge-outline text-indigo">Indigo</span>
-                          <span class="badge badge-outline text-purple">Purple</span>
-                          <span class="badge badge-outline text-pink">Pink</span>
-                          <span class="badge badge-outline text-red">Red</span>
-                          <span class="badge badge-outline text-orange">Orange</span>
-                          <span class="badge badge-outline text-yellow">Yellow</span>
-                          <span class="badge badge-outline text-lime">Lime</span>
-                          <span class="badge badge-outline text-green">Green</span>
-                          <span class="badge badge-outline text-teal">Teal</span>
-                          <span class="badge badge-outline text-cyan">Cyan</span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-3">
-                <div class="dropdown-menu dropdown-menu-demo dropdown-menu-arrow">
-                  <a class="dropdown-item" href="#">
-                    Action
-                    <span class="badge bg-primary ms-auto">12</span>
-                  </a>
-                  <a class="dropdown-item" href="#">
-                    Another action
-                    <span class="badge bg-green ms-auto"></span>
-                  </a>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-9">
-                <div class="row row-cards">
-                  <div class="col-12">
-                    <div class="card">
-                      <div class="card-body">
-                        <div class="btn-list">
-                          <button class="btn">Blue badge <span class="badge bg-blue ms-2">1</span></button>
-                          <button class="btn">Azure badge <span class="badge bg-azure ms-2">2</span></button>
-                          <button class="btn">Indigo badge <span class="badge bg-indigo ms-2">3</span></button>
-                          <button class="btn">Purple badge <span class="badge bg-purple ms-2">4</span></button>
-                          <button class="btn">Pink badge <span class="badge bg-pink ms-2">5</span></button>
-                          <button class="btn">Red badge <span class="badge bg-red ms-2">6</span></button>
-                          <button class="btn">Orange badge <span class="badge bg-orange ms-2">7</span></button>
-                          <button class="btn">Yellow badge <span class="badge bg-yellow ms-2">8</span></button>
-                          <button class="btn">Lime badge <span class="badge bg-lime ms-2">9</span></button>
-                          <button class="btn">Green badge <span class="badge bg-green ms-2">10</span></button>
-                          <button class="btn">Teal badge <span class="badge bg-teal ms-2">11</span></button>
-                          <button class="btn">Cyan badge <span class="badge bg-cyan ms-2">12</span></button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-12">
-                    <div class="card">
-                      <div class="card-body">
-                        <div class="btn-list">
-                          <button class="btn position-relative">Blue badge <span class="badge bg-blue badge-notification badge-pill">1</span></button>
-                          <button class="btn position-relative">Azure badge <span class="badge bg-azure badge-notification badge-pill">2</span></button>
-                          <button class="btn position-relative">Indigo badge <span class="badge bg-indigo badge-notification badge-pill">3</span></button>
-                          <button class="btn position-relative">Purple badge <span class="badge bg-purple badge-notification badge-pill">4</span></button>
-                          <button class="btn position-relative">Pink badge <span class="badge bg-pink badge-notification badge-pill">5</span></button>
-                          <button class="btn position-relative">Red badge <span class="badge bg-red badge-notification badge-pill">6</span></button>
-                          <button class="btn position-relative">Orange badge <span class="badge bg-orange badge-notification badge-pill">7</span></button>
-                          <button class="btn position-relative">Yellow badge <span class="badge bg-yellow badge-notification badge-pill">8</span></button>
-                          <button class="btn position-relative">Lime badge <span class="badge bg-lime badge-notification badge-pill">9</span></button>
-                          <button class="btn position-relative">Green badge <span class="badge bg-green badge-notification badge-pill">10</span></button>
-                          <button class="btn position-relative">Teal badge <span class="badge bg-teal badge-notification badge-pill">11</span></button>
-                          <button class="btn position-relative">Cyan badge <span class="badge bg-cyan badge-notification badge-pill">12</span></button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-12">
-                    <div class="card">
-                      <div class="card-body">
-                        <div class="btn-list">
-                          <button class="btn position-relative">Blue badge <span class="badge bg-blue badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Azure badge <span class="badge bg-azure badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Indigo badge <span class="badge bg-indigo badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Purple badge <span class="badge bg-purple badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Pink badge <span class="badge bg-pink badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Red badge <span class="badge bg-red badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Orange badge <span class="badge bg-orange badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Yellow badge <span class="badge bg-yellow badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Lime badge <span class="badge bg-lime badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Green badge <span class="badge bg-green badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Teal badge <span class="badge bg-teal badge-notification badge-blink"></span></button>
-                          <button class="btn position-relative">Cyan badge <span class="badge bg-cyan badge-notification badge-blink"></span></button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/blank.html

@@ -1,647 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <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?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item active" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl d-flex flex-column justify-content-center">
-            <div class="empty">
-              <div class="empty-img"><img src="./static/illustrations/undraw_printing_invoices_5r4r.svg" height="128" alt="">
-              </div>
-              <p class="empty-title">No results found</p>
-              <p class="empty-subtitle text-muted">
-                Try adjusting your search or filter to find what you're looking for.
-              </p>
-              <div class="empty-action">
-                <a href="./." class="btn btn-primary">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/plus -->
-                  <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="M12 5l0 14" /><path d="M5 12l14 0" /></svg>
-                  Add your first client
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/card-actions.html

@@ -1,846 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <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?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Card actions
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="row row-cards">
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Sample card</h3>
-                  </div>
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Card with action</h3>
-                    <div class="card-actions">
-                      <a href="#" class="btn btn-primary">
-                        <!-- Download SVG icon from http://tabler-icons.io/i/plus -->
-                        <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="M12 5l0 14" /><path d="M5 12l14 0" /></svg>
-                        Add new
-                      </a>
-                    </div>
-                  </div>
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Cart title</h3>
-                    <div class="card-actions">
-                      <a href="#" class="btn">
-                        <!-- Download SVG icon from http://tabler-icons.io/i/phone -->
-                        <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 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /></svg>
-                        Phone
-                      </a>
-                      <a href="#" class="btn">
-                        <!-- Download SVG icon from http://tabler-icons.io/i/mail -->
-                        <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="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /><path d="M3 7l9 6l9 -6" /></svg>
-                        Email
-                      </a>
-                    </div>
-                  </div>
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <div>
-                      <div class="row align-items-center">
-                        <div class="col-auto">
-                          <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                        </div>
-                        <div class="col">
-                          <div class="card-title">Paweł Kuna</div>
-                          <div class="card-subtitle">UI Designer</div>
-                        </div>
-                      </div>
-                    </div>
-                    <div class="card-actions">
-                      <a href="#" class="btn">
-                        <!-- Download SVG icon from http://tabler-icons.io/i/phone -->
-                        <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 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /></svg>
-                        Phone
-                      </a>
-                      <a href="#" class="btn">
-                        <!-- Download SVG icon from http://tabler-icons.io/i/mail -->
-                        <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="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /><path d="M3 7l9 6l9 -6" /></svg>
-                        Email
-                      </a>
-                    </div>
-                  </div>
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <div>
-                      <h3 class="card-title">
-                        With description
-                      </h3>
-                      <p class="card-subtitle">
-                        Lorem ipsum dolor sit amet consectetur adipisicing.
-                      </p>
-                    </div>
-                  </div>
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <div>
-                      <h3 class="card-title">
-                        With description and action
-                      </h3>
-                      <p class="card-subtitle">
-                        Lorem ipsum dolor sit amet consectetur adipisicing.
-                      </p>
-                    </div>
-                    <div class="card-actions">
-                      <a href="#" class="btn btn-primary">
-                        Create new job
-                      </a>
-                    </div>
-                  </div>
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <div>
-                      <div class="row align-items-center">
-                        <div class="col-auto">
-                          <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                        </div>
-                        <div class="col">
-                          <div class="card-title">Dunn Slane</div>
-                          <div class="card-subtitle">Research Nurse</div>
-                        </div>
-                      </div>
-                    </div>
-                    <div class="card-actions">
-                      <div class="dropdown">
-                        <a href="#" class="btn-action dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><!-- Download SVG icon from http://tabler-icons.io/i/dots-vertical -->
-                          <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="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-end">
-                          <a class="dropdown-item" href="#">Edit user</a>
-                          <a class="dropdown-item" href="#">Change permissions</a>
-                          <a class="dropdown-item text-danger" href="#">Delete user</a>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Card actions</h3>
-                    <div class="card-actions btn-actions">
-                      <a href="#" class="btn-action" ><!-- Download SVG icon from http://tabler-icons.io/i/refresh -->
-                        <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="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>
-                      </a>
-                      <a href="#" class="btn-action" ><!-- Download SVG icon from http://tabler-icons.io/i/chevron-up -->
-                        <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="M6 15l6 -6l6 6" /></svg>
-                      </a>
-                      <a href="#" class="btn-action" ><!-- Download SVG icon from http://tabler-icons.io/i/dots-vertical -->
-                        <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="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>
-                      </a>
-                      <a href="#" class="btn-action" ><!-- Download SVG icon from http://tabler-icons.io/i/x -->
-                        <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="M18 6l-12 12" /><path d="M6 6l12 12" /></svg>
-                      </a>
-                    </div>
-                  </div>
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/cards-masonry.html

@@ -1,787 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <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?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Cards Masonry
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="row row-cards" data-masonry='{"percentPosition": true }'>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="150" viewBox="0 0 400 150" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="150"></line>
-                      <line x1="0" y1="150" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="400" viewBox="0 0 400 400" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="400"></line>
-                      <line x1="0" y1="400" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="300" viewBox="0 0 400 300" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="300"></line>
-                      <line x1="0" y1="300" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="350" viewBox="0 0 400 350" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="350"></line>
-                      <line x1="0" y1="350" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="600" viewBox="0 0 400 600" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="600"></line>
-                      <line x1="0" y1="600" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="700" viewBox="0 0 400 700" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="700"></line>
-                      <line x1="0" y1="700" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="150" viewBox="0 0 400 150" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="150"></line>
-                      <line x1="0" y1="150" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="250" viewBox="0 0 400 250" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="250"></line>
-                      <line x1="0" y1="250" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="50" viewBox="0 0 400 50" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="50"></line>
-                      <line x1="0" y1="50" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="400" viewBox="0 0 400 400" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="400"></line>
-                      <line x1="0" y1="400" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="300" viewBox="0 0 400 300" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="300"></line>
-                      <line x1="0" y1="300" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-6 col-lg-4">
-                <div class="card">
-                  <div class="card-body p-0">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="w-100" preserveAspectRatio="none" width="400" height="200" viewBox="0 0 400 200" fill="transparent" stroke="var(--tblr-border-color, #b8cef1)">
-                      <line x1="0" y1="0" x2="400" y2="200"></line>
-                      <line x1="0" y1="200" x2="400" y2="0"></line>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- 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?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/carousel.html

@@ -1,946 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <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?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item active" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Carousel
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="row row-cards">
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Carousel</h3>
-                  </div>
-                  <div class="card-body">
-                    <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/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/brainstorming-session-with-creative-designers.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/group-of-people-brainstorming-and-taking-notes-2.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/blue-sofa-with-pillows-in-a-designer-living-room-interior.jpg">
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Carousel with indicators</h3>
-                  </div>
-                  <div class="card-body">
-                    <div id="carousel-indicators" class="carousel slide" data-bs-ride="carousel">
-                      <div class="carousel-indicators">
-                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="0" class=" active"></button>
-                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="1" class=""></button>
-                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="2" class=""></button>
-                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="3" class=""></button>
-                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="4" class=""></button>
-                      </div>
-                      <div class="carousel-inner">
-                        <div class="carousel-item active">
-                          <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/young-woman-working-in-a-cafe.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/young-entrepreneur-working-from-a-modern-cafe.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/finances-us-dollars-and-bitcoins-currency-money-2.jpg">
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Carousel with controls</h3>
-                  </div>
-                  <div class="card-body">
-                    <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/group-of-people-sightseeing-in-the-city.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/stylish-workplace-with-computer-at-home.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/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">
-                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                        <span class="visually-hidden">Previous</span>
-                      </a>
-                      <a class="carousel-control-next" href="#carousel-controls" role="button" data-bs-slide="next">
-                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                        <span class="visually-hidden">Next</span>
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Carousel with captions</h3>
-                  </div>
-                  <div class="card-body">
-                    <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/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>
-                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
-                          </div>
-                        </div>
-                        <div class="carousel-item">
-                          <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>
-                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
-                          </div>
-                        </div>
-                        <div class="carousel-item">
-                          <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>
-                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
-                          </div>
-                        </div>
-                        <div class="carousel-item">
-                          <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>
-                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
-                          </div>
-                        </div>
-                        <div class="carousel-item">
-                          <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>
-                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
-                          </div>
-                        </div>
-                      </div>
-                      <a class="carousel-control-prev" href="#carousel-captions" role="button" data-bs-slide="prev">
-                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                        <span class="visually-hidden">Previous</span>
-                      </a>
-                      <a class="carousel-control-next" href="#carousel-captions" role="button" data-bs-slide="next">
-                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                        <span class="visually-hidden">Next</span>
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Carousel with dot indicators</h3>
-                  </div>
-                  <div class="card-body">
-                    <div id="carousel-indicators-dot" class="carousel slide carousel-fade" data-bs-ride="carousel">
-                      <div class="carousel-indicators carousel-indicators-dot">
-                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="0" class=" active"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="1" class=""></button>
-                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="2" class=""></button>
-                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="3" class=""></button>
-                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="4" class=""></button>
-                      </div>
-                      <div class="carousel-inner">
-                        <div class="carousel-item active">
-                          <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/blond-using-her-laptop-at-her-bedroom.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/woman-read-book-and-drink-coffee.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <img class="d-block w-100" alt="" src="./static/photos/book-on-the-grass.jpg">
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Carousel with thumbnail indicators</h3>
-                  </div>
-                  <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/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/colorful-exotic-flowers-and-greenery.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/city-lights-reflected-in-the-water-at-night.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/woman-read-book-and-drink-coffee-2.jpg">
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Carousel with vertical dot indicators</h3>
-                  </div>
-                  <div class="card-body">
-                    <div id="carousel-indicators-dot-vertical" class="carousel slide carousel-fade" data-bs-ride="carousel">
-                      <div class="carousel-indicators carousel-indicators-vertical carousel-indicators-dot">
-                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="0" class=" active"></button>
-                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="1" class=""></button>
-                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="2" class=""></button>
-                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="3" class=""></button>
-                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="4" class=""></button>
-                      </div>
-                      <div class="carousel-inner">
-                        <div class="carousel-item active">
-                          <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/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/white-apple-imac-computer-with-elephant-mousepad.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/working-in-a-restaurant-macbook-cheese-cake-and-cup-of-coffee.jpg">
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="col-md-6">
-                <div class="card">
-                  <div class="card-header">
-                    <h3 class="card-title">Carousel with thumbnail indicators</h3>
-                  </div>
-                  <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/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/tropical-palm-leaves-floral-pattern-background.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/book-on-the-grass.jpg">
-                        </div>
-                        <div class="carousel-item">
-                          <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/workplace-with-laptop-on-table-at-home.jpg">
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/changelog.html

@@ -1,990 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
-    <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="row justify-content-center">
-              <div class="col-lg-10 col-xl-9">
-                <div class="card card-lg">
-                  <div class="card-body markdown">
-                    <h1>Changelog</h1>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0</span> –
-                        <small>March 01, 2023</small>
-                      </h2>
-                      <p class="strong">Version 1.0 of Tabler! 😍🤩</p>
-                      <ul>
-                        <li>new page: Cookie banner</li>
-                        <li>update icons to v2.7.0</li>
-                        <li>optimise images with <code class="language-plaintext highlighter-rouge">calibre/image-actions</code></li>
-                        <li>new docs</li>
-                        <li>spacers unify</li>
-                        <li>fix non full width selects <a href="https://github.com/tabler/tabler/issues/1392" target="_blank" rel="noopener">#1392</a></li>
-                        <li>fix bootstrap imports (<a href="https://github.com/tabler/tabler/issues/1477" target="_blank" rel="noopener">#1477</a>)</li>
-                        <li>update dependencies</li>
-                        <li>images optimization</li>
-                        <li>flags border fix</li>
-                        <li>fix color variables</li>
-                        <li>scss build fix</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1440" target="_blank" rel="noopener">#1440</a>: more symmetry between modals and cards</li>
-                        <li>dropdown shadow fix, colors fix</li>
-                        <li>feat: dark mode lite colors improvement</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1464" target="_blank" rel="noopener">#1464</a>: avatars overlap transparently</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1426" target="_blank" rel="noopener">#1426</a>: TinyMCE drop down icon list transparent</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1453" target="_blank" rel="noopener">#1453</a>: Term of service page is truncated</li>
-                        <li>added epayco Latin America payment gateway</li>
-                        <li>add canonical urls</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta17</span> –
-                        <small>January 28, 2023</small>
-                      </h2>
-                      <ul>
-                        <li>update <code class="language-plaintext highlighter-rouge">bootstrap</code> to v5.3.0</li>
-                        <li>update icons to v2.1.2</li>
-                        <li>add 72 new brands, browsers logos update</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">Trial ended</code> page</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">Page loader</code> page</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">Profile</code> page</li>
-                        <li>headings fix</li>
-                        <li>dropdown background color fix</li>
-                        <li>fix rgba conversion bug</li>
-                        <li>fix autofill text color, not matching in dark mode</li>
-                        <li>update license</li>
-                        <li>header html5 tags</li>
-                        <li>add input with appended <code class="language-plaintext highlighter-rouge">&lt;kbd&gt;</code></li>
-                        <li><code class="language-plaintext highlighter-rouge">bootstrap</code> import fix</li>
-                        <li>font improvements</li>
-                        <li>change <code class="language-plaintext highlighter-rouge">$body-color</code> to CSS variable</li>
-                        <li>scrollbars improvements</li>
-                        <li>move <code class="language-plaintext highlighter-rouge">@tabler/icons</code> to <code class="language-plaintext highlighter-rouge">dev-dependencies</code></li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1370" target="_blank" rel="noopener">#1370</a>: avatar stacked list is not stacked anymore</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta16</span> –
-                        <small>November 12, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>new <code class="language-plaintext highlighter-rouge">Photogrid</code> page</li>
-                        <li><code class="language-plaintext highlighter-rouge">Steps</code> component improvements</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1348" target="_blank" rel="noopener">#1348</a>: Make job listing responsive for smaller devices</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1357" target="_blank" rel="noopener">#1357</a>: buttons group not active</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1352" target="_blank" rel="noopener">#1352</a>: fix deprecation warning</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1180" target="_blank" rel="noopener">#1180</a>: number input with <code class="language-plaintext highlighter-rouge">form-control-sm</code> looks weird</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1328" target="_blank" rel="noopener">#1328</a>: color input should show different color for inner check symbol on white ellipse</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1355" target="_blank" rel="noopener">#1355</a> - missing font sizes</li>
-                        <li>update icons to v1.111.0</li>
-                        <li>homepage navbar fix</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1262" target="_blank" rel="noopener">#1262</a> - <code class="language-plaintext highlighter-rouge">.bg-opacity-xx</code> class is not functioning properly</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta15</span> –
-                        <small>November 01, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>new <code class="language-plaintext highlighter-rouge">badges</code> page</li>
-                        <li><code class="language-plaintext highlighter-rouge">&lt;kbd&gt;</code> styling</li>
-                        <li>update icons to v1.109.0</li>
-                        <li><code class="language-plaintext highlighter-rouge">tom-select</code> border fix</li>
-                        <li>exclude <code class="language-plaintext highlighter-rouge">playgrounds</code> from build</li>
-                        <li>update jekyll to v4.3.1</li>
-                        <li>fix: facebook color update</li>
-                        <li>navbar aria atributes fixes</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/808" target="_blank" rel="noopener">#808</a> - <code class="language-plaintext highlighter-rouge">navbar-menu</code> and <code class="language-plaintext highlighter-rouge">sidebar-menu</code> has the same <code class="language-plaintext highlighter-rouge">id</code></li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1335" target="_blank" rel="noopener">#1335</a> - missing color variables usage in <code class="language-plaintext highlighter-rouge">alert</code> and <code class="language-plaintext highlighter-rouge">btn-ghost-*</code></li>
-                        <li>move border style to CSS variables</li>
-                        <li>add missing forms</li>
-                        <li><code class="language-plaintext highlighter-rouge">btn-actions</code> fixes</li>
-                        <li>replace <code class="language-plaintext highlighter-rouge">$text-muted</code> to css variable</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta14</span> –
-                        <small>October 21, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>fix active items in dark mode</li>
-                        <li>update Jekyll to newest version</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta13</span> –
-                        <small>October 18, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>update Bootstrap to 5.2.1, update dependencies</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">tracking</code> component</li>
-                        <li>new radio button version of <code class="language-plaintext highlighter-rouge">form-imagecheck</code></li>
-                        <li>update icons to v1.105.0</li>
-                        <li>dark mode improvements</li>
-                        <li>corrects the spelling of New Zealand (<a href="https://github.com/tabler/tabler/issues/1318" target="_blank" rel="noopener">#1318</a>)</li>
-                        <li>remove <code class="language-plaintext highlighter-rouge">$border-color-dark</code></li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1301" target="_blank" rel="noopener">#1301</a> - code snippets in docs look bad in dark mode</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1305" target="_blank" rel="noopener">#1305</a> - different default link color for dark mode</li>
-                        <li>fix popover background in dark mode</li>
-                        <li>fix button default border color</li>
-                        <li>fix <code class="language-plaintext highlighter-rouge">form-imagecheck</code> bg in dark mode</li>
-                        <li>navbar logo fix</li>
-                        <li>move card ribbons config to variables</li>
-                        <li>navbar border fix</li>
-                        <li>dark mode active fix</li>
-                        <li>using globalThis instead of window (<a href="https://github.com/tabler/tabler/issues/1315" target="_blank" rel="noopener">#1315</a>)</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1210" target="_blank" rel="noopener">#1210</a> - lastmod not generated for pages in <code class="language-plaintext highlighter-rouge">sitemap.xml</code></li>
-                        <li>fix card border in dark mode</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/895" target="_blank" rel="noopener">#895</a> - background color overwrites background image</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1302" target="_blank" rel="noopener">#1302</a> - wrong card header in dark mode</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1303" target="_blank" rel="noopener">#1303</a> - wrong color when hovering over <code class="language-plaintext highlighter-rouge">selectgroup</code> in dark mode</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1308" target="_blank" rel="noopener">#1308</a> - bad coloring in table in dark mode</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1273" target="_blank" rel="noopener">#1273</a> - datepicker background color broken</li>
-                        <li>fix <code class="language-plaintext highlighter-rouge">$prefix</code> hard coded <code class="language-plaintext highlighter-rouge">layout/_dark.scss</code></li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1275" target="_blank" rel="noopener">#1275</a> - remove last border-right on progress bar</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/1261" target="_blank" rel="noopener">#1261</a> - broken offcanvas bg</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta12</span> –
-                        <small>September 19, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>new “Job listing” page</li>
-                        <li>new “Sign in with cover” page</li>
-                        <li>new “Logs” page</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">progressbg</code> component</li>
-                        <li>add a lot of CSS variables</li>
-                        <li>add Dockerfile with alpine base</li>
-                        <li>add icon pulse/tada/rotate animations</li>
-                        <li>use <code class="language-plaintext highlighter-rouge">:host</code> in selectors to support Web Components</li>
-                        <li>use dark table variant colors in dark mode (<a href="https://github.com/tabler/tabler/issues/1200" target="_blank" rel="noopener">#1200</a>)</li>
-                        <li>update Tabler Icons to v1.96</li>
-                        <li>change <code class="language-plaintext highlighter-rouge">space-y</code> component</li>
-                        <li>headings, shadows and borders unify</li>
-                        <li>toggle TinyMCE dark mode and skin based on the set Tabler theme</li>
-                        <li>fix <code class="language-plaintext highlighter-rouge">card-footer</code> background</li>
-                        <li>fix headers weight</li>
-                        <li>fix transparent hover background in pagination</li>
-                        <li>fix dark mode card text color</li>
-                        <li>fix <code class="language-plaintext highlighter-rouge">--#{$prefix}card-bg</code> is undefined</li>
-                        <li>fix global variable for <code class="language-plaintext highlighter-rouge">.card</code> and <code class="language-plaintext highlighter-rouge">.btn</code></li>
-                        <li>fix code sample in the customize tabler docs</li>
-                        <li>fix form elements demo page radio buttons</li>
-                        <li>replace <code class="language-plaintext highlighter-rouge">gulp-minify</code> with <code class="language-plaintext highlighter-rouge">gulp-terser</code></li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta11</span> –
-                        <small>July 05, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>new <code class="language-plaintext highlighter-rouge">Dropzone</code> component</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">Lightbox</code> component</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">TinyMCS</code> component</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">Inline Player</code> component</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">Pricing table</code> component</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">Datagrid</code> component</li>
-                        <li>new optgroup form examples</li>
-                        <li>new settings page</li>
-                        <li>update Tabler Icons to v1.78</li>
-                        <li>added popover docs page</li>
-                        <li>fix: <a href="https://github.com/tabler/tabler/issues/1125" target="_blank" rel="noopener">#1125</a> incorrect chart display in the mobile version</li>
-                        <li>update Bootstrap to 5.2.0</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta10</span> –
-                        <small>April 29, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>new <code class="language-plaintext highlighter-rouge">datatable</code> component</li>
-                        <li>update Tabler Icons to v1.67</li>
-                        <li>fix: <a href="https://github.com/tabler/tabler/issues/1024" target="_blank" rel="noopener">#1024</a> - fix Tom-select in dark mode</li>
-                        <li>new carousel indicators: dots, vertical, thumbs (<a href="https://github.com/tabler/tabler/issues/1101" target="_blank" rel="noopener">#1101</a>)</li>
-                        <li>replace !important modifier with more specific selectors (<a href="https://github.com/tabler/tabler/issues/1100" target="_blank" rel="noopener">#1100</a>)</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">FAQ</code> page</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta9</span> –
-                        <small>February 26, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>fix: <a href="https://github.com/tabler/tabler/issues/1061" target="_blank" rel="noopener">#1061</a> - list group item colors in light and dark modes</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">tasks</code> dashboard</li>
-                        <li>fix: <a href="https://github.com/tabler/tabler/issues/1059" target="_blank" rel="noopener">#1059</a> - upload button in form element in dark view has problem</li>
-                        <li>fix: <a href="https://github.com/tabler/tabler/issues/1052" target="_blank" rel="noopener">#1052</a> - card background icon is practically invisible</li>
-                        <li>remove Inter font and use default font system stack</li>
-                        <li>fix: <a href="https://github.com/tabler/tabler/issues/1018" target="_blank" rel="noopener">#1018</a> - vector map not working</li>
-                        <li>fix: <a href="https://github.com/tabler/tabler/issues/1035" target="_blank" rel="noopener">#1035</a> - wrong background color of hovered list group items in dark mode</li>
-                        <li>dependencies update</li>
-                        <li>add <code class="language-plaintext highlighter-rouge">font-display: swap;</code> to improve font loading</li>
-                        <li>new <code class="language-plaintext highlighter-rouge">Boxed</code> layout</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta8</span> –
-                        <small>February 05, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>update dependencies</li>
-                        <li>new vector maps demos</li>
-                        <li>fixes update map on resize</li>
-                        <li>docs improvement</li>
-                        <li>replace <code class="language-plaintext highlighter-rouge">badge</code> with <code class="language-plaintext highlighter-rouge">status-dot</code> in <code class="language-plaintext highlighter-rouge">navbar-notifications.html</code></li>
-                        <li>map tooltip fixes</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta7</span> –
-                        <small>February 05, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>fix: <a href="https://github.com/tabler/tabler/issues/1019" target="_blank" rel="noopener">#1019</a> - project-overview.html link not working</li>
-                        <li>fix: <a href="https://github.com/tabler/tabler/issues/1010" target="_blank" rel="noopener">#1010</a> - card with bottom tabs has incorrect border radius</li>
-                        <li>uptime monitor mobile fixes</li>
-                        <li>navbar dark button fix</li>
-                        <li><code class="language-plaintext highlighter-rouge">tabler-icons</code> link</li>
-                        <li>autoloading webfonts</li>
-                        <li>cards fixes, new cards demos</li>
-                        <li>ruby dependencies update</li>
-                        <li>RTL stylesheet fixes</li>
-                        <li>new card action demos</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta6</span> –
-                        <small>January 18, 2022</small>
-                      </h2>
-                      <ul>
-                        <li>pricing cards fix</li>
-                        <li>fix bug <code class="language-plaintext highlighter-rouge">fw-...</code>, <code class="language-plaintext highlighter-rouge">.fs-...</code> is missed (<a href="https://github.com/tabler/tabler/issues/987" target="_blank" rel="noopener">#987</a>)</li>
-                        <li>avatar class fix</li>
-                        <li>fix bug <a href="https://github.com/tabler/tabler/issues/903" target="_blank" rel="noopener">#903</a> <code class="language-plaintext highlighter-rouge">litepicker</code> with date range not having correct border</li>
-                        <li>page wrapper fix</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/900" target="_blank" rel="noopener">#900</a> <code class="language-plaintext highlighter-rouge">is-invalid-lite</code> class is not working under <code class="language-plaintext highlighter-rouge">was-validated</code> form class</li>
-                        <li>update <code class="language-plaintext highlighter-rouge">@tabler/icons</code> to version 1.48</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/960" target="_blank" rel="noopener">#960</a> - Badges not honoring font sizes</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/959" target="_blank" rel="noopener">#959</a> - <code class="language-plaintext highlighter-rouge">node-sass</code> does not properly compile nested media queries</li>
-                        <li>update package dependencies to newest version</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta5</span> –
-                        <small>December 07, 2021</small>
-                      </h2>
-                      <p class="strong">Tabler has finally lived to see dark mode! 🌝🌚</p>
-                      <ul>
-                        <li><strong>Dark mode enabled!</strong></li>
-                        <li>add more cursors (<a href="https://github.com/tabler/tabler/issues/947" target="_blank" rel="noopener">#947</a>)</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/892" target="_blank" rel="noopener">#892</a> - media queries need to be nested when negating</li>
-                        <li>update <code class="language-plaintext highlighter-rouge">@tabler/icons</code> to newest version</li>
-                        <li>move optional dependencies to peerDependencies (<a href="https://github.com/tabler/tabler/issues/924" target="_blank" rel="noopener">#924</a>)</li>
-                        <li>move deployment to Github Actions (<a href="https://github.com/tabler/tabler/issues/934" target="_blank" rel="noopener">#934</a>)</li>
-                        <li>table border fixes</li>
-                        <li>antialiased fix</li>
-                        <li>update <code class="language-plaintext highlighter-rouge">@tabler/icons</code> to version 1.42</li>
-                        <li>change default font to ‘Inter’</li>
-                        <li>colors unify</li>
-                        <li>add <code class="language-plaintext highlighter-rouge">tom-select</code> and remove <code class="language-plaintext highlighter-rouge">choices.js</code></li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta4</span> –
-                        <small>October 24, 2021</small>
-                      </h2>
-                      <ul>
-                        <li>upgrade required node.js version to 14</li>
-                        <li>upgrade Bootstrap to 5.1</li>
-                        <li>upgrade dependencies</li>
-                        <li>fix <a href="https://github.com/tabler/tabler/issues/775" target="_blank" rel="noopener">#775</a> - litepicker not initializing</li>
-                        <li>fix <code class="language-plaintext highlighter-rouge">nouislider</code> import in dev</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta3</span> –
-                        <small>May 08, 2021</small>
-                      </h2>
-                      <ul>
-                        <li>upgrade Bootstrap to 5.0</li>
-                        <li>upgrade dependencies</li>
-                        <li>change <code class="language-plaintext highlighter-rouge">$border-radius-pill</code> variable</li>
-                        <li>badge vertical align fix</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta2</span> –
-                        <small>March 29, 2021</small>
-                      </h2>
-                      <ul>
-                        <li>update dependencies</li>
-                        <li><code class="language-plaintext highlighter-rouge">li</code> marker fix</li>
-                        <li>page wrapper, nav fixes</li>
-                        <li>scripts optimize, remove <code class="language-plaintext highlighter-rouge">capture_once</code></li>
-                        <li><code class="language-plaintext highlighter-rouge">page-body</code> fixes</li>
-                        <li>layout navbar fix</li>
-                        <li>typography fix</li>
-                        <li>ribbon fix</li>
-                        <li>charts label fixes</li>
-                        <li>charts docs</li>
-                      </ul>
-                    </div>
-                    <div class="mb-4">
-                      <h2 class="mb-2">
-                        <span>1.0.0-beta</span> –
-                        <small>February 17, 2021</small>
-                      </h2>
-                      <p class="strong">Initial beta release of Tabler v1.0! Lots more coming soon though 😁</p>
-                      <ul>
-                        <li>update Bootstrap to 5.0.0-beta2</li>
-                        <li>update other dependencies.</li>
-                      </ul>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/colors.html

@@ -1,944 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Colors - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
-    <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item active" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Colors
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="card">
-              <div class="card-body">
-                <div class="table-responsive">
-                  <table class="table text-center">
-                    <tr>
-                      <td>
-                        <div class="avatar bg-blue text-blue-fg" data-demo-color>bl
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-azure text-azure-fg" data-demo-color>az
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-indigo text-indigo-fg" data-demo-color>in
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-purple text-purple-fg" data-demo-color>pu
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-pink text-pink-fg" data-demo-color>pi
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-red text-red-fg" data-demo-color>re
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-orange text-orange-fg" data-demo-color>or
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-yellow text-yellow-fg" data-demo-color>ye
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-lime text-lime-fg" data-demo-color>li
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-green text-green-fg" data-demo-color>gr
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-teal text-teal-fg" data-demo-color>te
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-cyan text-cyan-fg" data-demo-color>cy
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-dark text-dark-fg" data-demo-color>da
-                        </div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-muted text-muted-fg" data-demo-color>mu
-                        </div>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td>
-                        <div class="avatar bg-blue-lt" data-demo-color>bl</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-azure-lt" data-demo-color>az</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-indigo-lt" data-demo-color>in</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-purple-lt" data-demo-color>pu</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-pink-lt" data-demo-color>pi</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-red-lt" data-demo-color>re</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-orange-lt" data-demo-color>or</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-yellow-lt" data-demo-color>ye</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-lime-lt" data-demo-color>li</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-green-lt" data-demo-color>gr</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-teal-lt" data-demo-color>te</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-cyan-lt" data-demo-color>cy</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-dark-lt" data-demo-color>da</div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-muted-lt" data-demo-color>mu</div>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td>
-                        <div class="avatar text-blue bg-transparent" data-demo-color>bl</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-azure bg-transparent" data-demo-color>az</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-indigo bg-transparent" data-demo-color>in</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-purple bg-transparent" data-demo-color>pu</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-pink bg-transparent" data-demo-color>pi</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-red bg-transparent" data-demo-color>re</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-orange bg-transparent" data-demo-color>or</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-yellow bg-transparent" data-demo-color>ye</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-lime bg-transparent" data-demo-color>li</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-green bg-transparent" data-demo-color>gr</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-teal bg-transparent" data-demo-color>te</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-cyan bg-transparent" data-demo-color>cy</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-dark bg-transparent" data-demo-color>da</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-muted bg-transparent" data-demo-color>mu</div>
-                      </td>
-                    </tr>
-                    <tr class="bg-light">
-                      <td>
-                        <div class="avatar text-blue bg-transparent" data-demo-color>bl</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-azure bg-transparent" data-demo-color>az</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-indigo bg-transparent" data-demo-color>in</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-purple bg-transparent" data-demo-color>pu</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-pink bg-transparent" data-demo-color>pi</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-red bg-transparent" data-demo-color>re</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-orange bg-transparent" data-demo-color>or</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-yellow bg-transparent" data-demo-color>ye</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-lime bg-transparent" data-demo-color>li</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-green bg-transparent" data-demo-color>gr</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-teal bg-transparent" data-demo-color>te</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-cyan bg-transparent" data-demo-color>cy</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-dark bg-transparent" data-demo-color>da</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-muted bg-transparent" data-demo-color>mu</div>
-                      </td>
-                    </tr>
-                    <tr class="bg-dark text-white">
-                      <td>
-                        <div class="avatar text-blue bg-transparent" data-demo-color>bl</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-azure bg-transparent" data-demo-color>az</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-indigo bg-transparent" data-demo-color>in</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-purple bg-transparent" data-demo-color>pu</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-pink bg-transparent" data-demo-color>pi</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-red bg-transparent" data-demo-color>re</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-orange bg-transparent" data-demo-color>or</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-yellow bg-transparent" data-demo-color>ye</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-lime bg-transparent" data-demo-color>li</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-green bg-transparent" data-demo-color>gr</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-teal bg-transparent" data-demo-color>te</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-cyan bg-transparent" data-demo-color>cy</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-white bg-transparent" data-demo-color>wh</div>
-                      </td>
-                      <td>
-                        <div class="avatar text-muted bg-transparent" data-demo-color>mu</div>
-                      </td>
-                    </tr>
-                    <tr class="bg-dark text-white">
-                      <td>
-                        <div class="avatar bg-blue-lt" data-demo-color>bl</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-azure-lt" data-demo-color>az</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-indigo-lt" data-demo-color>in</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-purple-lt" data-demo-color>pu</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-pink-lt" data-demo-color>pi</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-red-lt" data-demo-color>re</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-orange-lt" data-demo-color>or</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-yellow-lt" data-demo-color>ye</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-lime-lt" data-demo-color>li</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-green-lt" data-demo-color>gr</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-teal-lt" data-demo-color>te</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-cyan-lt" data-demo-color>cy</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-white-lt" data-demo-color>wh</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                      <td>
-                        <div class="avatar bg-muted-lt" data-demo-color>mu</div>
-                        <div class="mt-2" data-demo-color-contrast></div>
-                      </td>
-                    </tr>
-                  </table>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/cookie-banner.html

@@ -1,665 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Cookie banner - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
-    <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item active" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Cookie banner
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="offcanvas offcanvas-bottom h-auto show" tabindex="-1" id="offcanvasBottom" aria-modal="true" role="dialog">
-              <div class="offcanvas-body">
-                <div class="container">
-                  <div class="row align-items-center">
-                    <div class="col">
-                      <strong>Do you like cookies?</strong> 🍪 We use cookies to ensure you get the best experience on our website. <a href="./terms-of-service.html" target="_blank">Learn more</a>
-                    </div>
-                    <div class="col-auto">
-                      <button type="button" class="btn btn-primary" data-bs-dismiss="offcanvas">
-                        Essential Cookies Only
-                      </button>
-                    </div>
-                    <div class="col-auto">
-                      <button type="button" class="btn btn-primary" data-bs-dismiss="offcanvas">
-                        Allow All Cookies
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/datagrid.html

@@ -1,732 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Data grid - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
-    <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item active" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Data grid
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="card">
-              <div class="card-header">
-                <h3 class="card-title">Base info</h3>
-              </div>
-              <div class="card-body">
-                <div class="datagrid">
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Registrar</div>
-                    <div class="datagrid-content">Third Party</div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Nameservers</div>
-                    <div class="datagrid-content">Third Party</div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Port number</div>
-                    <div class="datagrid-content">3306</div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Expiration date</div>
-                    <div class="datagrid-content">–</div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Creator</div>
-                    <div class="datagrid-content">
-                      <div class="d-flex align-items-center">
-                        <span class="avatar avatar-xs me-2 rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                        Paweł Kuna
-                      </div>
-                    </div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Age</div>
-                    <div class="datagrid-content">15 days</div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Edge network</div>
-                    <div class="datagrid-content">
-                      <span class="status status-green">
-                        Active
-                      </span>
-                    </div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Avatars list</div>
-                    <div class="datagrid-content">
-                      <div class="avatar-list avatar-list-stacked">
-                        <span class="avatar avatar-xs rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                        <span class="avatar avatar-xs rounded">JL</span>
-                        <span class="avatar avatar-xs rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
-                        <span class="avatar avatar-xs rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
-                        <span class="avatar avatar-xs rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
-                        <span class="avatar avatar-xs rounded">+3</span>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Checkbox</div>
-                    <div class="datagrid-content">
-                      <label class="form-check">
-                        <input class="form-check-input" type="checkbox" checked>
-                        <span class="form-check-label">Click me</span>
-                      </label>
-                    </div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Icon</div>
-                    <div class="datagrid-content">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/check -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-green" 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 12l5 5l10 -10" /></svg>
-                      Checked
-                    </div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Form control</div>
-                    <div class="datagrid-content">
-                      <input type="text" class="form-control form-control-flush" placeholder="Input placeholder">
-                    </div>
-                  </div>
-                  <div class="datagrid-item">
-                    <div class="datagrid-title">Longer description</div>
-                    <div class="datagrid-content">
-                      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-  </body>
-</html>

demo/datatables.html

@@ -1,979 +0,0 @@
-<!doctype html>
-<!--
-* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
--->
-<html lang="en">
-  <head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Datatables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
-    <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
-    <style>
-      @import url('https://rsms.me/inter/inter.css');
-      :root {
-      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-      }
-      body {
-      	font-feature-settings: "cv03", "cv04", "cv11";
-      }
-    </style>
-  </head>
-  <body >
-    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
-    <div class="page">
-      <!-- Navbar -->
-      <header class="navbar navbar-expand-md d-print-none" >
-        <div class="container-xl">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-            <a href=".">
-              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-            </a>
-          </h1>
-          <div class="navbar-nav flex-row order-md-last">
-            <div class="nav-item d-none d-md-flex me-3">
-              <div class="btn-list">
-                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
-                  <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
-                  Source code
-                </a>
-                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                  Sponsor
-                </a>
-              </div>
-            </div>
-            <div class="d-none d-md-flex">
-              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                <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="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
-              </a>
-              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
-		   data-bs-placement="bottom">
-                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
-              </a>
-              <div class="nav-item dropdown d-none d-md-flex me-3">
-                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
-                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <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="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
-                  <span class="badge bg-red"></span>
-                </a>
-                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                  <div class="card">
-                    <div class="card-header">
-                      <h3 class="card-title">Last updates</h3>
-                    </div>
-                    <div class="list-group list-group-flush list-group-hoverable">
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 1</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Change deprecated html tags to text decoration classes (#29604)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 2</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              justify-content:between ⇒ justify-content:space-between (#29734)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions show">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 3</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Update change-version.js (#29736)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="list-group-item">
-                        <div class="row align-items-center">
-                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
-                          <div class="col text-truncate">
-                            <a href="#" class="text-body d-block">Example 4</a>
-                            <div class="d-block text-muted text-truncate mt-n1">
-                              Regenerate package-lock.json (#29730)
-                            </div>
-                          </div>
-                          <div class="col-auto">
-                            <a href="#" class="list-group-item-actions">
-                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="nav-item dropdown">
-              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
-                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
-                <div class="d-none d-xl-block ps-2">
-                  <div>Paweł Kuna</div>
-                  <div class="mt-1 small text-muted">UI Designer</div>
-                </div>
-              </a>
-              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <a href="#" class="dropdown-item">Status</a>
-                <a href="./profile.html" class="dropdown-item">Profile</a>
-                <a href="#" class="dropdown-item">Feedback</a>
-                <div class="dropdown-divider"></div>
-                <a href="./settings.html" class="dropdown-item">Settings</a>
-                <a href="./sign-in.html" class="dropdown-item">Logout</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <header class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar">
-            <div class="container-xl">
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="./" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
-                      <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 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Home
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item active dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
-                      <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="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Interface
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./accordion.html">
-                          Accordion
-                        </a>
-                        <a class="dropdown-item" href="./blank.html">
-                          Blank page
-                        </a>
-                        <a class="dropdown-item" href="./badges.html">
-                          Badges
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./buttons.html">
-                          Buttons
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Cards
-                            <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./cards.html" class="dropdown-item">
-                              Sample cards
-                            </a>
-                            <a href="./card-actions.html" class="dropdown-item">
-                              Card actions
-                              <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                            </a>
-                            <a href="./cards-masonry.html" class="dropdown-item">
-                              Cards Masonry
-                            </a>
-                          </div>
-                        </div>
-                        <a class="dropdown-item" href="./colors.html">
-                          Colors
-                        </a>
-                        <a class="dropdown-item" href="./datagrid.html">
-                          Data grid
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item active" href="./datatables.html">
-                          Datatables
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./dropdowns.html">
-                          Dropdowns
-                        </a>
-                        <a class="dropdown-item" href="./modals.html">
-                          Modals
-                        </a>
-                        <a class="dropdown-item" href="./maps.html">
-                          Maps
-                        </a>
-                        <a class="dropdown-item" href="./map-fullsize.html">
-                          Map fullsize
-                        </a>
-                        <a class="dropdown-item" href="./maps-vector.html">
-                          Vector maps
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./navigation.html">
-                          Navigation
-                        </a>
-                        <a class="dropdown-item" href="./charts.html">
-                          Charts
-                        </a>
-                        <a class="dropdown-item" href="./pagination.html">
-                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
-                          Pagination
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <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>
-                        <a class="dropdown-item" href="./tables.html">
-                          Tables
-                        </a>
-                        <a class="dropdown-item" href="./carousel.html">
-                          Carousel
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lists.html">
-                          Lists
-                        </a>
-                        <a class="dropdown-item" href="./typography.html">
-                          Typography
-                        </a>
-                        <a class="dropdown-item" href="./offcanvas.html">
-                          Offcanvas
-                        </a>
-                        <a class="dropdown-item" href="./markdown.html">
-                          Markdown
-                        </a>
-                        <a class="dropdown-item" href="./dropzone.html">
-                          Dropzone
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./lightbox.html">
-                          Lightbox
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./tinymce.html">
-                          TinyMCE
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./inline-player.html">
-                          Inline player
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            Authentication
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./sign-in.html" class="dropdown-item">
-                              Sign in
-                            </a>
-                            <a href="./sign-in-link.html" class="dropdown-item">
-                              Sign in link
-                            </a>
-                            <a href="./sign-in-illustration.html" class="dropdown-item">
-                              Sign in with illustration
-                            </a>
-                            <a href="./sign-in-cover.html" class="dropdown-item">
-                              Sign in with cover
-                            </a>
-                            <a href="./sign-up.html" class="dropdown-item">
-                              Sign up
-                            </a>
-                            <a href="./forgot-password.html" class="dropdown-item">
-                              Forgot password
-                            </a>
-                            <a href="./terms-of-service.html" class="dropdown-item">
-                              Terms of service
-                            </a>
-                            <a href="./auth-lock.html" class="dropdown-item">
-                              Lock screen
-                            </a>
-                          </div>
-                        </div>
-                        <div class="dropend">
-                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 14l6 0" /></svg>
-                            Error pages
-                          </a>
-                          <div class="dropdown-menu">
-                            <a href="./error-404.html" class="dropdown-item">
-                              404 page
-                            </a>
-                            <a href="./error-500.html" class="dropdown-item">
-                              500 page
-                            </a>
-                            <a href="./error-maintenance.html" class="dropdown-item">
-                              Maintenance page
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./form-elements.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
-                      <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="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Form elements
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                      <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="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Extra
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
-                        <a class="dropdown-item" href="./cookie-banner.html">
-                          Cookie banner
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./activity.html">
-                          Activity
-                        </a>
-                        <a class="dropdown-item" href="./gallery.html">
-                          Gallery
-                        </a>
-                        <a class="dropdown-item" href="./invoice.html">
-                          Invoice
-                        </a>
-                        <a class="dropdown-item" href="./search-results.html">
-                          Search results
-                        </a>
-                        <a class="dropdown-item" href="./pricing.html">
-                          Pricing cards
-                        </a>
-                        <a class="dropdown-item" href="./pricing-table.html">
-                          Pricing table
-                        </a>
-                        <a class="dropdown-item" href="./faq.html">
-                          FAQ
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./users.html">
-                          Users
-                        </a>
-                        <a class="dropdown-item" href="./license.html">
-                          License
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./logs.html">
-                          Logs
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <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>
-                        </a>
-                        <a class="dropdown-item" href="./uptime.html">
-                          Uptime monitor
-                        </a>
-                        <a class="dropdown-item" href="./widgets.html">
-                          Widgets
-                        </a>
-                        <a class="dropdown-item" href="./wizard.html">
-                          Wizard
-                        </a>
-                        <a class="dropdown-item" href="./settings.html">
-                          Settings
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./trial-ended.html">
-                          Trial ended
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./job-listing.html">
-                          Job listing
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./page-loader.html">
-                          Page loader
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
-                      <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Layout
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <div class="dropdown-menu-columns">
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-horizontal.html">
-                          Horizontal
-                        </a>
-                        <a class="dropdown-item" href="./layout-boxed.html">
-                          Boxed
-                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical.html">
-                          Vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
-                          Vertical transparent
-                        </a>
-                        <a class="dropdown-item" href="./layout-vertical-right.html">
-                          Right vertical
-                        </a>
-                        <a class="dropdown-item" href="./layout-condensed.html">
-                          Condensed
-                        </a>
-                        <a class="dropdown-item" href="./layout-combo.html">
-                          Combined
-                        </a>
-                      </div>
-                      <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./layout-navbar-dark.html">
-                          Navbar dark
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
-                          Navbar sticky
-                        </a>
-                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
-                          Navbar overlap
-                        </a>
-                        <a class="dropdown-item" href="./layout-rtl.html">
-                          RTL mode
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid.html">
-                          Fluid
-                        </a>
-                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
-                          Fluid vertical
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="./icons.html" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
-                      <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" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      4158 icons
-                    </span>
-                  </a>
-                </li>
-                <li class="nav-item dropdown">
-                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
-                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
-                      <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="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
-                    </span>
-                    <span class="nav-link-title">
-                      Help
-                    </span>
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
-                      Documentation
-                    </a>
-                    <a class="dropdown-item" href="./changelog.html">
-                      Changelog
-                    </a>
-                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
-                      Source code
-                    </a>
-                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor project!
-                    </a>
-                  </div>
-                </li>
-              </ul>
-              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
-                <form action="./" method="get" autocomplete="off" novalidate>
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
-                      <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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
-                    </span>
-                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div class="page-wrapper">
-        <!-- Page header -->
-        <div class="page-header d-print-none">
-          <div class="container-xl">
-            <div class="row g-2 align-items-center">
-              <div class="col">
-                <h2 class="page-title">
-                  Datatables
-                </h2>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Page body -->
-        <div class="page-body">
-          <div class="container-xl">
-            <div class="card">
-              <div class="card-body">
-                <div id="table-default" class="table-responsive">
-                  <table class="table">
-                    <thead>
-                      <tr>
-                        <th><button class="table-sort" data-sort="sort-name">Name</button></th>
-                        <th><button class="table-sort" data-sort="sort-city">City</button></th>
-                        <th><button class="table-sort" data-sort="sort-type">Type</button></th>
-                        <th><button class="table-sort" data-sort="sort-score">Score</button></th>
-                        <th><button class="table-sort" data-sort="sort-date">Date</button></th>
-                        <th><button class="table-sort" data-sort="sort-quantity">Quantity</button></th>
-                        <th><button class="table-sort" data-sort="sort-progress">Progress</button></th>
-                      </tr>
-                    </thead>
-                    <tbody class="table-tbody">
-                      <tr>
-                        <td class="sort-name">Steel Vengeance</td>
-                        <td class="sort-city">Cedar Point, United States</td>
-                        <td class="sort-type">RMC Hybrid</td>
-                        <td class="sort-score">100,0%</td>
-                        <td class="sort-date" data-date="1628071164">August 04, 2021</td>
-                        <td class="sort-quantity">74</td>
-                        <td class="sort-progress" data-progress="30">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">30%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 30%" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" aria-label="30% Complete">
-                                  <span class="visually-hidden">30% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Fury 325</td>
-                        <td class="sort-city">Carowinds, United States</td>
-                        <td class="sort-type">B&M Giga, Hyper, Steel</td>
-                        <td class="sort-score">99,3%</td>
-                        <td class="sort-date" data-date="1546512137">January 03, 2019</td>
-                        <td class="sort-quantity">49</td>
-                        <td class="sort-progress" data-progress="48">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">48%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 48%" role="progressbar" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100" aria-label="48% Complete">
-                                  <span class="visually-hidden">48% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Wildfire</td>
-                        <td class="sort-city">Kolmården  Sweden</td>
-                        <td class="sort-type">RMC Twister, Wooden, Terrain</td>
-                        <td class="sort-score">99,3%</td>
-                        <td class="sort-date" data-date="1546016360">December 28, 2018</td>
-                        <td class="sort-quantity">8</td>
-                        <td class="sort-progress" data-progress="9">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">9%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 9%" role="progressbar" aria-valuenow="9" aria-valuemin="0" aria-valuemax="100" aria-label="9% Complete">
-                                  <span class="visually-hidden">9% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Lightning Rod</td>
-                        <td class="sort-city">Dollywood, United States</td>
-                        <td class="sort-type">RMC Wooden</td>
-                        <td class="sort-score">99,1%</td>
-                        <td class="sort-date" data-date="1604704179">November 07, 2020</td>
-                        <td class="sort-quantity">104</td>
-                        <td class="sort-progress" data-progress="98">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">98%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 98%" role="progressbar" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100" aria-label="98% Complete">
-                                  <span class="visually-hidden">98% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Maverick</td>
-                        <td class="sort-city">Cedar Point, United States</td>
-                        <td class="sort-type">Intamin Rocket, Steel</td>
-                        <td class="sort-score">99,1%</td>
-                        <td class="sort-date" data-date="1637669424">November 23, 2021</td>
-                        <td class="sort-quantity">86</td>
-                        <td class="sort-progress" data-progress="46">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">46%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 46%" role="progressbar" aria-valuenow="46" aria-valuemin="0" aria-valuemax="100" aria-label="46% Complete">
-                                  <span class="visually-hidden">46% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">El Toro</td>
-                        <td class="sort-city">Six Flags Great Adventure, United States</td>
-                        <td class="sort-type">Intamin Twister, Wooden</td>
-                        <td class="sort-score">99,0%</td>
-                        <td class="sort-date" data-date="1610586921">January 14, 2021</td>
-                        <td class="sort-quantity">130</td>
-                        <td class="sort-progress" data-progress="29">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">29%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 29%" role="progressbar" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100" aria-label="29% Complete">
-                                  <span class="visually-hidden">29% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Twisted Colossus</td>
-                        <td class="sort-city">Six Flags Magic Mountain, United States</td>
-                        <td class="sort-type">RMC Hybrid</td>
-                        <td class="sort-score">98,9%</td>
-                        <td class="sort-date" data-date="1569399536">September 25, 2019</td>
-                        <td class="sort-quantity">30</td>
-                        <td class="sort-progress" data-progress="57">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">57%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 57%" role="progressbar" aria-valuenow="57" aria-valuemin="0" aria-valuemax="100" aria-label="57% Complete">
-                                  <span class="visually-hidden">57% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Eejanaika new</td>
-                        <td class="sort-city">Fuji-Q Highland, Japan</td>
-                        <td class="sort-type">S&S Power 4th Dimension, Steel</td>
-                        <td class="sort-score">98,6%</td>
-                        <td class="sort-date" data-date="1610794724">January 16, 2021</td>
-                        <td class="sort-quantity">162</td>
-                        <td class="sort-progress" data-progress="91">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">91%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 91%" role="progressbar" aria-valuenow="91" aria-valuemin="0" aria-valuemax="100" aria-label="91% Complete">
-                                  <span class="visually-hidden">91% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Wicked Cyclone</td>
-                        <td class="sort-city">Six Flags New England, United States</td>
-                        <td class="sort-type">RMC Hybrid</td>
-                        <td class="sort-score">98,2%</td>
-                        <td class="sort-date" data-date="1568819813">September 18, 2019</td>
-                        <td class="sort-quantity">174</td>
-                        <td class="sort-progress" data-progress="3">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">3%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 3%" role="progressbar" aria-valuenow="3" aria-valuemin="0" aria-valuemax="100" aria-label="3% Complete">
-                                  <span class="visually-hidden">3% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Shambhala</td>
-                        <td class="sort-city">Port Aventura, Spain</td>
-                        <td class="sort-type">B&M Hyper, Steel</td>
-                        <td class="sort-score">98,2%</td>
-                        <td class="sort-date" data-date="1538221867">September 29, 2018</td>
-                        <td class="sort-quantity">111</td>
-                        <td class="sort-progress" data-progress="24">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">24%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 24%" role="progressbar" aria-valuenow="24" aria-valuemin="0" aria-valuemax="100" aria-label="24% Complete">
-                                  <span class="visually-hidden">24% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Taron</td>
-                        <td class="sort-city">Phantasialand, Germany</td>
-                        <td class="sort-type">Intamin Sit Down, Steel</td>
-                        <td class="sort-score">98,2%</td>
-                        <td class="sort-date" data-date="1592858850">June 22, 2020</td>
-                        <td class="sort-quantity">130</td>
-                        <td class="sort-progress" data-progress="48">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">48%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 48%" role="progressbar" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100" aria-label="48% Complete">
-                                  <span class="visually-hidden">48% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Expedition Ge Force</td>
-                        <td class="sort-city">Holiday Park, Germany</td>
-                        <td class="sort-type">Intamin Megacoaster, Steel</td>
-                        <td class="sort-score">98,2%</td>
-                        <td class="sort-date" data-date="1565107347">August 06, 2019</td>
-                        <td class="sort-quantity">157</td>
-                        <td class="sort-progress" data-progress="57">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">57%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 57%" role="progressbar" aria-valuenow="57" aria-valuemin="0" aria-valuemax="100" aria-label="57% Complete">
-                                  <span class="visually-hidden">57% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Storm Chaser</td>
-                        <td class="sort-city">Kentucky Kingdom, United States</td>
-                        <td class="sort-type">RMC Steel</td>
-                        <td class="sort-score">97,9%</td>
-                        <td class="sort-date" data-date="1564805623">August 03, 2019</td>
-                        <td class="sort-quantity">43</td>
-                        <td class="sort-progress" data-progress="42">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">42%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 42%" role="progressbar" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100" aria-label="42% Complete">
-                                  <span class="visually-hidden">42% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Helix</td>
-                        <td class="sort-city">Liseberg, Sweden</td>
-                        <td class="sort-type">Mack Looper, Steel, Terrain</td>
-                        <td class="sort-score">97,9%</td>
-                        <td class="sort-date" data-date="1633500491">October 06, 2021</td>
-                        <td class="sort-quantity">151</td>
-                        <td class="sort-progress" data-progress="54">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">54%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 54%" role="progressbar" aria-valuenow="54" aria-valuemin="0" aria-valuemax="100" aria-label="54% Complete">
-                                  <span class="visually-hidden">54% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="sort-name">Outlaw Run</td>
-                        <td class="sort-city">Silver Dollar City, United States</td>
-                        <td class="sort-type">RMC Hybrid</td>
-                        <td class="sort-score">96,6%</td>
-                        <td class="sort-date" data-date="1547084027">January 10, 2019</td>
-                        <td class="sort-quantity">131</td>
-                        <td class="sort-progress" data-progress="64">
-                          <div class="row align-items-center">
-                            <div class="col-12 col-lg-auto">64%</div>
-                            <div class="col">
-                              <div class="progress" style="width: 5rem">
-                                <div class="progress-bar" style="width: 64%" role="progressbar" aria-valuenow="64" aria-valuemin="0" aria-valuemax="100" aria-label="64% Complete">
-                                  <span class="visually-hidden">64% Complete</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <footer class="footer footer-transparent d-print-none">
-          <div class="container-xl">
-            <div class="row text-center align-items-center flex-row-reverse">
-              <div class="col-lg-auto ms-lg-auto">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
-                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
-                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
-                  <li class="list-inline-item">
-                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
-                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-                      Sponsor
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
-                <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item">
-                    Copyright &copy; 2023
-                    <a href="." class="link-secondary">Tabler</a>.
-                    All rights reserved.
-                  </li>
-                  <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta18
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
-    </div>
-    <!-- Libs JS -->
-    <script src="./dist/libs/list.js/dist/list.min.js?1684072869" defer></script>
-    <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
-    <script src="./dist/js/demo.min.js?1684072869" defer></script>
-    <script>
-      document.addEventListener("DOMContentLoaded", function() {
-      const list = new List('table-default', {
-      	sortClass: 'table-sort',
-      	listClass: 'table-tbody',
-      	valueNames: [ 'sort-name', 'sort-type', 'sort-city', 'sort-score',
-      		{ attr: 'data-date', name: 'sort-date' },
-      		{ attr: 'data-progress', name: 'sort-progress' },
-      		'sort-quantity'
-      	]
-      });
-      })
-    </script>
-  </body>
-</html>

demo/dist/css/demo.css

@@ -1,276 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-/* prettier-ignore */
-/* prettier-ignore */
-pre.highlight,
-.highlight pre {
-  max-height: 30rem;
-  margin: 1.5rem 0;
-  overflow: auto;
-  border-radius: var(--tblr-border-radius);
-}
-pre.highlight,
-.highlight pre {
-  scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
-}
-pre.highlight::-webkit-scrollbar,
-.highlight pre::-webkit-scrollbar {
-  width: 1rem;
-  height: 1rem;
-  -webkit-transition: background 0.3s;
-  transition: background 0.3s;
-}
-@media (prefers-reduced-motion: reduce) {
-  pre.highlight::-webkit-scrollbar,
-  .highlight pre::-webkit-scrollbar {
-    -webkit-transition: none;
-    transition: none;
-  }
-}
-pre.highlight::-webkit-scrollbar-thumb,
-.highlight pre::-webkit-scrollbar-thumb {
-  border-radius: 1rem;
-  border: 5px solid transparent;
-  box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16);
-}
-pre.highlight::-webkit-scrollbar-track,
-.highlight pre::-webkit-scrollbar-track {
-  background: transparent;
-}
-pre.highlight:hover::-webkit-scrollbar-thumb,
-.highlight pre:hover::-webkit-scrollbar-thumb {
-  box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
-}
-pre.highlight::-webkit-scrollbar-corner,
-.highlight pre::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-.highlight {
-  margin: 0;
-}
-.highlight code > * {
-  margin: 0 !important;
-  padding: 0 !important;
-}
-.highlight .c, .highlight .c1 {
-  color: #a0aec0;
-}
-.highlight .nt, .highlight .nc, .highlight .nx {
-  color: #ff8383;
-}
-.highlight .na, .highlight .p {
-  color: #ffe484;
-}
-.highlight .s, .highlight .dl, .highlight .s2 {
-  color: #b5f4a5;
-}
-.highlight .k {
-  color: #93ddfd;
-}
-.highlight .s1, .highlight .mi {
-  color: #d9a9ff;
-}
-
-.example {
-  padding: 2rem;
-  margin: 1rem 0 2rem;
-  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  border-radius: 3px 3px 0 0;
-  position: relative;
-  min-height: 12rem;
-  display: flex;
-  align-items: center;
-  overflow-x: auto;
-}
-
-.example-centered {
-  justify-content: center;
-}
-.example-centered .example-content {
-  flex: 0 auto;
-}
-
-.example-content {
-  font-size: 0.875rem;
-  line-height: 1.4285714286;
-  color: var(--tblr-body-color);
-  flex: 1;
-  max-width: 100%;
-}
-.example-content .page-header {
-  margin-bottom: 0;
-}
-
-.example-bg {
-  background: #f6f8fb;
-}
-
-.example-code {
-  margin: 2rem 0;
-  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  border-top: none;
-}
-.example-code pre {
-  margin: 0;
-  border: 0;
-  border-radius: 0 0 3px 3px;
-}
-.example + .example-code {
-  margin-top: -2rem;
-}
-
-.example-column {
-  margin: 0 auto;
-}
-.example-column > .card:last-of-type {
-  margin-bottom: 0;
-}
-
-.example-column-1 {
-  max-width: 26rem;
-}
-
-.example-column-2 {
-  max-width: 52rem;
-}
-
-.example-modal-backdrop {
-  background: #182433;
-  opacity: 0.24;
-  position: absolute;
-  width: 100%;
-  left: 0;
-  top: 0;
-  height: 100%;
-  border-radius: 2px 2px 0 0;
-}
-
-.card-sponsor {
-  background: var(--tblr-primary-lt) no-repeat center/100% 100%;
-  border-color: var(--tblr-primary);
-  min-height: 316px;
-}
-
-.dropdown-menu-demo {
-  display: inline-block;
-  width: 100%;
-  position: relative;
-  top: 0;
-  margin-bottom: 1rem !important;
-}
-
-.demo-icon-preview {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-}
-.demo-icon-preview svg,
-.demo-icon-preview i {
-  width: 15rem;
-  height: 15rem;
-  font-size: 15rem;
-  stroke-width: 1.5;
-  margin: 0 auto;
-  display: block;
-}
-@media (max-width: 575.98px) {
-  .demo-icon-preview svg,
-  .demo-icon-preview i {
-    width: 10rem;
-    height: 10rem;
-    font-size: 10rem;
-  }
-}
-
-.demo-icon-preview-icon pre {
-  margin: 0;
-  -webkit-user-select: all;
-     -moz-user-select: all;
-          user-select: all;
-}
-
-.demo-dividers > p {
-  opacity: 0.2;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-
-.demo-icons-list {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 0;
-  margin: 0 -2px -1px 0;
-  list-style: none;
-}
-.demo-icons-list > * {
-  flex: 1 0 4rem;
-}
-
-.demo-icons-list-wrap {
-  overflow: hidden;
-}
-
-.demo-icons-list-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  aspect-ratio: 1;
-  text-align: center;
-  padding: 0.5rem;
-  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  color: inherit;
-  cursor: pointer;
-}
-.demo-icons-list-item .icon {
-  width: 1.5rem;
-  height: 1.5rem;
-  font-size: 1.5rem;
-}
-.demo-icons-list-item:hover {
-  text-decoration: none;
-}
-
-.settings-btn {
-  position: fixed;
-  right: -1px;
-  top: 10rem;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
-}
-
-.settings-scheme {
-  display: inline-block;
-  border-radius: 50%;
-  height: 3rem;
-  width: 3rem;
-  position: relative;
-  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
-}
-.settings-scheme-light {
-  background: linear-gradient(135deg, #ffffff 50%, #fcfdfe 50%);
-}
-.settings-scheme-mixed {
-  background-image: linear-gradient(135deg, #182433 50%, #fff 50%);
-}
-.settings-scheme-transparent {
-  background: #fcfdfe;
-}
-.settings-scheme-dark {
-  background: #182433;
-}
-.settings-scheme-colored {
-  background-image: linear-gradient(135deg, var(--tblr-primary) 50%, #fcfdfe 50%);
-}

demo/dist/css/demo.min.css

@@ -1,9 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;border-radius:var(--tblr-border-radius)}.highlight pre,pre.highlight{scrollbar-color:rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16) transparent}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:1rem;height:1rem;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{-webkit-transition:none;transition:none}}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:1rem;border:5px solid transparent;box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)}.highlight pre::-webkit-scrollbar-track,pre.highlight::-webkit-scrollbar-track{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32)}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight{margin:0}.highlight code>*{margin:0!important;padding:0!important}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .nc,.highlight .nt,.highlight .nx{color:#ff8383}.highlight .na,.highlight .p{color:#ffe484}.highlight .dl,.highlight .s,.highlight .s2{color:#b5f4a5}.highlight .k{color:#93ddfd}.highlight .mi,.highlight .s1{color:#d9a9ff}.example{padding:2rem;margin:1rem 0 2rem;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;line-height:1.4285714286;color:var(--tblr-body-color);flex:1;max-width:100%}.example-content .page-header{margin-bottom:0}.example-bg{background:#f6f8fb}.example-code{margin:2rem 0;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-top:none}.example-code pre{margin:0;border:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:26rem}.example-column-2{max-width:52rem}.example-modal-backdrop{background:#182433;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}.card-sponsor{background:var(--tblr-primary-lt) no-repeat center/100% 100%;border-color:var(--tblr-primary);min-height:316px}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem!important}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview i,.demo-icon-preview svg{width:15rem;height:15rem;font-size:15rem;stroke-width:1.5;margin:0 auto;display:block}@media (max-width:575.98px){.demo-icon-preview i,.demo-icon-preview svg{width:10rem;height:10rem;font-size:10rem}}.demo-icon-preview-icon pre{margin:0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.demo-dividers>p{opacity:.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.demo-icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 -2px -1px 0;list-style:none}.demo-icons-list>*{flex:1 0 4rem}.demo-icons-list-wrap{overflow:hidden}.demo-icons-list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;text-align:center;padding:.5rem;border-right:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);color:inherit;cursor:pointer}.demo-icons-list-item .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.demo-icons-list-item:hover{text-decoration:none}.settings-btn{position:fixed;right:-1px;top:10rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0}.settings-scheme{display:inline-block;border-radius:50%;height:3rem;width:3rem;position:relative;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);box-shadow:rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0}.settings-scheme-light{background:linear-gradient(135deg,#fff 50%,#fcfdfe 50%)}.settings-scheme-mixed{background-image:linear-gradient(135deg,#182433 50%,#fff 50%)}.settings-scheme-transparent{background:#fcfdfe}.settings-scheme-dark{background:#182433}.settings-scheme-colored{background-image:linear-gradient(135deg,var(--tblr-primary) 50%,#fcfdfe 50%)}

demo/dist/css/demo.rtl.css

@@ -1,276 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-/* prettier-ignore */
-/* prettier-ignore */
-pre.highlight,
-.highlight pre {
-  max-height: 30rem;
-  margin: 1.5rem 0;
-  overflow: auto;
-  border-radius: var(--tblr-border-radius);
-}
-pre.highlight,
-.highlight pre {
-  scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
-}
-pre.highlight::-webkit-scrollbar,
-.highlight pre::-webkit-scrollbar {
-  width: 1rem;
-  height: 1rem;
-  -webkit-transition: background 0.3s;
-  transition: background 0.3s;
-}
-@media (prefers-reduced-motion: reduce) {
-  pre.highlight::-webkit-scrollbar,
-  .highlight pre::-webkit-scrollbar {
-    -webkit-transition: none;
-    transition: none;
-  }
-}
-pre.highlight::-webkit-scrollbar-thumb,
-.highlight pre::-webkit-scrollbar-thumb {
-  border-radius: 1rem;
-  border: 5px solid transparent;
-  box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16);
-}
-pre.highlight::-webkit-scrollbar-track,
-.highlight pre::-webkit-scrollbar-track {
-  background: transparent;
-}
-pre.highlight:hover::-webkit-scrollbar-thumb,
-.highlight pre:hover::-webkit-scrollbar-thumb {
-  box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
-}
-pre.highlight::-webkit-scrollbar-corner,
-.highlight pre::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-.highlight {
-  margin: 0;
-}
-.highlight code > * {
-  margin: 0 !important;
-  padding: 0 !important;
-}
-.highlight .c, .highlight .c1 {
-  color: #a0aec0;
-}
-.highlight .nt, .highlight .nc, .highlight .nx {
-  color: #ff8383;
-}
-.highlight .na, .highlight .p {
-  color: #ffe484;
-}
-.highlight .s, .highlight .dl, .highlight .s2 {
-  color: #b5f4a5;
-}
-.highlight .k {
-  color: #93ddfd;
-}
-.highlight .s1, .highlight .mi {
-  color: #d9a9ff;
-}
-
-.example {
-  padding: 2rem;
-  margin: 1rem 0 2rem;
-  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  border-radius: 3px 3px 0 0;
-  position: relative;
-  min-height: 12rem;
-  display: flex;
-  align-items: center;
-  overflow-x: auto;
-}
-
-.example-centered {
-  justify-content: center;
-}
-.example-centered .example-content {
-  flex: 0 auto;
-}
-
-.example-content {
-  font-size: 0.875rem;
-  line-height: 1.4285714286;
-  color: var(--tblr-body-color);
-  flex: 1;
-  max-width: 100%;
-}
-.example-content .page-header {
-  margin-bottom: 0;
-}
-
-.example-bg {
-  background: #f6f8fb;
-}
-
-.example-code {
-  margin: 2rem 0;
-  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  border-top: none;
-}
-.example-code pre {
-  margin: 0;
-  border: 0;
-  border-radius: 0 0 3px 3px;
-}
-.example + .example-code {
-  margin-top: -2rem;
-}
-
-.example-column {
-  margin: 0 auto;
-}
-.example-column > .card:last-of-type {
-  margin-bottom: 0;
-}
-
-.example-column-1 {
-  max-width: 26rem;
-}
-
-.example-column-2 {
-  max-width: 52rem;
-}
-
-.example-modal-backdrop {
-  background: #182433;
-  opacity: 0.24;
-  position: absolute;
-  width: 100%;
-  right: 0;
-  top: 0;
-  height: 100%;
-  border-radius: 2px 2px 0 0;
-}
-
-.card-sponsor {
-  background: var(--tblr-primary-lt) no-repeat center/100% 100%;
-  border-color: var(--tblr-primary);
-  min-height: 316px;
-}
-
-.dropdown-menu-demo {
-  display: inline-block;
-  width: 100%;
-  position: relative;
-  top: 0;
-  margin-bottom: 1rem !important;
-}
-
-.demo-icon-preview {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-}
-.demo-icon-preview svg,
-.demo-icon-preview i {
-  width: 15rem;
-  height: 15rem;
-  font-size: 15rem;
-  stroke-width: 1.5;
-  margin: 0 auto;
-  display: block;
-}
-@media (max-width: 575.98px) {
-  .demo-icon-preview svg,
-  .demo-icon-preview i {
-    width: 10rem;
-    height: 10rem;
-    font-size: 10rem;
-  }
-}
-
-.demo-icon-preview-icon pre {
-  margin: 0;
-  -webkit-user-select: all;
-     -moz-user-select: all;
-          user-select: all;
-}
-
-.demo-dividers > p {
-  opacity: 0.2;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-
-.demo-icons-list {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 0;
-  margin: 0 0 -1px -2px;
-  list-style: none;
-}
-.demo-icons-list > * {
-  flex: 1 0 4rem;
-}
-
-.demo-icons-list-wrap {
-  overflow: hidden;
-}
-
-.demo-icons-list-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  aspect-ratio: 1;
-  text-align: center;
-  padding: 0.5rem;
-  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  color: inherit;
-  cursor: pointer;
-}
-.demo-icons-list-item .icon {
-  width: 1.5rem;
-  height: 1.5rem;
-  font-size: 1.5rem;
-}
-.demo-icons-list-item:hover {
-  text-decoration: none;
-}
-
-.settings-btn {
-  position: fixed;
-  left: -1px;
-  top: 10rem;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
-}
-
-.settings-scheme {
-  display: inline-block;
-  border-radius: 50%;
-  height: 3rem;
-  width: 3rem;
-  position: relative;
-  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
-}
-.settings-scheme-light {
-  background: linear-gradient(-135deg, #ffffff 50%, #fcfdfe 50%);
-}
-.settings-scheme-mixed {
-  background-image: linear-gradient(-135deg, #182433 50%, #fff 50%);
-}
-.settings-scheme-transparent {
-  background: #fcfdfe;
-}
-.settings-scheme-dark {
-  background: #182433;
-}
-.settings-scheme-colored {
-  background-image: linear-gradient(-135deg, var(--tblr-primary) 50%, #fcfdfe 50%);
-}

demo/dist/css/demo.rtl.min.css

@@ -1,9 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;border-radius:var(--tblr-border-radius)}.highlight pre,pre.highlight{scrollbar-color:rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16) transparent}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:1rem;height:1rem;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{-webkit-transition:none;transition:none}}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:1rem;border:5px solid transparent;box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)}.highlight pre::-webkit-scrollbar-track,pre.highlight::-webkit-scrollbar-track{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32)}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight{margin:0}.highlight code>*{margin:0!important;padding:0!important}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .nc,.highlight .nt,.highlight .nx{color:#ff8383}.highlight .na,.highlight .p{color:#ffe484}.highlight .dl,.highlight .s,.highlight .s2{color:#b5f4a5}.highlight .k{color:#93ddfd}.highlight .mi,.highlight .s1{color:#d9a9ff}.example{padding:2rem;margin:1rem 0 2rem;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;line-height:1.4285714286;color:var(--tblr-body-color);flex:1;max-width:100%}.example-content .page-header{margin-bottom:0}.example-bg{background:#f6f8fb}.example-code{margin:2rem 0;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-top:none}.example-code pre{margin:0;border:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:26rem}.example-column-2{max-width:52rem}.example-modal-backdrop{background:#182433;opacity:.24;position:absolute;width:100%;right:0;top:0;height:100%;border-radius:2px 2px 0 0}.card-sponsor{background:var(--tblr-primary-lt) no-repeat center/100% 100%;border-color:var(--tblr-primary);min-height:316px}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem!important}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview i,.demo-icon-preview svg{width:15rem;height:15rem;font-size:15rem;stroke-width:1.5;margin:0 auto;display:block}@media (max-width:575.98px){.demo-icon-preview i,.demo-icon-preview svg{width:10rem;height:10rem;font-size:10rem}}.demo-icon-preview-icon pre{margin:0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.demo-dividers>p{opacity:.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.demo-icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 0 -1px -2px;list-style:none}.demo-icons-list>*{flex:1 0 4rem}.demo-icons-list-wrap{overflow:hidden}.demo-icons-list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;text-align:center;padding:.5rem;border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);color:inherit;cursor:pointer}.demo-icons-list-item .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.demo-icons-list-item:hover{text-decoration:none}.settings-btn{position:fixed;left:-1px;top:10rem;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0}.settings-scheme{display:inline-block;border-radius:50%;height:3rem;width:3rem;position:relative;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);box-shadow:rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0}.settings-scheme-light{background:linear-gradient(-135deg,#fff 50%,#fcfdfe 50%)}.settings-scheme-mixed{background-image:linear-gradient(-135deg,#182433 50%,#fff 50%)}.settings-scheme-transparent{background:#fcfdfe}.settings-scheme-dark{background:#182433}.settings-scheme-colored{background-image:linear-gradient(-135deg,var(--tblr-primary) 50%,#fcfdfe 50%)}

demo/dist/css/tabler-payments.css

@@ -1,530 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-/* prettier-ignore */
-/* prettier-ignore */
-.payment {
-  width: 3.33332rem;
-  height: 2rem;
-  display: inline-block;
-  background: no-repeat center/100% 100%;
-  vertical-align: bottom;
-  font-style: normal;
-  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-}
-
-.payment-provider-2checkout {
-  background-image: url("../img/payments/2checkout.svg");
-}
-
-.payment-provider-2checkout-dark {
-  background-image: url("../img/payments/2checkout-dark.svg");
-}
-
-.payment-provider-alipay {
-  background-image: url("../img/payments/alipay.svg");
-}
-
-.payment-provider-alipay-dark {
-  background-image: url("../img/payments/alipay-dark.svg");
-}
-
-.payment-provider-amazon {
-  background-image: url("../img/payments/amazon.svg");
-}
-
-.payment-provider-amazon-dark {
-  background-image: url("../img/payments/amazon-dark.svg");
-}
-
-.payment-provider-americanexpress {
-  background-image: url("../img/payments/americanexpress.svg");
-}
-
-.payment-provider-americanexpress-dark {
-  background-image: url("../img/payments/americanexpress-dark.svg");
-}
-
-.payment-provider-applepay {
-  background-image: url("../img/payments/applepay.svg");
-}
-
-.payment-provider-applepay-dark {
-  background-image: url("../img/payments/applepay-dark.svg");
-}
-
-.payment-provider-bancontact {
-  background-image: url("../img/payments/bancontact.svg");
-}
-
-.payment-provider-bancontact-dark {
-  background-image: url("../img/payments/bancontact-dark.svg");
-}
-
-.payment-provider-bitcoin {
-  background-image: url("../img/payments/bitcoin.svg");
-}
-
-.payment-provider-bitcoin-dark {
-  background-image: url("../img/payments/bitcoin-dark.svg");
-}
-
-.payment-provider-bitpay {
-  background-image: url("../img/payments/bitpay.svg");
-}
-
-.payment-provider-bitpay-dark {
-  background-image: url("../img/payments/bitpay-dark.svg");
-}
-
-.payment-provider-blik {
-  background-image: url("../img/payments/blik.svg");
-}
-
-.payment-provider-blik-dark {
-  background-image: url("../img/payments/blik-dark.svg");
-}
-
-.payment-provider-cirrus {
-  background-image: url("../img/payments/cirrus.svg");
-}
-
-.payment-provider-cirrus-dark {
-  background-image: url("../img/payments/cirrus-dark.svg");
-}
-
-.payment-provider-clickandbuy {
-  background-image: url("../img/payments/clickandbuy.svg");
-}
-
-.payment-provider-clickandbuy-dark {
-  background-image: url("../img/payments/clickandbuy-dark.svg");
-}
-
-.payment-provider-coinkite {
-  background-image: url("../img/payments/coinkite.svg");
-}
-
-.payment-provider-coinkite-dark {
-  background-image: url("../img/payments/coinkite-dark.svg");
-}
-
-.payment-provider-dinersclub {
-  background-image: url("../img/payments/dinersclub.svg");
-}
-
-.payment-provider-dinersclub-dark {
-  background-image: url("../img/payments/dinersclub-dark.svg");
-}
-
-.payment-provider-directdebit {
-  background-image: url("../img/payments/directdebit.svg");
-}
-
-.payment-provider-directdebit-dark {
-  background-image: url("../img/payments/directdebit-dark.svg");
-}
-
-.payment-provider-discover {
-  background-image: url("../img/payments/discover.svg");
-}
-
-.payment-provider-discover-dark {
-  background-image: url("../img/payments/discover-dark.svg");
-}
-
-.payment-provider-dotpay {
-  background-image: url("../img/payments/dotpay.svg");
-}
-
-.payment-provider-dotpay-dark {
-  background-image: url("../img/payments/dotpay-dark.svg");
-}
-
-.payment-provider-dwolla {
-  background-image: url("../img/payments/dwolla.svg");
-}
-
-.payment-provider-dwolla-dark {
-  background-image: url("../img/payments/dwolla-dark.svg");
-}
-
-.payment-provider-ebay {
-  background-image: url("../img/payments/ebay.svg");
-}
-
-.payment-provider-ebay-dark {
-  background-image: url("../img/payments/ebay-dark.svg");
-}
-
-.payment-provider-epayco {
-  background-image: url("../img/payments/epayco.svg");
-}
-
-.payment-provider-epayco-dark {
-  background-image: url("../img/payments/epayco-dark.svg");
-}
-
-.payment-provider-eway {
-  background-image: url("../img/payments/eway.svg");
-}
-
-.payment-provider-eway-dark {
-  background-image: url("../img/payments/eway-dark.svg");
-}
-
-.payment-provider-giropay {
-  background-image: url("../img/payments/giropay.svg");
-}
-
-.payment-provider-giropay-dark {
-  background-image: url("../img/payments/giropay-dark.svg");
-}
-
-.payment-provider-googlewallet {
-  background-image: url("../img/payments/googlewallet.svg");
-}
-
-.payment-provider-googlewallet-dark {
-  background-image: url("../img/payments/googlewallet-dark.svg");
-}
-
-.payment-provider-ingenico {
-  background-image: url("../img/payments/ingenico.svg");
-}
-
-.payment-provider-ingenico-dark {
-  background-image: url("../img/payments/ingenico-dark.svg");
-}
-
-.payment-provider-jcb {
-  background-image: url("../img/payments/jcb.svg");
-}
-
-.payment-provider-jcb-dark {
-  background-image: url("../img/payments/jcb-dark.svg");
-}
-
-.payment-provider-klarna {
-  background-image: url("../img/payments/klarna.svg");
-}
-
-.payment-provider-klarna-dark {
-  background-image: url("../img/payments/klarna-dark.svg");
-}
-
-.payment-provider-laser {
-  background-image: url("../img/payments/laser.svg");
-}
-
-.payment-provider-laser-dark {
-  background-image: url("../img/payments/laser-dark.svg");
-}
-
-.payment-provider-maestro {
-  background-image: url("../img/payments/maestro.svg");
-}
-
-.payment-provider-maestro-dark {
-  background-image: url("../img/payments/maestro-dark.svg");
-}
-
-.payment-provider-mastercard {
-  background-image: url("../img/payments/mastercard.svg");
-}
-
-.payment-provider-mastercard-dark {
-  background-image: url("../img/payments/mastercard-dark.svg");
-}
-
-.payment-provider-mir {
-  background-image: url("../img/payments/mir.svg");
-}
-
-.payment-provider-mir-dark {
-  background-image: url("../img/payments/mir-dark.svg");
-}
-
-.payment-provider-monero {
-  background-image: url("../img/payments/monero.svg");
-}
-
-.payment-provider-monero-dark {
-  background-image: url("../img/payments/monero-dark.svg");
-}
-
-.payment-provider-neteller {
-  background-image: url("../img/payments/neteller.svg");
-}
-
-.payment-provider-neteller-dark {
-  background-image: url("../img/payments/neteller-dark.svg");
-}
-
-.payment-provider-ogone {
-  background-image: url("../img/payments/ogone.svg");
-}
-
-.payment-provider-ogone-dark {
-  background-image: url("../img/payments/ogone-dark.svg");
-}
-
-.payment-provider-okpay {
-  background-image: url("../img/payments/okpay.svg");
-}
-
-.payment-provider-okpay-dark {
-  background-image: url("../img/payments/okpay-dark.svg");
-}
-
-.payment-provider-paybox {
-  background-image: url("../img/payments/paybox.svg");
-}
-
-.payment-provider-paybox-dark {
-  background-image: url("../img/payments/paybox-dark.svg");
-}
-
-.payment-provider-paymill {
-  background-image: url("../img/payments/paymill.svg");
-}
-
-.payment-provider-paymill-dark {
-  background-image: url("../img/payments/paymill-dark.svg");
-}
-
-.payment-provider-payone {
-  background-image: url("../img/payments/payone.svg");
-}
-
-.payment-provider-payone-dark {
-  background-image: url("../img/payments/payone-dark.svg");
-}
-
-.payment-provider-payoneer {
-  background-image: url("../img/payments/payoneer.svg");
-}
-
-.payment-provider-payoneer-dark {
-  background-image: url("../img/payments/payoneer-dark.svg");
-}
-
-.payment-provider-paypal {
-  background-image: url("../img/payments/paypal.svg");
-}
-
-.payment-provider-paypal-dark {
-  background-image: url("../img/payments/paypal-dark.svg");
-}
-
-.payment-provider-paysafecard {
-  background-image: url("../img/payments/paysafecard.svg");
-}
-
-.payment-provider-paysafecard-dark {
-  background-image: url("../img/payments/paysafecard-dark.svg");
-}
-
-.payment-provider-payu {
-  background-image: url("../img/payments/payu.svg");
-}
-
-.payment-provider-payu-dark {
-  background-image: url("../img/payments/payu-dark.svg");
-}
-
-.payment-provider-payza {
-  background-image: url("../img/payments/payza.svg");
-}
-
-.payment-provider-payza-dark {
-  background-image: url("../img/payments/payza-dark.svg");
-}
-
-.payment-provider-przelewy24 {
-  background-image: url("../img/payments/przelewy24.svg");
-}
-
-.payment-provider-przelewy24-dark {
-  background-image: url("../img/payments/przelewy24-dark.svg");
-}
-
-.payment-provider-ripple {
-  background-image: url("../img/payments/ripple.svg");
-}
-
-.payment-provider-ripple-dark {
-  background-image: url("../img/payments/ripple-dark.svg");
-}
-
-.payment-provider-sage {
-  background-image: url("../img/payments/sage.svg");
-}
-
-.payment-provider-sage-dark {
-  background-image: url("../img/payments/sage-dark.svg");
-}
-
-.payment-provider-sepa {
-  background-image: url("../img/payments/sepa.svg");
-}
-
-.payment-provider-sepa-dark {
-  background-image: url("../img/payments/sepa-dark.svg");
-}
-
-.payment-provider-shopify {
-  background-image: url("../img/payments/shopify.svg");
-}
-
-.payment-provider-shopify-dark {
-  background-image: url("../img/payments/shopify-dark.svg");
-}
-
-.payment-provider-skrill {
-  background-image: url("../img/payments/skrill.svg");
-}
-
-.payment-provider-skrill-dark {
-  background-image: url("../img/payments/skrill-dark.svg");
-}
-
-.payment-provider-solo {
-  background-image: url("../img/payments/solo.svg");
-}
-
-.payment-provider-solo-dark {
-  background-image: url("../img/payments/solo-dark.svg");
-}
-
-.payment-provider-square {
-  background-image: url("../img/payments/square.svg");
-}
-
-.payment-provider-square-dark {
-  background-image: url("../img/payments/square-dark.svg");
-}
-
-.payment-provider-stripe {
-  background-image: url("../img/payments/stripe.svg");
-}
-
-.payment-provider-stripe-dark {
-  background-image: url("../img/payments/stripe-dark.svg");
-}
-
-.payment-provider-switch {
-  background-image: url("../img/payments/switch.svg");
-}
-
-.payment-provider-switch-dark {
-  background-image: url("../img/payments/switch-dark.svg");
-}
-
-.payment-provider-tpay {
-  background-image: url("../img/payments/tpay.svg");
-}
-
-.payment-provider-tpay-dark {
-  background-image: url("../img/payments/tpay-dark.svg");
-}
-
-.payment-provider-ukash {
-  background-image: url("../img/payments/ukash.svg");
-}
-
-.payment-provider-ukash-dark {
-  background-image: url("../img/payments/ukash-dark.svg");
-}
-
-.payment-provider-unionpay {
-  background-image: url("../img/payments/unionpay.svg");
-}
-
-.payment-provider-unionpay-dark {
-  background-image: url("../img/payments/unionpay-dark.svg");
-}
-
-.payment-provider-verifone {
-  background-image: url("../img/payments/verifone.svg");
-}
-
-.payment-provider-verifone-dark {
-  background-image: url("../img/payments/verifone-dark.svg");
-}
-
-.payment-provider-verisign {
-  background-image: url("../img/payments/verisign.svg");
-}
-
-.payment-provider-verisign-dark {
-  background-image: url("../img/payments/verisign-dark.svg");
-}
-
-.payment-provider-visa {
-  background-image: url("../img/payments/visa.svg");
-}
-
-.payment-provider-visa-dark {
-  background-image: url("../img/payments/visa-dark.svg");
-}
-
-.payment-provider-webmoney {
-  background-image: url("../img/payments/webmoney.svg");
-}
-
-.payment-provider-webmoney-dark {
-  background-image: url("../img/payments/webmoney-dark.svg");
-}
-
-.payment-provider-westernunion {
-  background-image: url("../img/payments/westernunion.svg");
-}
-
-.payment-provider-westernunion-dark {
-  background-image: url("../img/payments/westernunion-dark.svg");
-}
-
-.payment-provider-worldpay {
-  background-image: url("../img/payments/worldpay.svg");
-}
-
-.payment-provider-worldpay-dark {
-  background-image: url("../img/payments/worldpay-dark.svg");
-}
-
-.payment-xs {
-  width: 2.49999rem;
-  height: 1.5rem;
-}
-
-.payment-sm {
-  width: 3.33332rem;
-  height: 2rem;
-}
-
-.payment-md {
-  width: 6.66664rem;
-  height: 4rem;
-}
-
-.payment-lg {
-  width: 9.16663rem;
-  height: 5.5rem;
-}
-
-.payment-xl {
-  width: 11.66662rem;
-  height: 7rem;
-}
-
-.payment-2xl {
-  width: 18.33326rem;
-  height: 11rem;
-}

demo/dist/css/tabler-payments.rtl.css

@@ -1,530 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-/* prettier-ignore */
-/* prettier-ignore */
-.payment {
-  width: 3.33332rem;
-  height: 2rem;
-  display: inline-block;
-  background: no-repeat center/100% 100%;
-  vertical-align: bottom;
-  font-style: normal;
-  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-}
-
-.payment-provider-2checkout {
-  background-image: url("../img/payments/2checkout.svg");
-}
-
-.payment-provider-2checkout-dark {
-  background-image: url("../img/payments/2checkout-dark.svg");
-}
-
-.payment-provider-alipay {
-  background-image: url("../img/payments/alipay.svg");
-}
-
-.payment-provider-alipay-dark {
-  background-image: url("../img/payments/alipay-dark.svg");
-}
-
-.payment-provider-amazon {
-  background-image: url("../img/payments/amazon.svg");
-}
-
-.payment-provider-amazon-dark {
-  background-image: url("../img/payments/amazon-dark.svg");
-}
-
-.payment-provider-americanexpress {
-  background-image: url("../img/payments/americanexpress.svg");
-}
-
-.payment-provider-americanexpress-dark {
-  background-image: url("../img/payments/americanexpress-dark.svg");
-}
-
-.payment-provider-applepay {
-  background-image: url("../img/payments/applepay.svg");
-}
-
-.payment-provider-applepay-dark {
-  background-image: url("../img/payments/applepay-dark.svg");
-}
-
-.payment-provider-bancontact {
-  background-image: url("../img/payments/bancontact.svg");
-}
-
-.payment-provider-bancontact-dark {
-  background-image: url("../img/payments/bancontact-dark.svg");
-}
-
-.payment-provider-bitcoin {
-  background-image: url("../img/payments/bitcoin.svg");
-}
-
-.payment-provider-bitcoin-dark {
-  background-image: url("../img/payments/bitcoin-dark.svg");
-}
-
-.payment-provider-bitpay {
-  background-image: url("../img/payments/bitpay.svg");
-}
-
-.payment-provider-bitpay-dark {
-  background-image: url("../img/payments/bitpay-dark.svg");
-}
-
-.payment-provider-blik {
-  background-image: url("../img/payments/blik.svg");
-}
-
-.payment-provider-blik-dark {
-  background-image: url("../img/payments/blik-dark.svg");
-}
-
-.payment-provider-cirrus {
-  background-image: url("../img/payments/cirrus.svg");
-}
-
-.payment-provider-cirrus-dark {
-  background-image: url("../img/payments/cirrus-dark.svg");
-}
-
-.payment-provider-clickandbuy {
-  background-image: url("../img/payments/clickandbuy.svg");
-}
-
-.payment-provider-clickandbuy-dark {
-  background-image: url("../img/payments/clickandbuy-dark.svg");
-}
-
-.payment-provider-coinkite {
-  background-image: url("../img/payments/coinkite.svg");
-}
-
-.payment-provider-coinkite-dark {
-  background-image: url("../img/payments/coinkite-dark.svg");
-}
-
-.payment-provider-dinersclub {
-  background-image: url("../img/payments/dinersclub.svg");
-}
-
-.payment-provider-dinersclub-dark {
-  background-image: url("../img/payments/dinersclub-dark.svg");
-}
-
-.payment-provider-directdebit {
-  background-image: url("../img/payments/directdebit.svg");
-}
-
-.payment-provider-directdebit-dark {
-  background-image: url("../img/payments/directdebit-dark.svg");
-}
-
-.payment-provider-discover {
-  background-image: url("../img/payments/discover.svg");
-}
-
-.payment-provider-discover-dark {
-  background-image: url("../img/payments/discover-dark.svg");
-}
-
-.payment-provider-dotpay {
-  background-image: url("../img/payments/dotpay.svg");
-}
-
-.payment-provider-dotpay-dark {
-  background-image: url("../img/payments/dotpay-dark.svg");
-}
-
-.payment-provider-dwolla {
-  background-image: url("../img/payments/dwolla.svg");
-}
-
-.payment-provider-dwolla-dark {
-  background-image: url("../img/payments/dwolla-dark.svg");
-}
-
-.payment-provider-ebay {
-  background-image: url("../img/payments/ebay.svg");
-}
-
-.payment-provider-ebay-dark {
-  background-image: url("../img/payments/ebay-dark.svg");
-}
-
-.payment-provider-epayco {
-  background-image: url("../img/payments/epayco.svg");
-}
-
-.payment-provider-epayco-dark {
-  background-image: url("../img/payments/epayco-dark.svg");
-}
-
-.payment-provider-eway {
-  background-image: url("../img/payments/eway.svg");
-}
-
-.payment-provider-eway-dark {
-  background-image: url("../img/payments/eway-dark.svg");
-}
-
-.payment-provider-giropay {
-  background-image: url("../img/payments/giropay.svg");
-}
-
-.payment-provider-giropay-dark {
-  background-image: url("../img/payments/giropay-dark.svg");
-}
-
-.payment-provider-googlewallet {
-  background-image: url("../img/payments/googlewallet.svg");
-}
-
-.payment-provider-googlewallet-dark {
-  background-image: url("../img/payments/googlewallet-dark.svg");
-}
-
-.payment-provider-ingenico {
-  background-image: url("../img/payments/ingenico.svg");
-}
-
-.payment-provider-ingenico-dark {
-  background-image: url("../img/payments/ingenico-dark.svg");
-}
-
-.payment-provider-jcb {
-  background-image: url("../img/payments/jcb.svg");
-}
-
-.payment-provider-jcb-dark {
-  background-image: url("../img/payments/jcb-dark.svg");
-}
-
-.payment-provider-klarna {
-  background-image: url("../img/payments/klarna.svg");
-}
-
-.payment-provider-klarna-dark {
-  background-image: url("../img/payments/klarna-dark.svg");
-}
-
-.payment-provider-laser {
-  background-image: url("../img/payments/laser.svg");
-}
-
-.payment-provider-laser-dark {
-  background-image: url("../img/payments/laser-dark.svg");
-}
-
-.payment-provider-maestro {
-  background-image: url("../img/payments/maestro.svg");
-}
-
-.payment-provider-maestro-dark {
-  background-image: url("../img/payments/maestro-dark.svg");
-}
-
-.payment-provider-mastercard {
-  background-image: url("../img/payments/mastercard.svg");
-}
-
-.payment-provider-mastercard-dark {
-  background-image: url("../img/payments/mastercard-dark.svg");
-}
-
-.payment-provider-mir {
-  background-image: url("../img/payments/mir.svg");
-}
-
-.payment-provider-mir-dark {
-  background-image: url("../img/payments/mir-dark.svg");
-}
-
-.payment-provider-monero {
-  background-image: url("../img/payments/monero.svg");
-}
-
-.payment-provider-monero-dark {
-  background-image: url("../img/payments/monero-dark.svg");
-}
-
-.payment-provider-neteller {
-  background-image: url("../img/payments/neteller.svg");
-}
-
-.payment-provider-neteller-dark {
-  background-image: url("../img/payments/neteller-dark.svg");
-}
-
-.payment-provider-ogone {
-  background-image: url("../img/payments/ogone.svg");
-}
-
-.payment-provider-ogone-dark {
-  background-image: url("../img/payments/ogone-dark.svg");
-}
-
-.payment-provider-okpay {
-  background-image: url("../img/payments/okpay.svg");
-}
-
-.payment-provider-okpay-dark {
-  background-image: url("../img/payments/okpay-dark.svg");
-}
-
-.payment-provider-paybox {
-  background-image: url("../img/payments/paybox.svg");
-}
-
-.payment-provider-paybox-dark {
-  background-image: url("../img/payments/paybox-dark.svg");
-}
-
-.payment-provider-paymill {
-  background-image: url("../img/payments/paymill.svg");
-}
-
-.payment-provider-paymill-dark {
-  background-image: url("../img/payments/paymill-dark.svg");
-}
-
-.payment-provider-payone {
-  background-image: url("../img/payments/payone.svg");
-}
-
-.payment-provider-payone-dark {
-  background-image: url("../img/payments/payone-dark.svg");
-}
-
-.payment-provider-payoneer {
-  background-image: url("../img/payments/payoneer.svg");
-}
-
-.payment-provider-payoneer-dark {
-  background-image: url("../img/payments/payoneer-dark.svg");
-}
-
-.payment-provider-paypal {
-  background-image: url("../img/payments/paypal.svg");
-}
-
-.payment-provider-paypal-dark {
-  background-image: url("../img/payments/paypal-dark.svg");
-}
-
-.payment-provider-paysafecard {
-  background-image: url("../img/payments/paysafecard.svg");
-}
-
-.payment-provider-paysafecard-dark {
-  background-image: url("../img/payments/paysafecard-dark.svg");
-}
-
-.payment-provider-payu {
-  background-image: url("../img/payments/payu.svg");
-}
-
-.payment-provider-payu-dark {
-  background-image: url("../img/payments/payu-dark.svg");
-}
-
-.payment-provider-payza {
-  background-image: url("../img/payments/payza.svg");
-}
-
-.payment-provider-payza-dark {
-  background-image: url("../img/payments/payza-dark.svg");
-}
-
-.payment-provider-przelewy24 {
-  background-image: url("../img/payments/przelewy24.svg");
-}
-
-.payment-provider-przelewy24-dark {
-  background-image: url("../img/payments/przelewy24-dark.svg");
-}
-
-.payment-provider-ripple {
-  background-image: url("../img/payments/ripple.svg");
-}
-
-.payment-provider-ripple-dark {
-  background-image: url("../img/payments/ripple-dark.svg");
-}
-
-.payment-provider-sage {
-  background-image: url("../img/payments/sage.svg");
-}
-
-.payment-provider-sage-dark {
-  background-image: url("../img/payments/sage-dark.svg");
-}
-
-.payment-provider-sepa {
-  background-image: url("../img/payments/sepa.svg");
-}
-
-.payment-provider-sepa-dark {
-  background-image: url("../img/payments/sepa-dark.svg");
-}
-
-.payment-provider-shopify {
-  background-image: url("../img/payments/shopify.svg");
-}
-
-.payment-provider-shopify-dark {
-  background-image: url("../img/payments/shopify-dark.svg");
-}
-
-.payment-provider-skrill {
-  background-image: url("../img/payments/skrill.svg");
-}
-
-.payment-provider-skrill-dark {
-  background-image: url("../img/payments/skrill-dark.svg");
-}
-
-.payment-provider-solo {
-  background-image: url("../img/payments/solo.svg");
-}
-
-.payment-provider-solo-dark {
-  background-image: url("../img/payments/solo-dark.svg");
-}
-
-.payment-provider-square {
-  background-image: url("../img/payments/square.svg");
-}
-
-.payment-provider-square-dark {
-  background-image: url("../img/payments/square-dark.svg");
-}
-
-.payment-provider-stripe {
-  background-image: url("../img/payments/stripe.svg");
-}
-
-.payment-provider-stripe-dark {
-  background-image: url("../img/payments/stripe-dark.svg");
-}
-
-.payment-provider-switch {
-  background-image: url("../img/payments/switch.svg");
-}
-
-.payment-provider-switch-dark {
-  background-image: url("../img/payments/switch-dark.svg");
-}
-
-.payment-provider-tpay {
-  background-image: url("../img/payments/tpay.svg");
-}
-
-.payment-provider-tpay-dark {
-  background-image: url("../img/payments/tpay-dark.svg");
-}
-
-.payment-provider-ukash {
-  background-image: url("../img/payments/ukash.svg");
-}
-
-.payment-provider-ukash-dark {
-  background-image: url("../img/payments/ukash-dark.svg");
-}
-
-.payment-provider-unionpay {
-  background-image: url("../img/payments/unionpay.svg");
-}
-
-.payment-provider-unionpay-dark {
-  background-image: url("../img/payments/unionpay-dark.svg");
-}
-
-.payment-provider-verifone {
-  background-image: url("../img/payments/verifone.svg");
-}
-
-.payment-provider-verifone-dark {
-  background-image: url("../img/payments/verifone-dark.svg");
-}
-
-.payment-provider-verisign {
-  background-image: url("../img/payments/verisign.svg");
-}
-
-.payment-provider-verisign-dark {
-  background-image: url("../img/payments/verisign-dark.svg");
-}
-
-.payment-provider-visa {
-  background-image: url("../img/payments/visa.svg");
-}
-
-.payment-provider-visa-dark {
-  background-image: url("../img/payments/visa-dark.svg");
-}
-
-.payment-provider-webmoney {
-  background-image: url("../img/payments/webmoney.svg");
-}
-
-.payment-provider-webmoney-dark {
-  background-image: url("../img/payments/webmoney-dark.svg");
-}
-
-.payment-provider-westernunion {
-  background-image: url("../img/payments/westernunion.svg");
-}
-
-.payment-provider-westernunion-dark {
-  background-image: url("../img/payments/westernunion-dark.svg");
-}
-
-.payment-provider-worldpay {
-  background-image: url("../img/payments/worldpay.svg");
-}
-
-.payment-provider-worldpay-dark {
-  background-image: url("../img/payments/worldpay-dark.svg");
-}
-
-.payment-xs {
-  width: 2.49999rem;
-  height: 1.5rem;
-}
-
-.payment-sm {
-  width: 3.33332rem;
-  height: 2rem;
-}
-
-.payment-md {
-  width: 6.66664rem;
-  height: 4rem;
-}
-
-.payment-lg {
-  width: 9.16663rem;
-  height: 5.5rem;
-}
-
-.payment-xl {
-  width: 11.66662rem;
-  height: 7rem;
-}
-
-.payment-2xl {
-  width: 18.33326rem;
-  height: 11rem;
-}

demo/dist/css/tabler-social.css

@@ -1,10 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-/* prettier-ignore */
-/* prettier-ignore */

demo/dist/css/tabler-social.min.css

@@ -1,8 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/

demo/dist/css/tabler-social.rtl.css

@@ -1,10 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/
-/* prettier-ignore */
-/* prettier-ignore */

demo/dist/css/tabler-social.rtl.min.css

@@ -1,8 +0,0 @@
-/*!
-* Tabler v1.0.0-beta18 (https://tabler.io)
-* @version 1.0.0-beta18
-* @link https://tabler.io
-* Copyright 2018-2023 The Tabler Authors
-* Copyright 2018-2023 codecalm.net Paweł Kuna
-* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/

demo/dist/img/flags/ae.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#00732f" d="M0 0h640v160H0z"/><path fill="#fff" d="M0 160h640v160H0z"/><path d="M0 320h640v160H0z"/><path fill="red" d="M0 0h220v480H0z"/></svg>

demo/dist/img/flags/ag.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-79.7 0H603v512H-79.7z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(74.7) scale(.9375)"><path fill="#fff" d="M-120 0h763.3v511.5H-120z"/><path d="M-118.3.6h760.9v216.1h-761z"/><path fill="#0061ff" d="M21.3 203.2h505V317h-505z"/><path fill="#e20000" d="M642.8 1.8V512H262L642.8 1.7zm-761.5 0V512H262L-118.7 1.7z"/><path fill="#ffd600" d="M440.4 203.3L364 184l64.9-49-79.7 11.4 41-69.5-70.7 41L332.3 37l-47.9 63.8-19.3-74-21.7 76.3-47.8-65 13.7 83.2L138.5 78l41 69.5-77.4-12.5 63.8 47.8L86 203.3h354.3z"/></g></svg>

demo/dist/img/flags/al.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><path fill="#e41e20" d="M0 0h640v480H0z"/><path id="a" d="M272 93.3c-4.6 0-12.3 1.5-12.2 5-13-2.1-14.3 3.2-13.5 8 1.2-1.9 2.7-3 3.9-3.1 1.7-.3 3.5.3 5.4 1.4a21.6 21.6 0 0 1 4.8 4.1c-4.6 1.1-8.2.4-11.8-.2a16.5 16.5 0 0 1-5.7-2.4c-1.5-1-2-2-4.3-4.3-2.7-2.8-5.6-2-4.7 2.3 2.1 4 5.6 5.8 10 6.6 2.1.3 5.3 1 8.9 1 3.6 0 7.6-.5 9.8 0-1.3.8-2.8 2.3-5.8 2.8-3 .6-7.5-1.8-10.3-2.4.3 2.3 3.3 4.5 9.1 5.7 9.6 2 17.5 3.6 22.8 6.5a37.3 37.3 0 0 1 10.9 9.2c4.7 5.5 5 9.8 5.2 10.8 1 8.8-2.1 13.8-7.9 15.4-2.8.7-8-.7-9.8-2.9-2-2.2-3.7-6-3.2-12 .5-2.2 3.1-8.3.9-9.5a273.7 273.7 0 0 0-32.3-15.1c-2.5-1-4.5 2.4-5.3 3.8a50.2 50.2 0 0 1-36-23.7c-4.2-7.6-11.3 0-10.1 7.3 1.9 8 8 13.8 15.4 18 7.5 4.1 17 8.2 26.5 8 5.2 1 5.1 7.6-1 8.9-12.1 0-21.8-.2-30.9-9-6.9-6.3-10.7 1.2-8.8 5.4 3.4 13.1 22.1 16.8 41 12.6 7.4-1.2 3 6.6 1 6.7-8 5.7-22.1 11.2-34.6 0-5.7-4.4-9.6-.8-7.4 5.5 5.5 16.5 26.7 13 41.2 5 3.7-2.1 7.1 2.7 2.6 6.4-18.1 12.6-27.1 12.8-35.3 8-10.2-4.1-11 7.2-5 11 6.7 4 23.8 1 36.4-7 5.4-4 5.6 2.3 2.2 4.8-14.9 12.9-20.8 16.3-36.3 14.2-7.7-.6-7.6 8.9-1.6 12.6 8.3 5.1 24.5-3.3 37-13.8 5.3-2.8 6.2 1.8 3.6 7.3a53.9 53.9 0 0 1-21.8 18c-7 2.7-13.6 2.3-18.3.7-5.8-2-6.5 4-3.3 9.4 1.9 3.3 9.8 4.3 18.4 1.3 8.6-3 17.8-10.2 24.1-18.5 5.5-4.9 4.9 1.6 2.3 6.2-12.6 20-24.2 27.4-39.5 26.2-6.7-1.2-8.3 4-4 9 7.6 6.2 17 6 25.4-.2 7.3-7 21.4-22.4 28.8-30.6 5.2-4.1 6.9 0 5.3 8.4-1.4 4.8-4.8 10-14.3 13.6-6.5 3.7-1.6 8.8 3.2 9 2.7 0 8.1-3.2 12.3-7.8 5.4-6.2 5.8-10.3 8.8-19.9 2.8-4.6 7.9-2.4 7.9 2.4-2.5 9.6-4.5 11.3-9.5 15.2-4.7 4.5 3.3 6 6 4.1 7.8-5.2 10.6-12 13.2-18.2 2-4.4 7.4-2.3 4.8 5-6 17.4-16 24.2-33.3 27.8-1.7.3-2.8 1.3-2.2 3.3l7 7c-10.7 3.2-19.4 5-30.2 8l-14.8-9.8c-1.3-3.2-2-8.2-9.8-4.7-5.2-2.4-7.7-1.5-10.6 1 4.2 0 6 1.2 7.7 3.1 2.2 5.7 7.2 6.3 12.3 4.7 3.3 2.7 5 4.9 8.4 7.7l-16.7-.5c-6-6.3-10.6-6-14.8-1-3.3.5-4.6.5-6.8 4.4 3.4-1.4 5.6-1.8 7.1-.3 6.3 3.7 10.4 2.9 13.5 0l17.5 1.1c-2.2 2-5.2 3-7.5 4.8-9-2.6-13.8 1-15.4 8.3a17 17 0 0 0-1.2 9.3c.8-3 2.3-5.5 4.9-7 8 2 11-1.3 11.5-6.1 4-3.2 9.8-3.9 13.7-7.1 4.6 1.4 6.8 2.3 11.4 3.8 1.6 5 5.3 6.9 11.3 5.6 7 .2 5.8 3.2 6.4 5.5 2-3.3 1.9-6.6-2.5-9.6-1.6-4.3-5.2-6.3-9.8-3.8-4.4-1.2-5.5-3-9.9-4.3 11-3.5 18.8-4.3 29.8-7.8l7.7 6.8c1.5.9 2.9 1.1 3.8 0 6.9-10 10-18.7 16.3-25.3 2.5-2.8 5.6-6.4 9-7.3 1.7-.5 3.8-.2 5.2 1.3 1.3 1.4 2.4 4.1 2 8.2-.7 5.7-2.1 7.6-3.7 11-1.7 3.5-3.6 5.6-5.7 8.3-4 5.3-9.4 8.4-12.6 10.5-6.4 4.1-9 2.3-14 2-6.4.7-8 3.8-2.8 8.1 4.8 2.6 9.2 2.9 12.8 2.2 3-.6 6.6-4.5 9.2-6.6 2.8-3.3 7.6.6 4.3 4.5-5.9 7-11.7 11.6-19 11.5-7.7 1-6.2 5.3-1.2 7.4 9.2 3.7 17.4-3.3 21.6-8 3.2-3.5 5.5-3.6 5 1.9-3.3 9.9-7.6 13.7-14.8 14.2-5.8-.6-5.9 4-1.6 7 9.6 6.6 16.6-4.8 19.9-11.6 2.3-6.2 5.9-3.3 6.3 1.8 0 6.9-3 12.4-11.3 19.4 6.3 10.1 13.7 20.4 20 30.5l19.2-214L320 139c-2-1.8-8.8-9.8-10.5-11-.7-.6-1-1-.1-1.4.9-.4 3-.8 4.5-1-4-4.1-7.6-5.4-15.3-7.6 1.9-.8 3.7-.4 9.3-.6a30.2 30.2 0 0 0-13.5-10.2c4.2-3 5-3.2 9.2-6.7a86.3 86.3 0 0 1-19.5-3.8 37.4 37.4 0 0 0-12-3.4zm.8 8.4c3.8 0 6.1 1.3 6.1 2.9 0 1.6-2.3 2.9-6.1 2.9s-6.2-1.5-6.2-3c0-1.6 2.4-2.8 6.2-2.8z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640 0)" xlink:href="#a"/></svg>

demo/dist/img/flags/am.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="red" d="M0 0h640v160H0z"/><path fill="#00f" d="M0 160h640v160H0z"/><path fill="orange" d="M0 320h640v160H0z"/></svg>

demo/dist/img/flags/ao.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="red" d="M0 0h640v243.6H0z"/><path d="M0 236.4h640V480H0z"/></g><path fill="#ffec00" fill-rule="evenodd" d="M228.7 148.2c165.2 43.3 59 255.6-71.3 167.2l-8.8 13.6c76.7 54.6 152.6 10.6 174-46.4 22.2-58.8-7.6-141.5-92.6-150l-1.3 15.6z"/><path fill="#ffec00" fill-rule="evenodd" d="M170 330.8l21.7 10.1-10.2 21.8-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6 8.7 22.3-22.3 8.7zm-26-29.1l17.1-16.9 16.9 17-17 16.9zm-26.2-39.8l22.4 8.4-8.5 22.4-22.4-8.4zM316 270l22.3 8.9-9 22.2-22.2-8.9zm-69.9 70l22-9.3 9.5 22-22 9.4zm-39.5 2.8h24v24h-24zm41.3-116l-20.3-15-20.3 14.6 8-23-20.3-15h24.5l8.5-22.6 7.8 22.7 24.7-.3-19.6 15.3 7 23.4z"/><path fill="#fe0" fill-rule="evenodd" d="M336 346.4c-1.2.4-6.2 12.4-9.7 18.2l3.7 1c13.6 4.8 20.4 9.2 26.2 17.5a7.9 7.9 0 0 0 10.2.7s2.8-1 6.4-5c3-4.5 2.2-8-1.4-11.1-11-8-22.9-14-35.4-21.3z"/><path fill-rule="evenodd" d="M365.3 372.8a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.6 0zm-21.4-13.6a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.7 0zm10.9 7a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.7 0z"/><path fill="#fe0" fill-rule="evenodd" d="M324.5 363.7c-42.6-24.3-87.3-50.5-130-74.8-18.7-11.7-19.6-33.4-7-49.9 1.2-2.3 2.8-1.8 3.4-.5 1.5 8 6 16.3 11.4 21.5C247 288.4 290 315.8 334 345.6c-3.4 5.8-6 12.3-9.5 18z"/><path fill="#ffec00" fill-rule="evenodd" d="M297.2 305.5l17.8 16-16 17.8-17.8-16z"/><path fill="none" stroke="#000" stroke-width="3" d="M331.5 348.8l-125-75.5m109.6 58.1L274 304.1m18.2 42.7L249.3 322"/></svg>

demo/dist/img/flags/aq.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#3a7dce" fill-rule="evenodd" d="M0 0h640v480H0z"/><path fill="#fff" d="M184.8 225.3c-2.9-5.9-2.9-5.9-2.9-11.8-1.4 0-1.7.3-2.5 0-.8-.2-1.2 5.5-3.9 4.4-.4-.6 2-4.7-.6-6.4-.8-.5.2-3.9-.2-5.4 0 0-3.3 1.8-5.7-4.4-1.3-1.6-3 1.5-3 1.5s.8 1.9-.5 2.3c-1.9-1.4-3.2-.6-5.6-2.5-2.3-2 .5-4.1-4-5.7 3-7.4 3-6 10.2-8.9-4.4-3-4.4-3-7.3-7.4-4.3-1.4-5.7-3-10-5.9-5.8-7.3-8.7-22.1-8.7-32.4 3.6-3.5 8.6 11.8 15.9 16.2l10 4.4c5.8 3 7.3 6 11.6 8.9l13 4.4c5.8 4.4 8.7 10.3 13 11.8 4.7 0 5.6-2.7 7.1-3 8.5-.4 12.8-1.5 14.5-4 1.7-2.2 5.8 1.1 17.4-3.3l-1.5-6s3.1-2.5 7.3-1.4c-.2-2.7-.4-9.9 3.7-13.1-2.5-2.7-.9-4.6-.9-4.6s2.3-2.3 2.6-3.5c-1.2-6.5 1-6.6 1.6-8.5s-2-1.2-1.3-3.9c.7-2.6 4.9-3.2 5.5-5.4.5-2.2-1.2-3.3-1.1-3.8.9-2 .1-7 0-8.9 7.7-2 10.3-8.5 13-5.9 1.4-8.8 2.8-11.8 11.5-11.8 1.2-2.7-3.1-5-1.4-5.9 2.9-.3 5-.2 8.5 4.3 1 1.4 1.2-2 2.3-2.4 1-.4 3.7-.4 4-2.2.5-1.8 1-4.1 2.5-7 1.2-2.5 2.2.9 3.2 5.6 6.1.2 19.9 1.6 25.7 3.2 4.3 1.1 7.2-1.2 11.3-1.6 3.1 3.1 6 .8 7.6 7.5 2.3 3.6 6 .3 6.9 1.3 4.8 13.6 21.4 4.5 22.7 4.7 2 0 4.7 6 6.3 6 2.8-.5 2-2.4 4.4-1.7-.7 5.2 4.6 11 4.6 14.9 0 0 1.3.6 2.5-.5s2.3-4 3.3-4l6.5 1.2c7.8 2.8 11.8 3.4 14.8 4.8 1.5 2.6 2.8 4 5.7 3.5 2.4 1.6.6 3.8 2 3.9 3-1.5 3.9-3.1 6.8-1.6a17.6 17.6 0 0 1 7.2 7.4c0 1.4-1.5 7.3 0 16.2.7 3 1 5.3 4.1 10.3-.8 5.3 4 14 4 16.2 0 3-2.4 4.5-3.8 7.5 5.8 4.4 0 11.8-2.9 16.2 21.7 4.4 11.6 13.3 28.9 8.8-4.3 10.4-2.8 9.5 1.5 19.9-8.6 5.9-.2 7.7-6 15-.3.5 3.5 6.5 8.8 6.5-1.4 11.8-5.8 7.4-4.3 25-11.4-.2-6.8 13.3-14.4 11.9.4 8.4 4.3 9.2 2.8 17.7-5.7 1.5-5.7 1.5-8.6 5.9l-4.4-1.5c-1.4 7.4-4.3 8.9 0 16.3H439c-.1 2.5 2.5 3.2 3 5.9-.3 1-8.3 5.7-14.5 5.9-1.6 3.6 4.3 7.5 4 9.3-6.8 1.4-9.8 9.9-9.8 9.9s3.5 1.4 2.9 3c-1.9-1.5-2.9-1.6-5.8-1.6-1.4.4-5 0-8.3 5.8-3.7 1.2-5.5.8-8.3 4.6-1.2-3.7-3 0-5.2 1.4s-5.1 4.9-5.5 4.7c0-1 1.3-4.7 1.3-4.7l-7.2 1.5-.9.1c-.5 0-.4-4.3-1.8-4.1-1.3.1-5.2 5.5-6.6 5.6-1.3.2-1.7-1.7-2.9-1.5-1.1.2-3.4 5.6-4.2 5.8-.8.1-4-3.4-6.8-2.9-14.2 5.1-16.4-10-18.7-1.5-3-1.6-2.4-.7-5.4.1-2 .5-2.1-2.6-3.9-2.5-3.4 0-3.2 3.4-5.1 2.4-1.5-7-10.8-5.7-11.7-8.6-.7-3.1 4-3 5.6-5.2 1.1-3-1.3-4.1 3.5-7 6.2-4.3 2.6-6 3.7-9.2 2-4.6 2-5.8.4-9.9 0 0-4.9-13.2-5.8-13.2-3-.9-3 4.9-7.2 6.4-8.6 3-24-7.5-26.6-7.5-2.4 0-13.7 2.8-13.3-3-1.6 5.6-7.8 1.3-8.2 1.3-5.8 0-3.6 4.6-7.5 4.4-1.7-.6-19.5-1.6-19.5-1.6v3l-11.6-6-10-3c-8.7-2.9-4.4-10.3-18.8-5.8v-9H195c3-17.6 0-8.8-1.4-25l-5.8 1.5c-5.7-8 8-6.5-4.3-11.8 0 0 .2-8.8-2.9-6-.6.4 1.5 4.5 1.5 4.5-11.6-1.5-14.5-4.4-14.5-16.2 0 0 9.5 1.3 8.7 0a73 73 0 0 1-2.8-17.6c-.2-2 8.8-6.8 7-11.5 1.2-.4 4.4-.5 4.4-.5"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M574.6 284.3a3 3 0 0 0 0 2.8c1-1.3.2-1.9 0-2.8z"/><path fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2" d="M203.3 167.8s-2.4-.3-1.9 1.8c.8-1.7 1.8-1.7 1.9-1.8zm.5-5c-1.3 0-3-.2-2.4 2 .8-1.7 2.4-1.9 2.4-2zm9.1 28.3s2.1-.1 1.6 2c-.8-1.6-1.5-1.9-1.6-2z"/></svg>

demo/dist/img/flags/ar.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><path fill="#74acdf" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 160h640v160H0z"/><g id="c" transform="translate(-64) scale(.96)"><path id="a" fill="#f6b40e" stroke="#85340a" stroke-width="1.1" d="M396.8 251.3l28.5 62s.5 1.2 1.3.9c.8-.4.3-1.5.3-1.5l-23.7-64m-.7 24.1c-.4 9.4 5.4 14.6 4.7 23-.8 8.5 3.8 13.2 5 16.5 1 3.3-1.3 5.2-.3 5.7s3-2.1 2.4-6.8c-.7-4.6-4.2-6-3.4-16.3.8-10.3-4.2-12.7-3-22"/><use width="100%" height="100%" transform="rotate(22.5 400 250)" xlink:href="#a"/><use width="100%" height="100%" transform="rotate(45 400 250)" xlink:href="#a"/><use width="100%" height="100%" transform="rotate(67.5 400 250)" xlink:href="#a"/><path id="b" fill="#85340a" d="M404.3 274.4c.5 9 5.6 13 4.6 21.3 2.2-6.5-3.1-11.6-2.8-21.2m-7.7-23.8l19.5 42.6-16.3-43.9"/><use width="100%" height="100%" transform="rotate(22.5 400 250)" xlink:href="#b"/><use width="100%" height="100%" transform="rotate(45 400 250)" xlink:href="#b"/><use width="100%" height="100%" transform="rotate(67.5 400 250)" xlink:href="#b"/></g><use width="100%" height="100%" transform="rotate(90 320 240)" xlink:href="#c"/><use width="100%" height="100%" transform="rotate(180 320 240)" xlink:href="#c"/><use width="100%" height="100%" transform="rotate(-90 320 240)" xlink:href="#c"/><circle cx="320" cy="240" r="26.7" fill="#f6b40e" stroke="#85340a" stroke-width="1.4"/><path id="h" fill="#843511" d="M329.1 234.3c-1.8 0-3.6.8-4.6 2.4 2 1.9 6.6 2 9.7-.2a7 7 0 0 0-5.1-2.2zm0 .4c1.7 0 3.4.8 3.6 1.6-2 2.3-5.3 2-7.4.4a4.3 4.3 0 0 1 3.8-2z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#d"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#e"/><use width="100%" height="100%" transform="translate(18.1)" xlink:href="#f"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#g"/><path fill="#85340a" d="M316 243.7a1.9 1.9 0 1 0 1.8 2.9 4 4 0 0 0 2.2.6h.2a3.9 3.9 0 0 0 2.3-.6 1.9 1.9 0 1 0 1.8-3c.5.3.8.7.8 1.3 0 .6-.5 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2 3 3 0 0 1-2.6 1.7 3 3 0 0 1-2.5-1.7 1.2 1.2 0 0 1-1.3 1.2c-.6 0-1.2-.6-1.2-1.2s.3-1 .8-1.2zm2 5.5c-2.1 0-3 1.8-4.8 3 1-.4 1.9-1.2 3.3-2s2.7.2 3.5.2c.8 0 2-1 3.5-.2 1.4.8 2.3 1.6 3.3 2-1.9-1.2-2.7-3-4.8-3a5.5 5.5 0 0 0-2 .6 5.5 5.5 0 0 0-2-.7z"/><path fill="#85340a" d="M317.2 251.6c-.8 0-1.8.2-3.4.6 3.7-.8 4.5.5 6.2.5 1.6 0 2.4-1.3 6.1-.5-4-1.2-4.9-.4-6.1-.4-.8 0-1.4-.3-2.8-.2z"/><path fill="#85340a" d="M314 252.2h-.8c4.3.5 2.3 3 6.8 3s2.5-2.5 6.8-3c-4.5-.4-3.1 2.3-6.8 2.3-3.5 0-2.4-2.3-6-2.3zm9.7 6.7a3.7 3.7 0 0 0-7.4 0 3.8 3.8 0 0 1 7.4 0z"/><path id="e" fill="#85340a" d="M303.4 234.3c4.7-4.1 10.7-4.8 14-1.7a8 8 0 0 1 1.5 3.5c.4 2.3-.3 4.8-2.1 7.4l.8.4a14.6 14.6 0 0 0 1.6-9.4 13.3 13.3 0 0 0-.6-2.3c-4.5-3.7-10.7-4-15.2 2z"/><path id="d" fill="#85340a" d="M310.8 233c2.7 0 3.3.7 4.5 1.7 1.2 1 1.9.8 2 1 .3.2 0 .8-.3.6-.5-.2-1.3-.6-2.5-1.6s-2.5-1-3.7-1c-3.7 0-5.7 3-6.2 2.8-.3-.2 2.1-3.5 6.2-3.5z"/><use width="100%" height="100%" transform="translate(-18.4)" xlink:href="#h"/><circle id="f" cx="310.9" cy="236.3" r="1.9" fill="#85340a"/><path id="g" fill="#85340a" d="M305.9 237.5c3.5 2.7 7 2.5 9 1.3 2-1.3 2-1.7 1.6-1.7-.4 0-.8.4-2.4 1.3-1.7.8-4.1.8-8.2-.9z"/></svg>

demo/dist/img/flags/at.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd"><path fill="#fff" d="M640 480H0V0h640z"/><path fill="#df0000" d="M640 480H0V320h640zm0-319.9H0V.1h640z"/></g></svg>

demo/dist/img/flags/au.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g stroke-width="1pt"><path fill="#006" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0v28l307 222h38.7v-28L38.7 0H0zm345.7 0v28l-307 222H0v-28L307 0h38.7z"/><path fill="#fff" d="M144 0v250h57.6V0H144zM0 83.3v83.4h345.7V83.3H0z"/><path fill="#c00" d="M0 100v50h345.7v-50H0zM155.6 0v250H190V0h-34.5zM0 250l115.2-83.3H141L25.8 250H0zM0 0l115.2 83.3H89.5L0 18.6V0zm204.7 83.3L319.9 0h25.8L230.5 83.3h-25.8zm141 166.7l-115.2-83.3h25.7l89.5 64.7V250z"/><path fill="#fff" fill-rule="evenodd" d="M299.8 392.5l-43.7 3.8 6 43.4L232 408l-30.1 31.7 6-43.4-43.7-3.8 37.7-22.3-24.3-36.5 41 15.5 13.4-41.7 13.5 41.7 41-15.5-24.3 36.5m224.4 62.3L476 416.7l17.8 6.7 5.8-18.1 5.8 18.1 17.8-6.7-10.5 15.8 16.4 9.7-19 1.7 2.6 18.9-13-13.9-13.2 13.9 2.6-18.9-19-1.6m16.4-291.9L476 134.6l17.8 6.7 5.8-18.1 5.8 18.1 17.8-6.7-10.5 15.8 16.4 9.8-19 1.6 2.6 18.9-13-13.8-13.2 13.7 2.6-18.8-19-1.6M380.8 265l-10.5-15.8 17.8 6.7 5.8-18.1 5.9 18.1 17.8-6.7L407 265l16.4 9.7-19 1.7 2.7 18.9-13.2-13.9-13 13.9 2.5-18.9-19-1.6m216.3-38L570 221l17.8 6.7 5.8-18.1 5.9 18.1 17.8-6.7-10.5 15.8 16.3 9.7-19 1.7 2.6 18.8-13-13.8-13.2 13.8 2.6-18.8-19-1.7M542 320l-10.3 6.5 2.9-11.9-9.3-7.8 12.1-1 4.6-11.2 4.7 11.3 12.1.9-9.3 7.8 2.9 11.9"/></g></svg>

demo/dist/img/flags/ax.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M106.3 0h1133.3v850H106.3z"/></clipPath></defs><g clip-path="url(#a)" transform="matrix(.56472 0 0 .56482 -60 -.1)"><path fill="#0053a5" d="M0 0h1300v850H0z"/><g fill="#ffce00"><path d="M400 0h250v850H400z"/><path d="M0 300h1300v250H0z"/></g><g fill="#d21034"><path d="M475 0h100v850H475z"/><path d="M0 375h1300v100H0z"/></g></g></svg>

demo/dist/img/flags/az.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#3f9c35" d="M.1 0h640v480H.1z"/><path fill="#ed2939" d="M.1 0h640v320H.1z"/><path fill="#00b9e4" d="M.1 0h640v160H.1z"/><circle cx="304" cy="240" r="72" fill="#fff"/><circle cx="320" cy="240" r="60" fill="#ed2939"/><path fill="#fff" d="M384 200l7.7 21.5 20.6-9.8-9.8 20.7L424 240l-21.5 7.7 9.8 20.6-20.6-9.8L384 280l-7.7-21.5-20.6 9.8 9.8-20.6L344 240l21.5-7.7-9.8-20.6 20.6 9.8L384 200z"/></svg>

demo/dist/img/flags/ba.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-85.3 0h682.6v512H-85.3z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(80) scale(.9375)"><path fill="#009" d="M-85.3 0h682.6v512H-85.3V0z"/><path fill="#FC0" d="M56.5 0l511 512.3V.3L56.5 0z"/><path fill="#FFF" d="M439.9 481.5L412 461.2l-28.6 20.2 10.8-33.2-28.2-20.5h35l10.8-33.2 10.7 33.3h35l-28 20.7 10.4 33zm81.3 10.4l-35-.1-10.7-33.3-10.8 33.2h-35l28.2 20.5-10.8 33.2 28.6-20.2 28 20.3-10.5-33 28-20.6zM365.6 384.7l28-20.7-35-.1-10.7-33.2-10.8 33.2-35-.1 28.2 20.5-10.8 33.3 28.6-20.3 28 20.4-10.5-33zm-64.3-64.5l28-20.6-35-.1-10.7-33.3-10.9 33.2h-34.9l28.2 20.5-10.8 33.2 28.6-20.2 27.9 20.3-10.4-33zm-63.7-63.6l28-20.7h-35L220 202.5l-10.8 33.2h-35l28.2 20.4-10.8 33.3 28.6-20.3 28 20.4-10.5-33zm-64.4-64.3l28-20.6-35-.1-10.7-33.3-10.9 33.2h-34.9L138 192l-10.8 33.2 28.6-20.2 27.9 20.3-10.4-33zm-63.6-63.9l27.9-20.7h-35L91.9 74.3 81 107.6H46L74.4 128l-10.9 33.2L92.1 141l27.8 20.4-10.3-33zm-64-64l27.9-20.7h-35L27.9 10.3 17 43.6h-35L10.4 64l-11 33.3L28.1 77l27.8 20.4-10.3-33zm-64-64L9.4-20.3h-35l-10.7-33.3L-47-20.4h-35L-53.7 0l-10.8 33.2L-35.9 13l27.8 20.4-10.3-33z"/></g></svg>

demo/dist/img/flags/bb.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><path fill="#00267f" d="M0 0h640v480H0z"/><path fill="#ffc726" d="M213.3 0h213.4v480H213.3z"/><path id="a" d="M319.8 135.5c-7 19-14 38.6-29.2 53.7 4.7-1.6 13-3 18.2-2.8v79.5l-22.4 3.3c-.8 0-1-1.3-1-3-2.2-24.7-8-45.5-14.8-67-.5-2.9-9-14-2.4-12 .8 0 9.5 3.6 8.2 1.9a85 85 0 0 0-46.4-24c-1.5-.3-2.4.5-1 2.2 22.4 34.6 41.3 75.5 41.1 124 8.8 0 30-5.2 38.7-5.2v56.1H320l2.5-156.7z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 639.5 0)" xlink:href="#a"/></svg>

demo/dist/img/flags/bd.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#006a4e" d="M0 0h640v480H0z"/><circle cx="280" cy="240" r="160" fill="#f42a41"/></svg>

demo/dist/img/flags/be.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path d="M0 0h213.3v480H0z"/><path fill="#ffd90c" d="M213.3 0h213.4v480H213.3z"/><path fill="#f31830" d="M426.7 0H640v480H426.7z"/></g></svg>

demo/dist/img/flags/bf.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd"><path fill="#de0000" d="M640 479.6H.4V0H640z"/><path fill="#35a100" d="M639.6 480H0V240.2h639.6z"/><path fill="#fff300" d="M254.6 276.2l-106-72.4h131L320 86.6 360.4 204l131-.1-106 72.4 40.5 117.3-106-72.6L214 393.4"/></g></svg>