mirror of
https://github.com/tabler/tabler.git
synced 2025-12-23 10:24:24 +04:00
Compare commits
203 Commits
v1.0.0-alp
...
v1.0.0-bet
| Author | SHA1 | Date | |
|---|---|---|---|
|
65de9e5e61 | ||
|
|
2d0a81c811 | ||
|
|
6b854df327 | ||
|
|
b305f270ea | ||
|
|
2c3b3e3432 | ||
|
|
fbd88bbf71 | ||
|
|
b2a0266b61 | ||
|
|
16744074d0 | ||
|
|
7e40b95a91 | ||
|
|
1217bd7337 | ||
|
|
c7cba00587 | ||
|
|
a7f645a6f9 | ||
|
|
76b70d2ac4 | ||
|
|
f93df2f080 | ||
|
|
f784abb8cb | ||
|
|
d199d4d050 | ||
|
|
86e6fb17bb | ||
|
|
07d58ddeb4 | ||
|
|
ee12babd4f | ||
|
|
e893c46a95 | ||
|
|
0b6621c2cc | ||
|
|
d67b664a71 | ||
|
|
5cc64487d5 | ||
|
|
5acc8d73f6 | ||
|
|
2329cf5737 | ||
|
|
4ec2bff5f4 | ||
|
|
ad3bc73563 | ||
|
|
2594cad0bf | ||
|
|
c4fe7f0b8a | ||
|
|
ad4573eb66 | ||
|
|
7722615961 | ||
|
|
58db3300b6 | ||
|
|
9acd29ebd0 | ||
|
|
bcfd8f0dd0 | ||
|
|
1542945658 | ||
|
|
b1af6143d3 | ||
|
|
1ba76551f9 | ||
|
|
650b15b680 | ||
|
|
1941ee20ae | ||
|
|
f6c235e38b | ||
|
|
6cece1ea36 | ||
|
|
429c8e831a | ||
|
|
9246295721 | ||
|
|
300c225636 | ||
|
|
0c0d344107 | ||
|
|
21c1ae3bd7 | ||
|
|
768065768d | ||
|
629e129b03 | ||
|
|
dace4f8092 | ||
|
|
006b1d9344 | ||
|
|
199899968b | ||
|
|
53809dc650 | ||
|
|
c436e490b7 | ||
|
|
65a68348dd | ||
|
|
acc31ea0d1 | ||
|
|
92b349f7fb | ||
|
|
a83b4bc97a | ||
|
|
cd91b833b7 | ||
|
|
e3d0b57b2e | ||
|
|
f49eb84828 | ||
|
|
9f107202de | ||
|
|
7a97b94209 | ||
|
|
77d1ae1a47 | ||
|
|
2e8191cd60 | ||
|
|
695ad78581 | ||
|
|
7a69e8f6ef | ||
|
|
b3fd7ebbfb | ||
|
|
2356a3e4ed | ||
|
|
31a1781ba5 | ||
|
|
38f99626d1 | ||
|
|
48670c2c26 | ||
|
|
b6a1d9d32d | ||
|
|
ad5194a511 | ||
|
f0864a5ae7 | ||
|
|
31007d3e5b | ||
|
|
c8ad7243b1 | ||
|
|
e5841fa57e | ||
|
|
e61c117144 | ||
|
|
6a005cf24f | ||
|
|
ab4e223ed3 | ||
|
|
d89d152190 | ||
|
5e1f480c1b | ||
|
|
0a4d4ed935 | ||
|
|
201a967dcf | ||
|
|
afb9111ab4 | ||
|
|
2379606e5b | ||
|
|
057d0871b6 | ||
|
|
fba0601971 | ||
|
|
2a1ea76b0a | ||
|
|
3bd078d698 | ||
|
|
0624af8bac | ||
|
|
958da4cb43 | ||
|
|
0a7eb885ed | ||
|
|
4c046bbb72 | ||
|
c6070021bf | ||
|
|
0e49011cb1 | ||
|
|
3cc5c57c00 | ||
|
|
f8619765c9 | ||
|
ccde6615c7 | ||
|
|
30603f7b51 | ||
|
|
674f486325 | ||
|
|
f90aa8d0b7 | ||
|
|
3b999b7cfe | ||
|
|
ebe61bfb33 | ||
|
|
8d5481f865 | ||
|
201db3eed8 | ||
|
|
e7141220e3 | ||
|
|
1ae93a9e50 | ||
|
|
fa7f870ab6 | ||
|
|
9888183e0a | ||
|
|
b8ae6be923 | ||
|
|
9663600950 | ||
|
|
aec7fb5fdc | ||
|
|
3d9a5207fe | ||
|
|
a1153aae83 | ||
|
|
c614f07252 | ||
|
|
17ec2c39a1 | ||
|
|
effcff4c65 | ||
|
|
bdcb3b2fe1 | ||
|
|
7e515aa12b | ||
|
|
0298c61324 | ||
|
|
e737b9b248 | ||
|
|
9d4314a58a | ||
|
|
ecfe3efc31 | ||
|
|
dfd1e8b4bc | ||
|
|
ef132812a7 | ||
|
|
d2526c2af9 | ||
|
|
ad7c1bc6aa | ||
|
|
f3be0c14d9 | ||
|
|
7e2d096a46 | ||
|
e6c09ab02b | ||
|
|
a3eb6744ee | ||
|
|
5b5571f93b | ||
|
|
e1691bc7ad | ||
|
|
5c0bff07eb | ||
|
|
475935b7d4 | ||
|
|
1fb2cd15d3 | ||
|
|
57575c37b4 | ||
|
d4732aa72b | ||
|
|
3b6458f436 | ||
|
|
6cba4883ff | ||
|
|
62b0e8a6bf | ||
|
|
7ff3549c35 | ||
|
|
57508c04de | ||
|
|
ee0e7fcbf3 | ||
|
|
5589a71f6f | ||
|
|
c72e780668 | ||
|
|
8059a68cf8 | ||
|
|
8507e6622a | ||
|
|
4ea3716686 | ||
|
|
f8eaddf479 | ||
|
|
069c0ef9b9 | ||
|
|
722a332b41 | ||
|
|
4d8891d77a | ||
|
|
eb93e6d918 | ||
|
|
b5ceaca0a4 | ||
|
|
519386ccb7 | ||
|
|
b59e07425e | ||
|
|
1fe6bd311d | ||
|
|
c2558cc3f4 | ||
|
|
d3a8cb075c | ||
|
|
32d7e0e107 | ||
|
00b052a7a0 | ||
|
|
bdf4995507 | ||
|
|
17c0fc2507 | ||
|
|
a6288b4cbd | ||
|
|
79f7023663 | ||
|
|
523de80a52 | ||
|
|
806b119a10 | ||
|
|
728b032c56 | ||
|
|
81720ec980 | ||
|
|
12c3503a21 | ||
|
|
a1abd45fac | ||
|
|
22e5fcb70e | ||
|
|
5455cbd641 | ||
|
|
d2e8d39ad1 | ||
|
|
f5a461ee01 | ||
|
|
5c97599ca0 | ||
|
|
b114114e58 | ||
|
|
bf32b9afe0 | ||
|
|
f3de51546b | ||
|
|
cf595d616b | ||
|
|
da46ca4dd4 | ||
|
|
b93a6fc962 | ||
|
|
9233d468bc | ||
|
|
220a30813b | ||
|
|
81f6a2c070 | ||
|
|
73e15ce04a | ||
|
|
5be8aa444f | ||
|
|
728e757c69 | ||
|
|
28246e2648 | ||
|
|
f718d6b590 | ||
|
|
ac6bd14e25 | ||
|
|
057192efbb | ||
|
|
2fd8ce5d17 | ||
|
|
2cbaa1a0b1 | ||
|
|
f5d1e169c5 | ||
|
|
9e396532b9 | ||
|
|
8381f5b989 | ||
|
|
57a4c54ad8 | ||
|
|
7f56afc852 | ||
|
|
df261777e2 | ||
|
|
3cce1c5963 |
2
Gemfile
2
Gemfile
@@ -1,6 +1,6 @@
|
|||||||
source "https://rubygems.org"
|
source "https://rubygems.org"
|
||||||
|
|
||||||
gem "jekyll", "4.1.1"
|
gem "jekyll", "4.2.0"
|
||||||
|
|
||||||
group :jekyll_plugins do
|
group :jekyll_plugins do
|
||||||
gem "jekyll-random"
|
gem "jekyll-random"
|
||||||
|
|||||||
2
LICENSE
2
LICENSE
@@ -1,6 +1,6 @@
|
|||||||
The MIT License (MIT)
|
The MIT License (MIT)
|
||||||
|
|
||||||
Copyright (c) 2018-2019 The Tabler Authors
|
Copyright (c) 2018-2021 The Tabler Authors
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
|||||||
31
README.md
31
README.md
@@ -1,15 +1,31 @@
|
|||||||
# Tabler
|
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<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.
|
A premium and open source dashboard template with a responsive and high-quality UI.
|
||||||
|
</p>
|
||||||
|
|
||||||
<a href="https://preview.tabler.io">View Demo</a> | <a href="https://github.com/tabler/tabler-react">View React Version</a> | <a href="https://github.com/tabler/tabler/archive/master.zip">Download ZIP</a>
|
<p align="center">
|
||||||
|
<a href="https://www.npmjs.com/package/@tabler/core" target="__blank"><img src="https://img.shields.io/npm/v/@tabler/core?color=1864ab&label=Latest+version" alt="NPM version"></a>
|
||||||
|
<a href="https://www.npmjs.com/package/@tabler/core" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@tabler/core?color=1971c2&label=Downloads"></a>
|
||||||
|
<a href="https://preview.tabler.io" target="__blank"><img src="https://img.shields.io/static/v1?label=Demo&message=preview&color=228be6" alt="Tabler preview"></a>
|
||||||
|
<a href="https://github.com/tabler/tabler/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tabler.svg?label=License&message=MIT&color=1c7ed6" alt="License"></a>
|
||||||
|
<a href="https://github.com/tabler/tabler/archive/dev.zip" target="__blank"><img src="https://img.shields.io/static/v1?label=Download&message=ZIP&color=339af0" alt="Tabler preview"></a>
|
||||||
|
<br>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://github.com/sponsors/codecalm">
|
||||||
|
<img src='https://raw.githubusercontent.com/tabler/static/main/sponsors.svg'>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
## Status
|
## Preview
|
||||||
|
|
||||||
<a href="#backers" alt="Backers Open Collective"><img src="https://opencollective.com/tabler/backers/badge.svg"/></a> <a href="#sponsors" alt="Sponsors on Open Collective"><img src="https://opencollective.com/tabler/sponsors/badge.svg"/></a> <a href="https://www.npmjs.com/package/tabler"><img src="https://img.shields.io/npm/dt/tabler.svg" alt="Total Downloads"></a> <a href="https://github.com/tabler/tabler/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tabler.svg" alt="License"></a> <a href="https://github.com/tabler/tabler/releases"><img src="https://img.shields.io/npm/v/@tabler/core.svg" alt="Latest Release"></a>
|
Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful! <a href="https://preview.tabler.io">Show me demo</a>
|
||||||
|
|
||||||
|
<a href="https://preview.tabler.io" target="_blank"><img src="https://raw.githubusercontent.com/tabler/tabler/dev/src/static/tabler-preview.png" alt="Tabler preview"></a>
|
||||||
|
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
@@ -23,10 +39,9 @@ We've created this admin panel for everyone who wants to create templates based
|
|||||||
* **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!
|
* **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!
|
||||||
* **Single Page Application versions:** [Tabler React](https://github.com/tabler/tabler-react) has React components for Tabler.
|
* **Single Page Application versions:** [Tabler React](https://github.com/tabler/tabler-react) has React components for Tabler.
|
||||||
|
|
||||||
|
|
||||||
## Sponsor Tabler
|
## Sponsor Tabler
|
||||||
|
|
||||||
<a href="https://github.com/sponsors/codecalm" target="_blank"><img src="/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>
|
<a href="https://github.com/sponsors/codecalm" target="_blank"><img src="/src/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>
|
||||||
|
|
||||||
|
|
||||||
### Sponsors
|
### Sponsors
|
||||||
@@ -67,7 +82,7 @@ Once you complete the setup, you'll be able to run the various commands provided
|
|||||||
|
|
||||||
1. From the root `/tabler` directory, run `npm run start` in the command line.
|
1. From the root `/tabler` directory, run `npm run start` in the command line.
|
||||||
2. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
|
2. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
|
||||||
3. Any change in the `/pages` directory will build the application and refresh the page.
|
3. Any change in the `/src` directory will build the application and refresh the page.
|
||||||
|
|
||||||
**Note**:
|
**Note**:
|
||||||
Run `npm run build` for reforms a one off build application without refresh.
|
Run `npm run build` for reforms a one off build application without refresh.
|
||||||
|
|||||||
12
_config.yml
12
_config.yml
@@ -10,16 +10,21 @@ keep_files:
|
|||||||
- playground.html
|
- playground.html
|
||||||
|
|
||||||
use-iconfont: false
|
use-iconfont: false
|
||||||
|
rtl: false
|
||||||
|
|
||||||
title: Tabler
|
title: Tabler
|
||||||
description: Premium and Open Source dashboard template with responsive and high quality UI.
|
description: Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
homepage: https://tabler.io
|
homepage: https://tabler.io
|
||||||
github-url: https://github.com/tabler/tabler
|
github-url: https://github.com/tabler/tabler
|
||||||
|
github-sponsors-url: https://github.com/sponsors/codecalm
|
||||||
changelog-url: https://github.com/tabler/tabler/releases
|
changelog-url: https://github.com/tabler/tabler/releases
|
||||||
sponsor-url: https://github.com/sponsors/codecalm
|
sponsor-url: https://github.com/sponsors/codecalm
|
||||||
preview-url: https://preview.tabler.io
|
preview-url: https://preview.tabler.io
|
||||||
|
|
||||||
mapbox_key: pk.eyJ1IjoiY29kZWNhbG0iLCJhIjoiSzRiOVJvQSJ9.BUVkTT6IYs83xSUs4H7bjQ
|
mapbox-key: pk.eyJ1IjoiY29kZWNhbG0iLCJhIjoiSzRiOVJvQSJ9.BUVkTT6IYs83xSUs4H7bjQ
|
||||||
|
google-maps-key: AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI
|
||||||
|
google-maps-dev-key: AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw
|
||||||
|
npm-package: "@tabler/core"
|
||||||
|
|
||||||
debug: false
|
debug: false
|
||||||
|
|
||||||
@@ -31,7 +36,7 @@ plugins:
|
|||||||
- jekyll-timeago
|
- jekyll-timeago
|
||||||
- jekyll-redirect-from
|
- jekyll-redirect-from
|
||||||
|
|
||||||
tabler-plugins:
|
tabler-css-plugins:
|
||||||
- tabler-flags
|
- tabler-flags
|
||||||
- tabler-payments
|
- tabler-payments
|
||||||
- tabler-vendors
|
- tabler-vendors
|
||||||
@@ -59,7 +64,6 @@ defaults:
|
|||||||
path: "*.md"
|
path: "*.md"
|
||||||
values:
|
values:
|
||||||
layout: markdown
|
layout: markdown
|
||||||
|
|
||||||
- scope:
|
- scope:
|
||||||
type: "pages"
|
type: "pages"
|
||||||
values:
|
values:
|
||||||
@@ -128,7 +132,7 @@ variants:
|
|||||||
- name: danger
|
- name: danger
|
||||||
icon: alert-circle
|
icon: alert-circle
|
||||||
|
|
||||||
button-variants:
|
theme-colors:
|
||||||
primary:
|
primary:
|
||||||
class: primary
|
class: primary
|
||||||
title: Primary
|
title: Primary
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -12,37 +12,48 @@
|
|||||||
<meta charset="utf-8"/>
|
<meta charset="utf-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||||
<title>Vector Maps - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
<title>Accordion - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||||
<!-- CSS files -->
|
<!-- CSS files -->
|
||||||
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
|
|
||||||
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href=".">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -51,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -77,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./index.html" >
|
<a class="nav-link" href="./index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -85,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item active dropdown">
|
<li class="nav-item active dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -98,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="./empty.html" >
|
<a class="dropdown-item" href="./empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item active" href="./accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./blank.html" >
|
<a class="dropdown-item" href="./blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -110,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./dropdowns.html" >
|
<a class="dropdown-item" href="./dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -122,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="./maps.html" >
|
<a class="dropdown-item" href="./maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item active" href="./maps-vector.html" >
|
<a class="dropdown-item" href="./map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="./navigation.html" >
|
<a class="dropdown-item" href="./navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./charts.html" >
|
<a class="dropdown-item" href="./charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./pagination.html" >
|
<a class="dropdown-item" href="./pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -148,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="./tables.html" >
|
<a class="dropdown-item" href="./tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./carousel.html" >
|
<a class="dropdown-item" href="./carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -163,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="./markdown.html" >
|
<a class="dropdown-item" href="./markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -175,8 +191,8 @@
|
|||||||
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -191,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./form-elements.html" >
|
<a class="nav-link" href="./form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -199,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -240,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -256,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-vertical.html" >
|
<a class="dropdown-item" href="./layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -273,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -294,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./docs/index.html" >
|
<a class="nav-link" href="./docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -306,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -316,50 +343,70 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<h2 class="page-title">
|
<h2 class="page-title">
|
||||||
Vector Maps
|
Accordion
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row row-cards">
|
</div>
|
||||||
<div class="col-lg-6">
|
<div class="page-body">
|
||||||
<div class="card">
|
<div class="container-xl">
|
||||||
<div class="card-body">
|
<div class="card">
|
||||||
<div class="card-title">World map</div>
|
<div class="card-body">
|
||||||
<div class="ratio ratio-16x9">
|
<div class="accordion" id="accordion-example">
|
||||||
<div>
|
<div class="accordion-item">
|
||||||
<div id="map-world" class="w-100 h-100"></div>
|
<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>
|
</div>
|
||||||
</div>
|
<div class="accordion-item">
|
||||||
</div>
|
<h2 class="accordion-header" id="heading-2">
|
||||||
</div>
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false">
|
||||||
<div class="col-lg-6">
|
Accordion Item #2
|
||||||
<div class="card">
|
</button>
|
||||||
<div class="card-body">
|
</h2>
|
||||||
<div class="card-title">Map of Europe</div>
|
<div id="collapse-2" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
|
||||||
<div class="ratio ratio-16x9">
|
<div class="accordion-body pt-0">
|
||||||
<div>
|
<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 id="map-europe" class="w-100 h-100"></div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="accordion-item">
|
||||||
</div>
|
<h2 class="accordion-header" id="heading-3">
|
||||||
</div>
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false">
|
||||||
<div class="col-lg-6">
|
Accordion Item #3
|
||||||
<div class="card">
|
</button>
|
||||||
<div class="card-body">
|
</h2>
|
||||||
<div class="card-title">Map of USA</div>
|
<div id="collapse-3" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
|
||||||
<div class="ratio ratio-16x9">
|
<div class="accordion-body pt-0">
|
||||||
<div>
|
<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 id="map-usa" class="w-100 h-100"></div>
|
</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>
|
||||||
@@ -370,22 +417,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="./docs/index.html" 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="./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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href="." class="link-secondary">Tabler</a>.
|
<a href="." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -395,61 +449,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<script src="./dist/libs/jquery/dist/jquery.slim.min.js"></script>
|
|
||||||
<script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js"></script>
|
|
||||||
<script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js"></script>
|
|
||||||
<script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js"></script>
|
|
||||||
<script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="./dist/js/tabler.min.js"></script>
|
<script src="./dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
// @formatter:on
|
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
|
||||||
$('#map-world').vectorMap({
|
|
||||||
map: 'world_en',
|
|
||||||
backgroundColor: 'transparent',
|
|
||||||
color: 'rgba(120, 130, 140, .1)',
|
|
||||||
borderColor: 'transparent',
|
|
||||||
scaleColors: ["#d2e1f3", "#206bc4"],
|
|
||||||
normalizeFunction: 'polynomial',
|
|
||||||
values: (chart_data = {"af":16, "al":11, "dz":158, "ao":85, "ag":1, "ar":351, "am":8, "au":1219, "at":366, "az":52, "bs":7, "bh":21, "bd":105, "bb":3, "by":52, "be":461, "bz":1, "bj":6, "bt":1, "bo":19, "ba":16, "bw":12, "br":2023, "bn":11, "bg":44, "bf":8, "bi":1, "kh":11, "cm":21, "ca":1563, "cv":1, "cf":2, "td":7, "cl":199, "cn":5745, "co":283, "km":0, "cd":12, "cg":11, "cr":35, "ci":22, "hr":59, "cy":22, "cz":195, "dk":304, "dj":1, "dm":0, "do":50, "ec":61, "eg":216, "sv":21, "gq":14, "er":2, "ee":19, "et":30, "fj":3, "fi":231, "fr":2555, "ga":12, "gm":1, "ge":11, "de":3305, "gh":18, "gr":305, "gd":0, "gt":40, "gn":4, "gw":0, "gy":2, "ht":6, "hn":15, "hk":226, "hu":132, "is":12, "in":1430, "id":695, "ir":337, "iq":84, "ie":204, "il":201, "it":2036, "jm":13, "jp":5390, "jo":27, "kz":129, "ke":32, "ki":0, "kr":986, "undefined":5, "kw":117, "kg":4, "la":6, "lv":23, "lb":39, "ls":1, "lr":0, "ly":77, "lt":35, "lu":52, "mk":9, "mg":8, "mw":5, "my":218, "mv":1, "ml":9, "mt":7, "mr":3, "mu":9, "mx":1004, "md":5, "mn":5, "me":3, "ma":91, "mz":10, "mm":35, "na":11, "np":15, "nl":770, "nz":138, "ni":6, "ne":5, "ng":206, "no":413, "om":53, "pk":174, "pa":27, "pg":8, "py":17, "pe":153, "ph":189, "pl":438, "pt":223, "qa":126, "ro":158, "ru":1476, "rw":5, "ws":0, "st":0, "sa":434, "sn":12, "rs":38, "sc":0, "sl":1, "sg":217, "sk":86, "si":46, "sb":0, "za":354, "es":1374, "lk":48, "kn":0, "lc":1, "vc":0, "sd":65, "sr":3, "sz":3, "se":444, "ch":522, "sy":59, "tw":426, "tj":5, "tz":22, "th":312, "tl":0, "tg":3, "to":0, "tt":21, "tn":43, "tr":729, "tm":0, "ug":17, "ua":136, "ae":239, "gb":2258, "us":4624, "uy":40, "uz":37, "vu":0, "ve":285, "vn":101, "ye":30, "zm":15, "zw":5}),
|
|
||||||
onLabelShow: function (event, label, code) {
|
|
||||||
if (chart_data[code] > 0) {
|
|
||||||
label.append(': <strong>' + chart_data[code] + '</strong>');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
});
|
|
||||||
// @formatter:off
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
// @formatter:on
|
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
|
||||||
$('#map-europe').vectorMap({
|
|
||||||
map: 'europe_en',
|
|
||||||
backgroundColor: 'transparent',
|
|
||||||
color: 'rgba(120, 130, 140, .1)',
|
|
||||||
borderColor: 'transparent',
|
|
||||||
enableZoom: true,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
// @formatter:off
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
// @formatter:on
|
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
|
||||||
$('#map-usa').vectorMap({
|
|
||||||
map: 'usa_en',
|
|
||||||
backgroundColor: 'transparent',
|
|
||||||
color: 'rgba(120, 130, 140, .1)',
|
|
||||||
borderColor: 'transparent',
|
|
||||||
});
|
|
||||||
});
|
|
||||||
// @formatter:off
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href=".">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./index.html" >
|
<a class="nav-link" href="./index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="./empty.html" >
|
<a class="dropdown-item" href="./empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./blank.html" >
|
<a class="dropdown-item" href="./blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./dropdowns.html" >
|
<a class="dropdown-item" href="./dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="./maps.html" >
|
<a class="dropdown-item" href="./maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./maps-vector.html" >
|
<a class="dropdown-item" href="./maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="./navigation.html" >
|
<a class="dropdown-item" href="./navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./charts.html" >
|
<a class="dropdown-item" href="./charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./pagination.html" >
|
<a class="dropdown-item" href="./pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="./tables.html" >
|
<a class="dropdown-item" href="./tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./carousel.html" >
|
<a class="dropdown-item" href="./carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="./markdown.html" >
|
<a class="dropdown-item" href="./markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./form-elements.html" >
|
<a class="nav-link" href="./form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-vertical.html" >
|
<a class="dropdown-item" href="./layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./docs/index.html" >
|
<a class="nav-link" href="./docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
@@ -327,254 +355,258 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row justify-content-center">
|
</div>
|
||||||
<div class="col-8">
|
<div class="page-body">
|
||||||
<div class="card">
|
<div class="container-xl">
|
||||||
<div class="card-body">
|
<div class="row justify-content-center">
|
||||||
<div class="divide-y-4">
|
<div class="col-8">
|
||||||
<div>
|
<div class="card">
|
||||||
<div class="row">
|
<div class="card-body">
|
||||||
<div class="col-auto">
|
<div class="divide-y">
|
||||||
<span class="avatar">JL</span>
|
<div>
|
||||||
</div>
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col-auto">
|
||||||
<div class="text-truncate">
|
<span class="avatar">JL</span>
|
||||||
<strong>Jeffie Lewzey</strong> commented on your <strong>"I'm not a witch."</strong> post.
|
</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 class="text-muted">yesterday</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-auto align-self-center">
|
|
||||||
<div class="badge bg-primary"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
It's <strong>Mallory Hulme</strong>'s birthday. Wish him well!
|
||||||
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 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>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Dunn Slane</strong> posted <strong>"Well, what do you want?"</strong>.
|
||||||
<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 class="text-muted">today</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-auto align-self-center">
|
|
||||||
<div class="badge bg-primary"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Emmy Levet</strong> created a new project <strong>Morning alarm clock</strong>.
|
||||||
<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 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>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Maryjo Lebarree</strong> liked your photo.
|
||||||
<strong>Maryjo Lebarree</strong> liked your photo.
|
</div>
|
||||||
|
<div class="text-muted">2 days ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">2 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar">EP</span>
|
||||||
<span class="avatar">EP</span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Egan Poetz</strong> registered new client as <strong>Trilia</strong>.
|
||||||
<strong>Egan Poetz</strong> registered new client as <strong>Trilia</strong>.
|
</div>
|
||||||
|
<div class="text-muted">yesterday</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">yesterday</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/002f.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/002f.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Kellie Skingley</strong> closed a new deal on project <strong>Pen Pineapple Apple Pen</strong>.
|
||||||
<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 class="text-muted">2 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/003f.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/003f.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Christabel Charlwood</strong> created a new project for <strong>Wikibox</strong>.
|
||||||
<strong>Christabel Charlwood</strong> created a new project for <strong>Wikibox</strong>.
|
</div>
|
||||||
|
<div class="text-muted">4 days ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">4 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar">HS</span>
|
||||||
<span class="avatar">HS</span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Haskel Shelper</strong> change status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>.
|
||||||
<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 class="text-muted">today</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Lorry Mion</strong> liked <strong>Tabler UI Kit</strong>.
|
||||||
<strong>Lorry Mion</strong> liked <strong>Tabler UI Kit</strong>.
|
</div>
|
||||||
|
<div class="text-muted">yesterday</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">yesterday</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Leesa Beaty</strong> posted new video.
|
||||||
<strong>Leesa Beaty</strong> posted new video.
|
</div>
|
||||||
|
<div class="text-muted">2 days ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">2 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/007m.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/007m.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Perren Keemar</strong> and 3 others followed you.
|
||||||
<strong>Perren Keemar</strong> and 3 others followed you.
|
</div>
|
||||||
|
<div class="text-muted">2 days ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">2 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar">SA</span>
|
||||||
<span class="avatar">SA</span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Sunny Airey</strong> upload 3 new photos to category <strong>Inspirations</strong>.
|
||||||
<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 class="text-muted">2 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/009m.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/009m.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Geoffry Flaunders</strong> made a <strong>$10</strong> donation.
|
||||||
<strong>Geoffry Flaunders</strong> made a <strong>$10</strong> donation.
|
</div>
|
||||||
|
<div class="text-muted">2 days ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">2 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/010m.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/010m.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Thatcher Keel</strong> created a profile.
|
||||||
<strong>Thatcher Keel</strong> created a profile.
|
</div>
|
||||||
|
<div class="text-muted">3 days ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">3 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/005f.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/005f.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Dyann Escala</strong> hosted the event <strong>Tabler UI Birthday</strong>.
|
||||||
<strong>Dyann Escala</strong> hosted the event <strong>Tabler UI Birthday</strong>.
|
</div>
|
||||||
|
<div class="text-muted">4 days ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">4 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar" style="background-image: url(./static/avatars/006f.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(./static/avatars/006f.jpg)"></span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Avivah Mugleston</strong> mentioned you on <strong>Best of 2020</strong>.
|
||||||
<strong>Avivah Mugleston</strong> mentioned you on <strong>Best of 2020</strong>.
|
</div>
|
||||||
|
<div class="text-muted">2 days ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-muted">2 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-auto">
|
||||||
<div class="col-auto">
|
<span class="avatar">AA</span>
|
||||||
<span class="avatar">AA</span>
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
<div class="col">
|
<div class="text-truncate">
|
||||||
<div class="text-truncate">
|
<strong>Arlie Armstead</strong> sent a Review Request to <strong>Amanda Blake</strong>.
|
||||||
<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 class="text-muted">2 days ago</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -587,22 +619,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="./docs/index.html" 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="./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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href="." class="link-secondary">Tabler</a>.
|
<a href="." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -612,11 +651,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="./dist/js/tabler.min.js"></script>
|
<script src="./dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
797
demo/all.html
797
demo/all.html
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href=".">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./index.html" >
|
<a class="nav-link" href="./index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="./empty.html" >
|
<a class="dropdown-item" href="./empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./blank.html" >
|
<a class="dropdown-item" href="./blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./dropdowns.html" >
|
<a class="dropdown-item" href="./dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="./maps.html" >
|
<a class="dropdown-item" href="./maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./maps-vector.html" >
|
<a class="dropdown-item" href="./maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="./navigation.html" >
|
<a class="dropdown-item" href="./navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./charts.html" >
|
<a class="dropdown-item" href="./charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./pagination.html" >
|
<a class="dropdown-item" href="./pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="./tables.html" >
|
<a class="dropdown-item" href="./tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./carousel.html" >
|
<a class="dropdown-item" href="./carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="./markdown.html" >
|
<a class="dropdown-item" href="./markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./form-elements.html" >
|
<a class="nav-link" href="./form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-vertical.html" >
|
<a class="dropdown-item" href="./layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./docs/index.html" >
|
<a class="nav-link" href="./docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
@@ -327,323 +355,353 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row row justify-content-center mt-3 mt-lg-5">
|
</div>
|
||||||
<div class="col-lg-6 col-xl-5">
|
<div class="page-body">
|
||||||
<div class="card">
|
<div class="container-xl">
|
||||||
<div class="card-header">
|
<div class="row row justify-content-center mt-3 mt-lg-5">
|
||||||
<h2 class="card-title">
|
<div class="col-lg-6 col-xl-5">
|
||||||
All pages
|
<div class="card">
|
||||||
</h2>
|
<div class="card-header">
|
||||||
</div>
|
<h2 class="card-title">
|
||||||
<div class="card-body">
|
All pages
|
||||||
<ul>
|
</h2>
|
||||||
<li>
|
</div>
|
||||||
<a href="/layout-horizontal.html">
|
<div class="card-body">
|
||||||
layout-horizontal.html
|
<ul>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/robots.txt">
|
||||||
<li>
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
<a href="/redirects.json">
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
robots.txt
|
||||||
redirects.json
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/layout-combo.html">
|
||||||
<a href="/layout-navbar-overlap.html">
|
layout-combo.html
|
||||||
layout-navbar-overlap.html
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/layout-condensed-dark.html">
|
||||||
<a href="/layout-combo.html">
|
layout-condensed-dark.html
|
||||||
layout-combo.html
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/layout-condensed.html">
|
||||||
<a href="/layout-condensed-dark.html">
|
layout-condensed.html
|
||||||
layout-condensed-dark.html
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/layout-dark.html">
|
||||||
<a href="/layout-condensed.html">
|
layout-dark.html
|
||||||
layout-condensed.html
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/layout-fluid-vertical.html">
|
||||||
<a href="/layout-dark.html">
|
layout-fluid-vertical.html
|
||||||
layout-dark.html
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/layout-fluid.html">
|
||||||
<a href="/layout-fluid-vertical.html">
|
layout-fluid.html
|
||||||
layout-fluid-vertical.html
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/layout-horizontal.html">
|
||||||
<a href="/layout-fluid.html">
|
layout-horizontal.html
|
||||||
layout-fluid.html
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/layout-navbar-dark.html">
|
||||||
<a href="/layout-navbar-dark.html">
|
layout-navbar-dark.html
|
||||||
layout-navbar-dark.html
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/layout-navbar-overlap.html">
|
||||||
<a href="/docs.html">
|
layout-navbar-overlap.html
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
</a>
|
||||||
redirect.html
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/layout-navbar-sticky.html">
|
||||||
<li>
|
layout-navbar-sticky.html
|
||||||
<a href="/tables.html">
|
</a>
|
||||||
tables.html
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/layout-vertical-right.html">
|
||||||
<li>
|
layout-vertical-right.html
|
||||||
<a href="/skeleton.html">
|
</a>
|
||||||
skeleton.html
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/layout-vertical-transparent.html">
|
||||||
<li>
|
layout-vertical-transparent.html
|
||||||
<a href="/sitemap.xml">
|
</a>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
</li>
|
||||||
sitemap.xml
|
<li>
|
||||||
</a>
|
<a href="/layout-vertical.html">
|
||||||
</li>
|
layout-vertical.html
|
||||||
<li>
|
</a>
|
||||||
<a href="/search-results.html">
|
</li>
|
||||||
search-results.html
|
<li>
|
||||||
</a>
|
<a href="/map-fullsize.html">
|
||||||
</li>
|
map-fullsize.html
|
||||||
<li>
|
</a>
|
||||||
<a href="/robots.txt">
|
</li>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
<li>
|
||||||
robots.txt
|
<a href="/playground.html">
|
||||||
</a>
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
</li>
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
<li>
|
playground.html
|
||||||
<a href="/layout-vertical.html">
|
</a>
|
||||||
layout-vertical.html
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/search-results.html">
|
||||||
<li>
|
search-results.html
|
||||||
<a href="/layout-vertical-right.html">
|
</a>
|
||||||
layout-vertical-right.html
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/sitemap.xml">
|
||||||
<li>
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
<a href="/activity.html">
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
sitemap.xml
|
||||||
Activity
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/skeleton.html">
|
||||||
<a href="/blank.html">
|
skeleton.html
|
||||||
Blank page
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/tables.html">
|
||||||
<a href="/buttons.html">
|
tables.html
|
||||||
Buttons
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/docs.html">
|
||||||
<a href="/cards.html">
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
Cards
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
</a>
|
redirect.html
|
||||||
</li>
|
</a>
|
||||||
<li>
|
</li>
|
||||||
<a href="/cards-masonry.html">
|
<li>
|
||||||
Cards Masonry
|
<a href="/redirects.json">
|
||||||
</a>
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
</li>
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
<li>
|
redirects.json
|
||||||
<a href="/carousel.html">
|
</a>
|
||||||
Carousel
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/accordion.html">
|
||||||
<li>
|
Accordion
|
||||||
<a href="/changelog.html">
|
</a>
|
||||||
Changelog
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/activity.html">
|
||||||
<li>
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
<a href="/charts.html">
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
Charts
|
Activity
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/dropdowns.html">
|
<a href="/blank.html">
|
||||||
Dropdowns
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/empty.html">
|
<a href="/buttons.html">
|
||||||
Empty page
|
Buttons
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/auth-lock.html">
|
<a href="/cards.html">
|
||||||
Forgot password
|
Cards
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/forgot-password.html">
|
<a href="/cards-masonry.html">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
Cards Masonry
|
||||||
Forgot password
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/carousel.html">
|
||||||
<a href="/form-elements.html">
|
Carousel
|
||||||
Form elements
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/changelog.html">
|
||||||
<a href="/gallery.html">
|
Changelog
|
||||||
Gallery
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/charts.html">
|
||||||
<a href="/charts-heatmap.html">
|
Charts
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
</a>
|
||||||
Heatmap Charts
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/colors.html">
|
||||||
<li>
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
<a href="/icons.html">
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
Icons
|
Colors
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/all.html">
|
<a href="/dropdowns.html">
|
||||||
Index
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/invoice.html">
|
<a href="/empty.html">
|
||||||
Invoice
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/license.html">
|
<a href="/auth-lock.html">
|
||||||
License
|
Forgot password
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/lists.html">
|
<a href="/forgot-password.html">
|
||||||
Lists
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
</a>
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
</li>
|
Forgot password
|
||||||
<li>
|
</a>
|
||||||
<a href="/maintenance.html">
|
</li>
|
||||||
Maintenance mode
|
<li>
|
||||||
</a>
|
<a href="/form-elements.html">
|
||||||
</li>
|
Form elements
|
||||||
<li>
|
</a>
|
||||||
<a href="/maps.html">
|
</li>
|
||||||
Maps
|
<li>
|
||||||
</a>
|
<a href="/gallery.html">
|
||||||
</li>
|
Gallery
|
||||||
<li>
|
</a>
|
||||||
<a href="/markdown.html">
|
</li>
|
||||||
Markdown
|
<li>
|
||||||
</a>
|
<a href="/icons.html">
|
||||||
</li>
|
Icons
|
||||||
<li>
|
</a>
|
||||||
<a href="/modals.html">
|
</li>
|
||||||
Modals
|
<li>
|
||||||
</a>
|
<a href="/all.html">
|
||||||
</li>
|
Index
|
||||||
<li>
|
</a>
|
||||||
<a href="/music.html">
|
</li>
|
||||||
Music components
|
<li>
|
||||||
</a>
|
<a href="/invoice.html">
|
||||||
</li>
|
Invoice
|
||||||
<li>
|
</a>
|
||||||
<a href="/navigation.html">
|
</li>
|
||||||
Navigation
|
<li>
|
||||||
</a>
|
<a href="/license.html">
|
||||||
</li>
|
License
|
||||||
<li>
|
</a>
|
||||||
<a href="/404.html">
|
</li>
|
||||||
Page 404
|
<li>
|
||||||
</a>
|
<a href="/lists.html">
|
||||||
</li>
|
Lists
|
||||||
<li>
|
</a>
|
||||||
<a href="/500.html">
|
</li>
|
||||||
Page 500
|
<li>
|
||||||
</a>
|
<a href="/error-maintenance.html">
|
||||||
</li>
|
Maintenance mode
|
||||||
<li>
|
</a>
|
||||||
<a href="/pagination.html">
|
</li>
|
||||||
Pagination
|
<li>
|
||||||
</a>
|
<a href="/maps.html">
|
||||||
</li>
|
Maps
|
||||||
<li>
|
</a>
|
||||||
<a href="/playground.html">
|
</li>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
<li>
|
||||||
Playground
|
<a href="/markdown.html">
|
||||||
</a>
|
Markdown
|
||||||
</li>
|
</a>
|
||||||
<li>
|
</li>
|
||||||
<a href="/pricing.html">
|
<li>
|
||||||
Pricing cards
|
<a href="/modals.html">
|
||||||
</a>
|
Modals
|
||||||
</li>
|
</a>
|
||||||
<li>
|
</li>
|
||||||
<a href="/layout-rtl.html">
|
<li>
|
||||||
RTL mode
|
<a href="/music.html">
|
||||||
</a>
|
Music components
|
||||||
</li>
|
</a>
|
||||||
<li>
|
</li>
|
||||||
<a href="/sign-in.html">
|
<li>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
<a href="/navigation.html">
|
||||||
Sign in
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/sign-up.html">
|
<a href="/error-404.html">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
Page 404
|
||||||
Sign up
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/error-500.html">
|
||||||
<a href="/tabs.html">
|
Page 500
|
||||||
Tabs
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="/pagination.html">
|
||||||
<a href="/terms-of-service.html">
|
Pagination
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
</a>
|
||||||
Terms of service
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/pricing.html">
|
||||||
<li>
|
Pricing cards
|
||||||
<a href="/typography.html">
|
</a>
|
||||||
Typography
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/layout-rtl.html">
|
||||||
<li>
|
RTL mode
|
||||||
<a href="/users.html">
|
</a>
|
||||||
Users list
|
</li>
|
||||||
</a>
|
<li>
|
||||||
</li>
|
<a href="/sign-in.html">
|
||||||
<li>
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
<a href="/maps-vector.html">
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
Vector Maps
|
Sign in
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/widgets.html">
|
<a href="/sign-up.html">
|
||||||
Widgets
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
</a>
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
</li>
|
Sign up
|
||||||
<li>
|
</a>
|
||||||
<a href="/wizard.html">
|
</li>
|
||||||
Wizard
|
<li>
|
||||||
</a>
|
<a href="/tabs.html">
|
||||||
</li>
|
Tabs
|
||||||
</ul>
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/terms-of-service.html">
|
||||||
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||||
|
Terms of service
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/typography.html">
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/users.html">
|
||||||
|
Users list
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/widgets.html">
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/wizard.html">
|
||||||
|
Wizard
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -652,22 +710,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="./docs/index.html" 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="./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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href="." class="link-secondary">Tabler</a>.
|
<a href="." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -677,11 +742,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="./dist/js/tabler.min.js"></script>
|
<script src="./dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,15 +19,10 @@
|
|||||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased border-top-wide border-primary d-flex flex-column">
|
<body class="antialiased border-top-wide border-primary d-flex flex-column">
|
||||||
<div class="flex-fill d-flex flex-column justify-content-center py-4">
|
<div class="page page-center">
|
||||||
<div class="container-tight py-6">
|
<div class="container-tight py-4">
|
||||||
<div class="text-center mb-4">
|
<div class="text-center mb-4">
|
||||||
<a href="."><img src="./static/logo.svg" height="36" alt=""></a>
|
<a href="."><img src="./static/logo.svg" height="36" alt=""></a>
|
||||||
</div>
|
</div>
|
||||||
@@ -46,6 +41,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a href="#" class="btn btn-primary w-100">
|
<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"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-5a4 4 0 0 1 8 0" /></svg>
|
<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"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-5a4 4 0 0 1 8 0" /></svg>
|
||||||
Unlock
|
Unlock
|
||||||
</a>
|
</a>
|
||||||
@@ -55,11 +51,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="./dist/js/tabler.min.js"></script>
|
<script src="./dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
164
demo/blank.html
164
demo/blank.html
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href=".">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./index.html" >
|
<a class="nav-link" href="./index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item active dropdown">
|
<li class="nav-item active dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="./empty.html" >
|
<a class="dropdown-item" href="./empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item active" href="./blank.html" >
|
<a class="dropdown-item active" href="./blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./dropdowns.html" >
|
<a class="dropdown-item" href="./dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="./maps.html" >
|
<a class="dropdown-item" href="./maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./maps-vector.html" >
|
<a class="dropdown-item" href="./maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="./navigation.html" >
|
<a class="dropdown-item" href="./navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./charts.html" >
|
<a class="dropdown-item" href="./charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./pagination.html" >
|
<a class="dropdown-item" href="./pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="./tables.html" >
|
<a class="dropdown-item" href="./tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./carousel.html" >
|
<a class="dropdown-item" href="./carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="./markdown.html" >
|
<a class="dropdown-item" href="./markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./form-elements.html" >
|
<a class="nav-link" href="./form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-vertical.html" >
|
<a class="dropdown-item" href="./layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./docs/index.html" >
|
<a class="nav-link" href="./docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,42 +343,54 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl d-flex flex-column justify-content-center">
|
<div class="container-xl">
|
||||||
<div class="empty">
|
</div>
|
||||||
<div class="empty-img"><img src="./static/illustrations/undraw_printing_invoices_5r4r.svg" height="128" alt="">
|
<div class="page-body">
|
||||||
</div>
|
<div class="container-xl d-flex flex-column justify-content-center">
|
||||||
<p class="empty-title">No results found</p>
|
<div class="empty">
|
||||||
<p class="empty-subtitle text-muted">
|
<div class="empty-img"><img src="./static/illustrations/undraw_printing_invoices_5r4r.svg" height="128" alt="">
|
||||||
Try adjusting your search or filter to find what you're looking for.
|
</div>
|
||||||
</p>
|
<p class="empty-title">No results found</p>
|
||||||
<div class="empty-action">
|
<p class="empty-subtitle text-muted">
|
||||||
<a href="./." class="btn btn-primary">
|
Try adjusting your search or filter to find what you're looking for.
|
||||||
<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"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
</p>
|
||||||
Add your first client
|
<div class="empty-action">
|
||||||
</a>
|
<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"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
||||||
|
Add your first client
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="./docs/index.html" 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="./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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href="." class="link-secondary">Tabler</a>.
|
<a href="." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -360,11 +400,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="./dist/js/tabler.min.js"></script>
|
<script src="./dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
1629
demo/buttons.html
1629
demo/buttons.html
File diff suppressed because it is too large
Load Diff
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href=".">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./index.html" >
|
<a class="nav-link" href="./index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item active dropdown">
|
<li class="nav-item active dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="./empty.html" >
|
<a class="dropdown-item" href="./empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./blank.html" >
|
<a class="dropdown-item" href="./blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item active" href="./cards-masonry.html" >
|
<a class="dropdown-item active" href="./cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./dropdowns.html" >
|
<a class="dropdown-item" href="./dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="./maps.html" >
|
<a class="dropdown-item" href="./maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./maps-vector.html" >
|
<a class="dropdown-item" href="./maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="./navigation.html" >
|
<a class="dropdown-item" href="./navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./charts.html" >
|
<a class="dropdown-item" href="./charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./pagination.html" >
|
<a class="dropdown-item" href="./pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="./tables.html" >
|
<a class="dropdown-item" href="./tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./carousel.html" >
|
<a class="dropdown-item" href="./carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="./markdown.html" >
|
<a class="dropdown-item" href="./markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./form-elements.html" >
|
<a class="nav-link" href="./form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-vertical.html" >
|
<a class="dropdown-item" href="./layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./docs/index.html" >
|
<a class="nav-link" href="./docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
@@ -327,248 +355,257 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row row-cards" data-masonry='{"percentPosition": true }'>
|
</div>
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="page-body">
|
||||||
<div class="card">
|
<div class="container-xl">
|
||||||
<div class="card-body">
|
<div class="row row-cards" data-masonry='{"percentPosition": true }'>
|
||||||
<p>This is some text within a card body.</p>
|
<div class="col-sm-6 col-lg-4">
|
||||||
</div>
|
<div class="card">
|
||||||
</div>
|
<div class="card-body">
|
||||||
</div>
|
<p>This is some text within a card body.</p>
|
||||||
<div class="col-sm-6 col-lg-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h3 class="card-title">Card with bottom image</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
|
||||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
|
||||||
</div>
|
|
||||||
<div class="card-img-bottom img-responsive img-responsive-16by9" style="background-image: url(./static/photos/56614e12b2a7bd68.jpg)"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
|
||||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
|
||||||
</div>
|
|
||||||
<!-- Card footer -->
|
|
||||||
<div class="card-footer">
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col-auto">
|
|
||||||
<a href="#">More information</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-auto ml-auto">
|
|
||||||
<label class="form-check form-switch m-0">
|
|
||||||
<input class="form-check-input position-static" type="checkbox" checked>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-sm-6 col-lg-4">
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="card">
|
||||||
<div class="card">
|
<div class="card-body">
|
||||||
<div class="card-body">
|
<h3 class="card-title">Card with bottom image</h3>
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-img-bottom img-responsive img-responsive-16by9" style="background-image: url(./static/photos/56614e12b2a7bd68.jpg)"></div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Card footer -->
|
</div>
|
||||||
<div class="card-footer">
|
<div class="col-sm-6 col-lg-4">
|
||||||
<div class="row align-items-center">
|
<div class="card">
|
||||||
<div class="col-auto ml-auto">
|
<div class="card-body">
|
||||||
<div class="avatar-list avatar-list-stacked">
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||||
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||||
<span class="avatar avatar-sm avatar-rounded">JL</span>
|
</div>
|
||||||
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
<!-- Card footer -->
|
||||||
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
<div class="card-footer">
|
||||||
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
<div class="row align-items-center">
|
||||||
<span class="avatar avatar-sm avatar-rounded">+3</span>
|
<div class="col-auto">
|
||||||
|
<a href="#">More information</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-auto ms-auto">
|
||||||
|
<label class="form-check form-switch m-0">
|
||||||
|
<input class="form-check-input position-static" type="checkbox" checked>
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-sm-6 col-lg-4">
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="card">
|
||||||
<div class="card">
|
<div class="card-body">
|
||||||
<div class="card-header">
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||||
<ul class="nav nav-tabs card-header-tabs">
|
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link active" href="#">
|
|
||||||
Active
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="#">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-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="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>
|
|
||||||
Link
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
|
|
||||||
Disabled
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item ml-auto">
|
|
||||||
<a class="nav-link" href="#">
|
|
||||||
<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.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
|
||||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<ul class="nav nav-pills card-header-pills">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link active" href="#">
|
|
||||||
Active
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="#">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-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="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>
|
|
||||||
Link
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
|
|
||||||
Disabled
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item ml-auto">
|
|
||||||
<a class="nav-link" href="#">
|
|
||||||
<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.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
|
||||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="empty">
|
|
||||||
<div class="empty-img"><img src="./static/illustrations/undraw_quitting_time_dm8t.svg" height="128" alt="">
|
|
||||||
</div>
|
</div>
|
||||||
<p class="empty-title">No results found</p>
|
<!-- Card footer -->
|
||||||
<p class="empty-subtitle text-muted">
|
<div class="card-footer">
|
||||||
Try adjusting your search or filter to find what you're looking for.
|
<div class="row align-items-center">
|
||||||
</p>
|
<div class="col-auto ms-auto">
|
||||||
<div class="empty-action">
|
<div class="avatar-list avatar-list-stacked">
|
||||||
<a href="./." class="btn btn-primary">
|
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||||
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<span class="avatar avatar-sm avatar-rounded">JL</span>
|
||||||
Search again
|
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||||
</a>
|
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
||||||
</div>
|
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
||||||
</div>
|
<span class="avatar avatar-sm avatar-rounded">+3</span>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h3 class="card-title">Card with progress bar</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
|
||||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
|
||||||
</div>
|
|
||||||
<div class="progress progress-sm card-progress">
|
|
||||||
<div class="progress-bar" style="width: 38%" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100">
|
|
||||||
<span class="visually-hidden">38% Complete</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h3 class="card-title">Card title</h3>
|
|
||||||
<div class="card-subtitle">Card subtitle</div>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
|
||||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<h3 class="card-title">Header title</h3>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
|
||||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<div class="mb-3">
|
|
||||||
<div class="form-label">Card number</div>
|
|
||||||
<input type="text" name="input-mask" class="form-control" data-mask="0000 0000 0000 0000" data-mask-visible="true" autocomplete="off"/>
|
|
||||||
</div>
|
|
||||||
<div class="mb-3">
|
|
||||||
<div class="form-label">Card name</div>
|
|
||||||
<input type="text" class="form-control">
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-8">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label class="form-label">Expiration date</label>
|
|
||||||
<div class="row g-2">
|
|
||||||
<div class="col">
|
|
||||||
<select class="form-select">
|
|
||||||
<option value="1">1</option>
|
|
||||||
<option value="2">2</option>
|
|
||||||
<option value="3">3</option>
|
|
||||||
<option value="4">4</option>
|
|
||||||
<option value="5">5</option>
|
|
||||||
<option value="6">6</option>
|
|
||||||
<option value="7">7</option>
|
|
||||||
<option value="8">8</option>
|
|
||||||
<option value="9">9</option>
|
|
||||||
<option value="10">10</option>
|
|
||||||
<option value="11">11</option>
|
|
||||||
<option value="12">12</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<select class="form-select">
|
|
||||||
<option value="2020">2020</option>
|
|
||||||
<option value="2021">2021</option>
|
|
||||||
<option value="2022">2022</option>
|
|
||||||
<option value="2023">2023</option>
|
|
||||||
<option value="2024">2024</option>
|
|
||||||
<option value="2025">2025</option>
|
|
||||||
<option value="2026">2026</option>
|
|
||||||
<option value="2027">2027</option>
|
|
||||||
<option value="2028">2028</option>
|
|
||||||
<option value="2029">2029</option>
|
|
||||||
<option value="2030">2030</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
</div>
|
||||||
<div class="mb-3">
|
</div>
|
||||||
<div class="form-label">CVV</div>
|
</div>
|
||||||
<input type="number" class="form-control">
|
<div class="col-sm-6 col-lg-4">
|
||||||
</div>
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<ul class="nav nav-tabs card-header-tabs">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#">
|
||||||
|
Active
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">
|
||||||
|
<!-- Download SVG icon from http://tabler-icons.io/i/star -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon 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="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>
|
||||||
|
Link
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
|
||||||
|
Disabled
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item ms-auto">
|
||||||
|
<a class="nav-link" href="#">
|
||||||
|
<!-- Download SVG icon from http://tabler-icons.io/i/settings -->
|
||||||
|
<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.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||||
|
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<ul class="nav nav-pills card-header-pills">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#">
|
||||||
|
Active
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">
|
||||||
|
<!-- Download SVG icon from http://tabler-icons.io/i/star -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon 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="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>
|
||||||
|
Link
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
|
||||||
|
Disabled
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item ms-auto">
|
||||||
|
<a class="nav-link" href="#">
|
||||||
|
<!-- Download SVG icon from http://tabler-icons.io/i/settings -->
|
||||||
|
<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.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||||
|
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="empty">
|
||||||
|
<div class="empty-img"><img src="./static/illustrations/undraw_quitting_time_dm8t.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/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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
|
Search again
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-2">
|
</div>
|
||||||
<a href="#" class="btn btn-primary w-100">
|
</div>
|
||||||
Pay now
|
<div class="col-sm-6 col-lg-4">
|
||||||
</a>
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h3 class="card-title">Card with progress bar</h3>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||||
|
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||||
|
</div>
|
||||||
|
<div class="progress progress-sm card-progress">
|
||||||
|
<div class="progress-bar" style="width: 38%" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100">
|
||||||
|
<span class="visually-hidden">38% Complete</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h3 class="card-title">Card title</h3>
|
||||||
|
<div class="card-subtitle">Card subtitle</div>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||||
|
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">Header title</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||||
|
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="form-label">Card number</div>
|
||||||
|
<input type="text" name="input-mask" class="form-control" data-mask="0000 0000 0000 0000" data-mask-visible="true" autocomplete="off"/>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="form-label">Card name</div>
|
||||||
|
<input type="text" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-8">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="form-label">Expiration date</label>
|
||||||
|
<div class="row g-2">
|
||||||
|
<div class="col">
|
||||||
|
<select class="form-select">
|
||||||
|
<option value="1">1</option>
|
||||||
|
<option value="2">2</option>
|
||||||
|
<option value="3">3</option>
|
||||||
|
<option value="4">4</option>
|
||||||
|
<option value="5">5</option>
|
||||||
|
<option value="6">6</option>
|
||||||
|
<option value="7">7</option>
|
||||||
|
<option value="8">8</option>
|
||||||
|
<option value="9">9</option>
|
||||||
|
<option value="10">10</option>
|
||||||
|
<option value="11">11</option>
|
||||||
|
<option value="12">12</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<select class="form-select">
|
||||||
|
<option value="2020">2020</option>
|
||||||
|
<option value="2021">2021</option>
|
||||||
|
<option value="2022">2022</option>
|
||||||
|
<option value="2023">2023</option>
|
||||||
|
<option value="2024">2024</option>
|
||||||
|
<option value="2025">2025</option>
|
||||||
|
<option value="2026">2026</option>
|
||||||
|
<option value="2027">2027</option>
|
||||||
|
<option value="2028">2028</option>
|
||||||
|
<option value="2029">2029</option>
|
||||||
|
<option value="2030">2030</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="form-label">CVV</div>
|
||||||
|
<input type="number" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mt-2">
|
||||||
|
<a href="#" class="btn btn-primary w-100">
|
||||||
|
Pay now
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -578,22 +615,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="./docs/index.html" 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="./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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href="." class="link-secondary">Tabler</a>.
|
<a href="." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -603,12 +647,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="./dist/js/tabler.min.js"></script>
|
<script src="./dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
1207
demo/cards.html
1207
demo/cards.html
File diff suppressed because it is too large
Load Diff
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href=".">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./index.html" >
|
<a class="nav-link" href="./index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item active dropdown">
|
<li class="nav-item active dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="./empty.html" >
|
<a class="dropdown-item" href="./empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./blank.html" >
|
<a class="dropdown-item" href="./blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./dropdowns.html" >
|
<a class="dropdown-item" href="./dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="./maps.html" >
|
<a class="dropdown-item" href="./maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./maps-vector.html" >
|
<a class="dropdown-item" href="./maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="./navigation.html" >
|
<a class="dropdown-item" href="./navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./charts.html" >
|
<a class="dropdown-item" href="./charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./pagination.html" >
|
<a class="dropdown-item" href="./pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="./tables.html" >
|
<a class="dropdown-item" href="./tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item active" href="./carousel.html" >
|
<a class="dropdown-item active" href="./carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="./markdown.html" >
|
<a class="dropdown-item" href="./markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./form-elements.html" >
|
<a class="nav-link" href="./form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-vertical.html" >
|
<a class="dropdown-item" href="./layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./docs/index.html" >
|
<a class="nav-link" href="./docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
@@ -327,163 +355,167 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="page-body">
|
||||||
<div class="card">
|
<div class="container-xl">
|
||||||
<div class="card-header">
|
<div class="row">
|
||||||
<h3 class="card-title">Carousel</h3>
|
<div class="col-md-6">
|
||||||
</div>
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-header">
|
||||||
<div id="carousel-default" class="carousel slide" data-ride="carousel">
|
<h3 class="card-title">Carousel</h3>
|
||||||
<div class="carousel-inner">
|
</div>
|
||||||
<div class="carousel-item active">
|
<div class="card-body">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/1b73704b282a8ec6.jpg" data-holder-rendered="true">
|
<div id="carousel-default" class="carousel slide" data-bs-ride="carousel">
|
||||||
</div>
|
<div class="carousel-inner">
|
||||||
<div class="carousel-item">
|
<div class="carousel-item active">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/3d2998219313cd37.jpg" data-holder-rendered="true">
|
<img class="d-block w-100" alt="" src="./static/photos/1b73704b282a8ec6.jpg">
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/6ab3200b14549f8a.jpg" data-holder-rendered="true">
|
<img class="d-block w-100" alt="" src="./static/photos/3d2998219313cd37.jpg">
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/6d35d9a2bd6c63c2.jpg" data-holder-rendered="true">
|
<img class="d-block w-100" alt="" src="./static/photos/6ab3200b14549f8a.jpg">
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/8a26974ee6444acd.jpg" data-holder-rendered="true">
|
<img class="d-block w-100" alt="" src="./static/photos/6d35d9a2bd6c63c2.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img class="d-block w-100" alt="" src="./static/photos/8a26974ee6444acd.jpg">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-md-6">
|
||||||
<div class="col-md-6">
|
<div class="card">
|
||||||
<div class="card">
|
<div class="card-header">
|
||||||
<div class="card-header">
|
<h3 class="card-title">Carousel with indicators</h3>
|
||||||
<h3 class="card-title">Carousel with indicators</h3>
|
</div>
|
||||||
</div>
|
<div class="card-body">
|
||||||
<div class="card-body">
|
<div id="carousel-indicators" class="carousel slide" data-bs-ride="carousel">
|
||||||
<div id="carousel-indicators" class="carousel slide" data-ride="carousel">
|
<ol class="carousel-indicators">
|
||||||
<ol class="carousel-indicators">
|
<li data-bs-target="#carousel-indicators" data-bs-slide-to="0" class="active"></li>
|
||||||
<li data-target="#carousel-indicators" data-slide-to="0" class="active"></li>
|
<li data-bs-target="#carousel-indicators" data-bs-slide-to="1" class=""></li>
|
||||||
<li data-target="#carousel-indicators" data-slide-to="1" class=""></li>
|
<li data-bs-target="#carousel-indicators" data-bs-slide-to="2" class=""></li>
|
||||||
<li data-target="#carousel-indicators" data-slide-to="2" class=""></li>
|
<li data-bs-target="#carousel-indicators" data-bs-slide-to="3" class=""></li>
|
||||||
<li data-target="#carousel-indicators" data-slide-to="3" class=""></li>
|
<li data-bs-target="#carousel-indicators" data-bs-slide-to="4" class=""></li>
|
||||||
<li data-target="#carousel-indicators" data-slide-to="4" class=""></li>
|
</ol>
|
||||||
</ol>
|
<div class="carousel-inner">
|
||||||
<div class="carousel-inner">
|
<div class="carousel-item active">
|
||||||
<div class="carousel-item active">
|
<img class="d-block w-100" alt="" src="./static/photos/8c13ad59f739558c.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/8c13ad59f739558c.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/8fdeb4785d2b82ef.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/8fdeb4785d2b82ef.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/9f36332564ca271d.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/9f36332564ca271d.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/35b88fc04a518c1b.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/35b88fc04a518c1b.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/36e273986ed577b8.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/36e273986ed577b8.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-md-6">
|
||||||
<div class="col-md-6">
|
<div class="card">
|
||||||
<div class="card">
|
<div class="card-header">
|
||||||
<div class="card-header">
|
<h3 class="card-title">Carousel with controls</h3>
|
||||||
<h3 class="card-title">Carousel with controls</h3>
|
</div>
|
||||||
</div>
|
<div class="card-body">
|
||||||
<div class="card-body">
|
<div id="carousel-controls" class="carousel slide" data-bs-ride="carousel">
|
||||||
<div id="carousel-controls" class="carousel slide" data-ride="carousel">
|
<div class="carousel-inner">
|
||||||
<div class="carousel-inner">
|
<div class="carousel-item active">
|
||||||
<div class="carousel-item active">
|
<img class="d-block w-100" alt="" src="./static/photos/75b555b99d5b38c4.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/75b555b99d5b38c4.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/546fd146c83f428c.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/546fd146c83f428c.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/802a16cdf5ce3551.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/802a16cdf5ce3551.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/0986f97be719fb9a.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/0986f97be719fb9a.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/1194d63fe36a8670.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/1194d63fe36a8670.jpg" data-holder-rendered="true">
|
</div>
|
||||||
</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>
|
||||||
<a class="carousel-control-prev" href="#carousel-controls" role="button" data-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-slide="next">
|
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Next</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-md-6">
|
||||||
<div class="col-md-6">
|
<div class="card">
|
||||||
<div class="card">
|
<div class="card-header">
|
||||||
<div class="card-header">
|
<h3 class="card-title">Carousel with captions</h3>
|
||||||
<h3 class="card-title">Carousel with captions</h3>
|
</div>
|
||||||
</div>
|
<div class="card-body">
|
||||||
<div class="card-body">
|
<div id="carousel-captions" class="carousel slide" data-bs-ride="carousel">
|
||||||
<div id="carousel-captions" class="carousel slide" data-ride="carousel">
|
<div class="carousel-inner">
|
||||||
<div class="carousel-inner">
|
<div class="carousel-item active">
|
||||||
<div class="carousel-item active">
|
<img class="d-block w-100" alt="" src="./static/photos/1366fdc9b9b277e4.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/1366fdc9b9b277e4.jpg" data-holder-rendered="true">
|
<div class="carousel-item-background d-none d-md-block"></div>
|
||||||
<div class="carousel-item-background d-none d-md-block"></div>
|
<div class="carousel-caption d-none d-md-block">
|
||||||
<div class="carousel-caption d-none d-md-block">
|
<h3>Slide label</h3>
|
||||||
<h3>Slide label</h3>
|
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
||||||
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/5358d787242861c4.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/5358d787242861c4.jpg" data-holder-rendered="true">
|
<div class="carousel-item-background d-none d-md-block"></div>
|
||||||
<div class="carousel-item-background d-none d-md-block"></div>
|
<div class="carousel-caption d-none d-md-block">
|
||||||
<div class="carousel-caption d-none d-md-block">
|
<h3>Slide label</h3>
|
||||||
<h3>Slide label</h3>
|
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
||||||
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/5614ec7eb9034d04.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/5614ec7eb9034d04.jpg" data-holder-rendered="true">
|
<div class="carousel-item-background d-none d-md-block"></div>
|
||||||
<div class="carousel-item-background d-none d-md-block"></div>
|
<div class="carousel-caption d-none d-md-block">
|
||||||
<div class="carousel-caption d-none d-md-block">
|
<h3>Slide label</h3>
|
||||||
<h3>Slide label</h3>
|
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
||||||
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/56614e12b2a7bd68.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/56614e12b2a7bd68.jpg" data-holder-rendered="true">
|
<div class="carousel-item-background d-none d-md-block"></div>
|
||||||
<div class="carousel-item-background d-none d-md-block"></div>
|
<div class="carousel-caption d-none d-md-block">
|
||||||
<div class="carousel-caption d-none d-md-block">
|
<h3>Slide label</h3>
|
||||||
<h3>Slide label</h3>
|
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
||||||
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="carousel-item">
|
||||||
<div class="carousel-item">
|
<img class="d-block w-100" alt="" src="./static/photos/77586f6ffa9fbc5e.jpg">
|
||||||
<img class="d-block w-100" alt="" src="./static/photos/77586f6ffa9fbc5e.jpg" data-holder-rendered="true">
|
<div class="carousel-item-background d-none d-md-block"></div>
|
||||||
<div class="carousel-item-background d-none d-md-block"></div>
|
<div class="carousel-caption d-none d-md-block">
|
||||||
<div class="carousel-caption d-none d-md-block">
|
<h3>Slide label</h3>
|
||||||
<h3>Slide label</h3>
|
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
||||||
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
|
</div>
|
||||||
</div>
|
</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>
|
||||||
<a class="carousel-control-prev" href="#carousel-captions" role="button" data-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-slide="next">
|
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Next</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -493,22 +525,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="./docs/index.html" 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="./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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href="." class="link-secondary">Tabler</a>.
|
<a href="." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -518,11 +557,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="./dist/js/tabler.min.js"></script>
|
<script src="./dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href=".">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./index.html" >
|
<a class="nav-link" href="./index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="./empty.html" >
|
<a class="dropdown-item" href="./empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./blank.html" >
|
<a class="dropdown-item" href="./blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./dropdowns.html" >
|
<a class="dropdown-item" href="./dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="./maps.html" >
|
<a class="dropdown-item" href="./maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./maps-vector.html" >
|
<a class="dropdown-item" href="./maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="./navigation.html" >
|
<a class="dropdown-item" href="./navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./charts.html" >
|
<a class="dropdown-item" href="./charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./pagination.html" >
|
<a class="dropdown-item" href="./pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="./tables.html" >
|
<a class="dropdown-item" href="./tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="./calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./carousel.html" >
|
<a class="dropdown-item" href="./carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="./markdown.html" >
|
<a class="dropdown-item" href="./markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="./form-elements.html" >
|
<a class="nav-link" href="./form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-vertical.html" >
|
<a class="dropdown-item" href="./layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item active">
|
<li class="nav-item active">
|
||||||
<a class="nav-link" href="./docs/index.html" >
|
<a class="nav-link" href="./docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
@@ -327,246 +355,330 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row g-5">
|
</div>
|
||||||
<div class="d-none d-lg-block col-lg-3">
|
<div class="page-body">
|
||||||
<ul class="nav nav-pills nav-vertical">
|
<div class="container-xl">
|
||||||
<li class="nav-item">
|
<div class="row gx-lg-4">
|
||||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
<span class="nav-link-icon"><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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
<ul class="nav nav-pills nav-vertical">
|
||||||
</span>
|
<li class="nav-item">
|
||||||
Getting started
|
<a href="./docs/" class="nav-link">
|
||||||
<span class="nav-link-toggle"></span>
|
Introduction
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav collapse" id="menu-base">
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="./docs/index.html" class="nav-link">
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
Introduction
|
Getting started
|
||||||
</a>
|
<span class="nav-link-toggle"></span>
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
<ul class="nav nav-pills collapse" id="menu-base">
|
||||||
<a href="./docs/usage.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Usage
|
<a href="./docs/getting-started.html" class="nav-link">
|
||||||
</a>
|
Getting Started
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="./docs/colors.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Colors
|
<a href="./docs/download.html" class="nav-link">
|
||||||
</a>
|
Download
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="./docs/typography.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Typography
|
<a href="./docs/browser-support.html" class="nav-link">
|
||||||
</a>
|
Browser Support
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="./docs/icons.html" class="nav-link">
|
</ul>
|
||||||
Icons
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</ul>
|
Content
|
||||||
</li>
|
<span class="nav-link-toggle"></span>
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
<span class="nav-link-icon"><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 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
<li class="nav-item">
|
||||||
</span>
|
<a href="./docs/colors.html" class="nav-link">
|
||||||
Components
|
Colors
|
||||||
<span class="nav-link-toggle"></span>
|
</a>
|
||||||
</a>
|
</li>
|
||||||
<ul class="nav collapse" id="menu-components">
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="./docs/typography.html" class="nav-link">
|
||||||
<a href="./docs/alerts.html" class="nav-link">
|
Typography
|
||||||
Alerts
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="./docs/icons.html" class="nav-link">
|
||||||
<a href="./docs/avatars.html" class="nav-link">
|
Icons
|
||||||
Avatars
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="./docs/badges.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Badges
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</a>
|
Layout
|
||||||
</li>
|
<span class="nav-link-toggle"></span>
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="./docs/breadcrumb.html" class="nav-link">
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
Breadcrumb
|
<li class="nav-item">
|
||||||
</a>
|
<a href="./docs/page-headers.html" class="nav-link">
|
||||||
</li>
|
Page headers
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="./docs/buttons.html" class="nav-link">
|
</li>
|
||||||
Buttons
|
</ul>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
<a href="./docs/cards.html" class="nav-link">
|
Form components
|
||||||
Cards
|
<span class="nav-link-toggle"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="./docs/carousel.html" class="nav-link">
|
<a href="./docs/form-elements.html" class="nav-link">
|
||||||
Carousel
|
Form elements
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="./docs/dropdowns.html" class="nav-link">
|
<a href="./docs/form-helpers.html" class="nav-link">
|
||||||
Dropdowns
|
Form helpers
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="./docs/divider.html" class="nav-link">
|
<a href="./docs/form-validation.html" class="nav-link">
|
||||||
Divider
|
Validation states
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="./docs/empty.html" class="nav-link">
|
<a href="./docs/form-image-check.html" class="nav-link">
|
||||||
Empty states
|
Image check
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="./docs/form-elements.html" class="nav-link">
|
<a href="./docs/form-color-check.html" class="nav-link">
|
||||||
Form elements
|
Color check
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="./docs/form-helpers.html" class="nav-link">
|
<a href="./docs/form-selectboxes.html" class="nav-link">
|
||||||
Form helpers
|
Form selectboxes
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="./docs/modals.html" class="nav-link">
|
<a href="./docs/form-fieldset.html" class="nav-link">
|
||||||
Modals
|
Form fieldset
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
</ul>
|
||||||
<a href="./docs/progress.html" class="nav-link">
|
</li>
|
||||||
Progress
|
<li class="nav-item">
|
||||||
</a>
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</li>
|
Components
|
||||||
<li class="nav-item">
|
<span class="nav-link-toggle"></span>
|
||||||
<a href="./docs/payments.html" class="nav-link">
|
</a>
|
||||||
Payments
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/alerts.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Alerts
|
||||||
<a href="./docs/range-slider.html" class="nav-link">
|
</a>
|
||||||
Range slider
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/avatars.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Avatars
|
||||||
<a href="./docs/ribbons.html" class="nav-link">
|
</a>
|
||||||
Ribbons
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/badges.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Badges
|
||||||
<a href="./docs/skeleton.html" class="nav-link">
|
</a>
|
||||||
Skeleton
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/breadcrumb.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Breadcrumb
|
||||||
<a href="./docs/spinners.html" class="nav-link">
|
</a>
|
||||||
Spinners
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/buttons.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Buttons
|
||||||
<a href="./docs/steps.html" class="nav-link">
|
</a>
|
||||||
Steps
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/cards.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Cards
|
||||||
<a href="./docs/switch-icon.html" class="nav-link">
|
</a>
|
||||||
Switch icon
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/carousel.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Carousel
|
||||||
<a href="./docs/tables.html" class="nav-link">
|
</a>
|
||||||
Tables
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/dropdowns.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Dropdowns
|
||||||
<a href="./docs/tabs.html" class="nav-link">
|
</a>
|
||||||
Tabs
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/divider.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Divider
|
||||||
<a href="./docs/timelines.html" class="nav-link">
|
</a>
|
||||||
Timelines
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/empty.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Empty states
|
||||||
<a href="./docs/toasts.html" class="nav-link">
|
</a>
|
||||||
Toasts
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/modals.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Modals
|
||||||
<a href="./docs/tooltips.html" class="nav-link">
|
</a>
|
||||||
Tooltips
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/page-headers.html" class="nav-link">
|
||||||
</ul>
|
Page headers
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.762 4.383 -2.989 5.642c-1.226 1.26 -2.011 2.598 -2.011 4.358a6 6 0 1 0 12 0c0 -1.532 -.77 -2.94 -1.714 -4c-1.786 3 -3.077 3 -4.286 2z" /></svg>
|
<a href="./docs/progress.html" class="nav-link">
|
||||||
</span>
|
Progress
|
||||||
Utilities
|
</a>
|
||||||
<span class="nav-link-toggle"></span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
<ul class="nav collapse" id="menu-utils">
|
<a href="./docs/range-slider.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Range slider
|
||||||
<a href="./docs/cursors.html" class="nav-link">
|
</a>
|
||||||
Cursors
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/ribbons.html" class="nav-link">
|
||||||
</ul>
|
Ribbons
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
<a href="./docs/skeleton.html" class="nav-link">
|
||||||
</span>
|
Skeleton
|
||||||
Plugins
|
</a>
|
||||||
<span class="nav-link-toggle"></span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
<ul class="nav collapse" id="menu-plugins">
|
<a href="./docs/spinners.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Spinners
|
||||||
<a href="./docs/autosize.html" class="nav-link">
|
</a>
|
||||||
Autosize
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/steps.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Steps
|
||||||
<a href="./docs/input-mask.html" class="nav-link">
|
</a>
|
||||||
Form input mask
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/switch-icon.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Switch icon
|
||||||
<a href="./docs/flags.html" class="nav-link">
|
</a>
|
||||||
Flags
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/tables.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Tables
|
||||||
<a href="./docs/charts.html" class="nav-link">
|
</a>
|
||||||
Charts
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/tabs.html" class="nav-link">
|
||||||
</ul>
|
Tabs
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="./changelog.html" class="nav-link active">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
<a href="./docs/timelines.html" class="nav-link">
|
||||||
</span>
|
Timelines
|
||||||
Changelog
|
</a>
|
||||||
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="./docs/toasts.html" class="nav-link">
|
||||||
</ul>
|
Toasts
|
||||||
</div>
|
</a>
|
||||||
<div class="col-lg-9">
|
</li>
|
||||||
<div class="card card-lg">
|
<li class="nav-item">
|
||||||
<div class="card-body">
|
<a href="./docs/tooltips.html" class="nav-link">
|
||||||
<div class="markdown">
|
Tooltips
|
||||||
<div class="mb-5">
|
</a>
|
||||||
<div class="d-flex mb-3">
|
</li>
|
||||||
<h1 class="mt-0">Changelog</h1>
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="./docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="./docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="./docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="./docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="./docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="./docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="./docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="./docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="./changelog.html" class="nav-link active">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Changelog</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mb-4">
|
||||||
|
<div class="mb-2">
|
||||||
|
<span class="badge bg-blue-lt">1.0.0-beta</span> –
|
||||||
|
<span class="text-muted">February 17, 2021</span>
|
||||||
|
</div>
|
||||||
|
<p>Initial release of Tabler v1.0! Lots more coming soon though 😁</p>
|
||||||
|
<ul>
|
||||||
|
<li>Updated to Bootstrap v5.0.0-beta2</li>
|
||||||
|
<li>Updated other dependencies.</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -578,22 +690,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="./docs/index.html" 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="./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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href="." class="link-secondary">Tabler</a>.
|
<a href="." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -603,11 +722,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="./dist/js/tabler.min.js"></script>
|
<script src="./dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,612 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<!--
|
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
|
||||||
* @version 1.0.0-alpha.14
|
|
||||||
* @link https://tabler.io
|
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
|
||||||
* Copyright 2018-2020 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>Heatmap Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
|
||||||
<!-- CSS files -->
|
|
||||||
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
|
|
||||||
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
|
||||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
|
||||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
|
||||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body class="antialiased">
|
|
||||||
<div class="page">
|
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
|
||||||
<div class="container-xl">
|
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
|
||||||
</button>
|
|
||||||
<a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
|
||||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
|
||||||
</a>
|
|
||||||
<div class="navbar-nav flex-row order-md-last">
|
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
|
||||||
<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 0 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-right dropdown-menu-card">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="nav-item dropdown">
|
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
|
|
||||||
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
|
||||||
<div class="d-none d-xl-block pl-2">
|
|
||||||
<div>Paweł Kuna</div>
|
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
|
||||||
<div class="dropdown-divider"></div>
|
|
||||||
<a href="#" class="dropdown-item">Settings</a>
|
|
||||||
<a href="#" class="dropdown-item">Logout</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<div class="navbar-expand-md">
|
|
||||||
<div class="collapse navbar-collapse" id="navbar-menu">
|
|
||||||
<div class="navbar navbar-light">
|
|
||||||
<div class="container-xl">
|
|
||||||
<ul class="navbar-nav">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="./index.html" >
|
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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-toggle="dropdown" role="button" aria-expanded="false" >
|
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
|
||||||
</span>
|
|
||||||
<span class="nav-link-title">
|
|
||||||
User Interface
|
|
||||||
</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="./blank.html" >
|
|
||||||
Blank page
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./buttons.html" >
|
|
||||||
Buttons
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./cards.html" >
|
|
||||||
Cards
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
|
||||||
Cards Masonry
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./dropdowns.html" >
|
|
||||||
Dropdowns
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./icons.html" >
|
|
||||||
Icons
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./modals.html" >
|
|
||||||
Modals
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./maps.html" >
|
|
||||||
Maps
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./maps-vector.html" >
|
|
||||||
Vector maps
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./navigation.html" >
|
|
||||||
Navigation
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./charts.html" >
|
|
||||||
Charts
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./pagination.html" >
|
|
||||||
Pagination
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./skeleton.html" >
|
|
||||||
Skeleton
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./tabs.html" >
|
|
||||||
Tabs
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./tables.html" >
|
|
||||||
Tables
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./carousel.html" >
|
|
||||||
Carousel
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./lists.html" >
|
|
||||||
Lists
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./typography.html" >
|
|
||||||
Typography
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./markdown.html" >
|
|
||||||
Markdown
|
|
||||||
</a>
|
|
||||||
<div class="dropright">
|
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" 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-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="dropright">
|
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
|
||||||
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"><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"/><polyline points="9 11 12 14 20 6" /><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-toggle="dropdown" role="button" aria-expanded="false" >
|
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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">
|
|
||||||
<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="./users.html" >
|
|
||||||
Users
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./license.html" >
|
|
||||||
License
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./music.html" >
|
|
||||||
Music
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./widgets.html" >
|
|
||||||
Widgets
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./wizard.html" >
|
|
||||||
Wizard
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></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-vertical.html" >
|
|
||||||
Vertical
|
|
||||||
</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-condensed-dark.html" >
|
|
||||||
Condensed dark
|
|
||||||
</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-overlap.html" >
|
|
||||||
Navbar overlap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./layout-dark.html" >
|
|
||||||
Dark mode
|
|
||||||
</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="./docs/index.html" >
|
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
|
||||||
</span>
|
|
||||||
<span class="nav-link-title">
|
|
||||||
Documentation
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</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">
|
|
||||||
<div class="input-icon">
|
|
||||||
<span class="input-icon-addon">
|
|
||||||
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
|
||||||
</span>
|
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="container-xl">
|
|
||||||
<!-- Page title -->
|
|
||||||
<div class="page-header d-print-none">
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col">
|
|
||||||
<h2 class="page-title">
|
|
||||||
Heatmap Charts
|
|
||||||
</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row row-cards">
|
|
||||||
<div class="col-xl-6">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h4 class="card-title">Basic Heatmap - Single Series</h4>
|
|
||||||
<div id="chart-heatmap-basic"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xl-6">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h4 class="card-title">Heatmap - Multiple series</h4>
|
|
||||||
<div id="chart-heatmap-multiple"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xl-6">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h4 class="card-title">Heatmap - Labels included</h4>
|
|
||||||
<div id="chart-heatmap-labels"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xl-6">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
<h4 class="card-title">Heatmap - Color range</h4>
|
|
||||||
<div id="chart-heatmap-colors"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<footer class="footer footer-transparent d-print-none">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
|
||||||
<li class="list-inline-item"><a href="./docs/index.html" 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">Source code</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 © 2020
|
|
||||||
<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-alpha.14</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Libs JS -->
|
|
||||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
|
||||||
<script src="./dist/js/tabler.min.js"></script>
|
|
||||||
<script>
|
|
||||||
var generateData = function() {
|
|
||||||
var data = [],
|
|
||||||
min = 0,
|
|
||||||
max = 100,
|
|
||||||
count = 15;
|
|
||||||
for (var n = 0; n < count; n++) {
|
|
||||||
data.push({
|
|
||||||
x: (n + 1).toString(),
|
|
||||||
y: Math.floor(Math.random() * (max - min + 1)) + min
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
};
|
|
||||||
var options = {
|
|
||||||
chart: {
|
|
||||||
height: 400,
|
|
||||||
type: "heatmap",
|
|
||||||
toolbar: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
dataLabels: {
|
|
||||||
enabled: false
|
|
||||||
},
|
|
||||||
colors: ["#206bc4", ],
|
|
||||||
series: [
|
|
||||||
{ name: "Jan", data: generateData() },
|
|
||||||
{ name: "Feb", data: generateData() },
|
|
||||||
{ name: "Mar", data: generateData() },
|
|
||||||
{ name: "Apr", data: generateData() },
|
|
||||||
{ name: "May", data: generateData() },
|
|
||||||
{ name: "Jun", data: generateData() },
|
|
||||||
{ name: "Jul", data: generateData() },
|
|
||||||
{ name: "Aug", data: generateData() },
|
|
||||||
{ name: "Sep", data: generateData() },
|
|
||||||
{ name: "Oct", data: generateData() },
|
|
||||||
{ name: "Nov", data: generateData() },
|
|
||||||
{ name: "Dec", data: generateData() },
|
|
||||||
],
|
|
||||||
xaxis: {
|
|
||||||
type: "category"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
(new ApexCharts(document.querySelector("#chart-heatmap-basic"),options)).render();
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
var generateData = function() {
|
|
||||||
var data = [],
|
|
||||||
min = 0,
|
|
||||||
max = 100,
|
|
||||||
count = 15;
|
|
||||||
for (var n = 0; n < count; n++) {
|
|
||||||
data.push({
|
|
||||||
x: (n + 1).toString(),
|
|
||||||
y: Math.floor(Math.random() * (max - min + 1)) + min
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
};
|
|
||||||
var options = {
|
|
||||||
chart: {
|
|
||||||
height: 400,
|
|
||||||
type: "heatmap",
|
|
||||||
toolbar: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
dataLabels: {
|
|
||||||
enabled: false
|
|
||||||
},
|
|
||||||
colors: ["#206bc4", "#45aaf2", "#6574cd", "#a55eea", "#f66d9b", "#cd201f", "#ff922b", "#fab005", "#94d82d", "#5eba00", "#2bcbba", "#17a2b8", ],
|
|
||||||
series: [
|
|
||||||
{ name: "Jan", data: generateData() },
|
|
||||||
{ name: "Feb", data: generateData() },
|
|
||||||
{ name: "Mar", data: generateData() },
|
|
||||||
{ name: "Apr", data: generateData() },
|
|
||||||
{ name: "May", data: generateData() },
|
|
||||||
{ name: "Jun", data: generateData() },
|
|
||||||
{ name: "Jul", data: generateData() },
|
|
||||||
{ name: "Aug", data: generateData() },
|
|
||||||
{ name: "Sep", data: generateData() },
|
|
||||||
{ name: "Oct", data: generateData() },
|
|
||||||
{ name: "Nov", data: generateData() },
|
|
||||||
{ name: "Dec", data: generateData() },
|
|
||||||
],
|
|
||||||
xaxis: {
|
|
||||||
type: "category"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
(new ApexCharts(document.querySelector("#chart-heatmap-multiple"),options)).render();
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
var generateData = function() {
|
|
||||||
var data = [],
|
|
||||||
min = 0,
|
|
||||||
max = 100,
|
|
||||||
count = 15;
|
|
||||||
for (var n = 0; n < count; n++) {
|
|
||||||
data.push({
|
|
||||||
x: (n + 1).toString(),
|
|
||||||
y: Math.floor(Math.random() * (max - min + 1)) + min
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
};
|
|
||||||
var options = {
|
|
||||||
chart: {
|
|
||||||
height: 400,
|
|
||||||
type: "heatmap",
|
|
||||||
toolbar: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
dataLabels: {
|
|
||||||
enabled: true
|
|
||||||
},
|
|
||||||
colors: ["#206bc4", ],
|
|
||||||
series: [
|
|
||||||
{ name: "Jan", data: generateData() },
|
|
||||||
{ name: "Feb", data: generateData() },
|
|
||||||
{ name: "Mar", data: generateData() },
|
|
||||||
{ name: "Apr", data: generateData() },
|
|
||||||
{ name: "May", data: generateData() },
|
|
||||||
{ name: "Jun", data: generateData() },
|
|
||||||
{ name: "Jul", data: generateData() },
|
|
||||||
{ name: "Aug", data: generateData() },
|
|
||||||
{ name: "Sep", data: generateData() },
|
|
||||||
{ name: "Oct", data: generateData() },
|
|
||||||
{ name: "Nov", data: generateData() },
|
|
||||||
{ name: "Dec", data: generateData() },
|
|
||||||
],
|
|
||||||
xaxis: {
|
|
||||||
type: "category"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
(new ApexCharts(document.querySelector("#chart-heatmap-labels"),options)).render();
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
var generateData = function() {
|
|
||||||
var data = [],
|
|
||||||
min = 0,
|
|
||||||
max = 100,
|
|
||||||
count = 15;
|
|
||||||
for (var n = 0; n < count; n++) {
|
|
||||||
data.push({
|
|
||||||
x: (n + 1).toString(),
|
|
||||||
y: Math.floor(Math.random() * (max - min + 1)) + min
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
};
|
|
||||||
var options = {
|
|
||||||
chart: {
|
|
||||||
height: 400,
|
|
||||||
type: "heatmap",
|
|
||||||
toolbar: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
dataLabels: {
|
|
||||||
enabled: false
|
|
||||||
},
|
|
||||||
plotOptions: {
|
|
||||||
heatmap: {
|
|
||||||
enableShades: true,
|
|
||||||
colorScale: {
|
|
||||||
ranges: [{
|
|
||||||
from: 0,
|
|
||||||
to: 20,
|
|
||||||
name: "Low",
|
|
||||||
color: "#5eba00"
|
|
||||||
}, {
|
|
||||||
from: 21,
|
|
||||||
to: 50,
|
|
||||||
name: "Medium",
|
|
||||||
color: "#206bc4"
|
|
||||||
}, {
|
|
||||||
from: 51,
|
|
||||||
to: 75,
|
|
||||||
name: "High",
|
|
||||||
color: "#fab005"
|
|
||||||
}, {
|
|
||||||
from: 76,
|
|
||||||
to: 100,
|
|
||||||
name: "Extreme",
|
|
||||||
color: "#cd201f"
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
series: [
|
|
||||||
{ name: "Jan", data: generateData() },
|
|
||||||
{ name: "Feb", data: generateData() },
|
|
||||||
{ name: "Mar", data: generateData() },
|
|
||||||
{ name: "Apr", data: generateData() },
|
|
||||||
{ name: "May", data: generateData() },
|
|
||||||
{ name: "Jun", data: generateData() },
|
|
||||||
{ name: "Jul", data: generateData() },
|
|
||||||
{ name: "Aug", data: generateData() },
|
|
||||||
{ name: "Sep", data: generateData() },
|
|
||||||
{ name: "Oct", data: generateData() },
|
|
||||||
{ name: "Nov", data: generateData() },
|
|
||||||
{ name: "Dec", data: generateData() },
|
|
||||||
],
|
|
||||||
xaxis: {
|
|
||||||
type: "category"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
(new ApexCharts(document.querySelector("#chart-heatmap-colors"),options)).render();
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
566
demo/charts.html
566
demo/charts.html
File diff suppressed because it is too large
Load Diff
701
demo/colors.html
Normal file
701
demo/colors.html
Normal file
@@ -0,0 +1,701 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<!--
|
||||||
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 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" rel="stylesheet"/>
|
||||||
|
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
|
</head>
|
||||||
|
<body class="antialiased">
|
||||||
|
<div class="wrapper">
|
||||||
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
|
<div class="container-xl">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
|
<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 btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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-end dropdown-menu-card">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
|
</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">Set status</a>
|
||||||
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">Settings</a>
|
||||||
|
<a href="#" class="dropdown-item">Logout</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="navbar-expand-md">
|
||||||
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||||
|
<div class="navbar navbar-light">
|
||||||
|
<div class="container-xl">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="./index.html" >
|
||||||
|
<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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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" 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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></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="./empty.html" >
|
||||||
|
Empty page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./blank.html" >
|
||||||
|
Blank page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./buttons.html" >
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./cards.html" >
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||||
|
Cards Masonry
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./dropdowns.html" >
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./icons.html" >
|
||||||
|
Icons
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
|
<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" >
|
||||||
|
Pagination
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./skeleton.html" >
|
||||||
|
Skeleton
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./lists.html" >
|
||||||
|
Lists
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./typography.html" >
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./markdown.html" >
|
||||||
|
Markdown
|
||||||
|
</a>
|
||||||
|
<div class="dropend">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" 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-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" role="button" aria-expanded="false" >
|
||||||
|
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"/><polyline points="9 11 12 14 20 6" /><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" 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">
|
||||||
|
<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="./users.html" >
|
||||||
|
Users
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./license.html" >
|
||||||
|
License
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./music.html" >
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./widgets.html" >
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="./wizard.html" >
|
||||||
|
Wizard
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" 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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></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-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-condensed-dark.html" >
|
||||||
|
Condensed dark
|
||||||
|
</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-dark.html" >
|
||||||
|
Dark mode
|
||||||
|
</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="./docs/index.html" >
|
||||||
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
|
</span>
|
||||||
|
<span class="nav-link-title">
|
||||||
|
Documentation
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</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">
|
||||||
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-wrapper">
|
||||||
|
<div class="container-xl">
|
||||||
|
<!-- Page title -->
|
||||||
|
<div class="page-header d-print-none">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col">
|
||||||
|
<h2 class="page-title">
|
||||||
|
Colors
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 text-white bg-blue" data-demo-color>bl
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-azure" data-demo-color>az
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-indigo" data-demo-color>in
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-purple" data-demo-color>pu
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-pink" data-demo-color>pi
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-red" data-demo-color>re
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-orange" data-demo-color>or
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-yellow" data-demo-color>ye
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-lime" data-demo-color>li
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-green" data-demo-color>gr
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-teal" data-demo-color>te
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-cyan" data-demo-color>cy
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-dark" data-demo-color>da
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-muted" 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-white" data-demo-color>bl</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-azure bg-white" data-demo-color>az</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-indigo bg-white" data-demo-color>in</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-purple bg-white" data-demo-color>pu</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-pink bg-white" data-demo-color>pi</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-red bg-white" data-demo-color>re</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-orange bg-white" data-demo-color>or</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-yellow bg-white" data-demo-color>ye</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-lime bg-white" data-demo-color>li</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-green bg-white" data-demo-color>gr</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-teal bg-white" data-demo-color>te</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-cyan bg-white" data-demo-color>cy</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-dark bg-white" data-demo-color>da</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-muted bg-white" data-demo-color>mu</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-light">
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-blue bg-light" data-demo-color>bl</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-azure bg-light" data-demo-color>az</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-indigo bg-light" data-demo-color>in</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-purple bg-light" data-demo-color>pu</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-pink bg-light" data-demo-color>pi</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-red bg-light" data-demo-color>re</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-orange bg-light" data-demo-color>or</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-yellow bg-light" data-demo-color>ye</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-lime bg-light" data-demo-color>li</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-green bg-light" data-demo-color>gr</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-teal bg-light" data-demo-color>te</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-cyan bg-light" data-demo-color>cy</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-dark bg-light" data-demo-color>da</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-muted bg-light" data-demo-color>mu</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-dark text-white">
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-blue bg-dark" data-demo-color>bl</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-azure bg-dark" data-demo-color>az</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-indigo bg-dark" data-demo-color>in</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-purple bg-dark" data-demo-color>pu</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-pink bg-dark" data-demo-color>pi</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-red bg-dark" data-demo-color>re</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-orange bg-dark" data-demo-color>or</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-yellow bg-dark" data-demo-color>ye</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-lime bg-dark" data-demo-color>li</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-green bg-dark" data-demo-color>gr</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-teal bg-dark" data-demo-color>te</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-cyan bg-dark" data-demo-color>cy</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-white bg-dark" data-demo-color>wh</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="avatar text-muted bg-dark" 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">
|
||||||
|
<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="./docs/index.html" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 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 © 2021
|
||||||
|
<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-beta2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Libs JS -->
|
||||||
|
<!-- Tabler Core -->
|
||||||
|
<script src="./dist/js/tabler.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
22
demo/dist/css/demo.css
vendored
22
demo/dist/css/demo.css
vendored
@@ -1,9 +1,9 @@
|
|||||||
/*!
|
/*!
|
||||||
* Tabler v1.0.0-alpha.14 (https://tabler.io)
|
* Tabler v1.0.0-beta2 (https://tabler.io)
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
*/
|
*/
|
||||||
pre.highlight,
|
pre.highlight,
|
||||||
@@ -12,7 +12,7 @@ pre.highlight,
|
|||||||
margin: 1.5rem 0;
|
margin: 1.5rem 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
font-size: 85.7142857%;
|
font-size: 85.7142857%;
|
||||||
border-radius: 3px; }
|
border-radius: 4px; }
|
||||||
pre.highlight::-webkit-scrollbar,
|
pre.highlight::-webkit-scrollbar,
|
||||||
.highlight pre::-webkit-scrollbar {
|
.highlight pre::-webkit-scrollbar {
|
||||||
width: 6px;
|
width: 6px;
|
||||||
@@ -22,14 +22,16 @@ pre.highlight,
|
|||||||
pre.highlight::-webkit-scrollbar-thumb,
|
pre.highlight::-webkit-scrollbar-thumb,
|
||||||
.highlight pre::-webkit-scrollbar-thumb {
|
.highlight pre::-webkit-scrollbar-thumb {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: #dbdee3; }
|
background: #a0a6ae; }
|
||||||
|
pre.highlight::-webkit-scrollbar-track,
|
||||||
|
.highlight pre::-webkit-scrollbar-track {
|
||||||
|
background: #e7eaef; }
|
||||||
pre.highlight::-webkit-scrollbar-corner,
|
pre.highlight::-webkit-scrollbar-corner,
|
||||||
.highlight pre::-webkit-scrollbar-corner {
|
.highlight pre::-webkit-scrollbar-corner {
|
||||||
background: transparent; }
|
background: transparent; }
|
||||||
pre.highlight:hover::-webkit-scrollbar-thumb,
|
pre.highlight:hover::-webkit-scrollbar-thumb,
|
||||||
.highlight pre:hover::-webkit-scrollbar-thumb {
|
.highlight pre:hover::-webkit-scrollbar-thumb {
|
||||||
background: #c6cad0;
|
background: #a0a6ae; }
|
||||||
background: #c6cad0; }
|
|
||||||
|
|
||||||
.highlight {
|
.highlight {
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
@@ -181,7 +183,7 @@ pre.highlight,
|
|||||||
|
|
||||||
.example {
|
.example {
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
margin: 2rem 0;
|
margin: 1rem 0 2rem;
|
||||||
border: 1px solid #e6e8e9;
|
border: 1px solid #e6e8e9;
|
||||||
border-radius: 3px 3px 0 0;
|
border-radius: 3px 3px 0 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -201,6 +203,8 @@ pre.highlight,
|
|||||||
color: #232e3c;
|
color: #232e3c;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
max-width: 100%; }
|
max-width: 100%; }
|
||||||
|
.example-content .page-header {
|
||||||
|
margin-bottom: 0; }
|
||||||
|
|
||||||
.example-bg {
|
.example-bg {
|
||||||
background: #f4f6fa; }
|
background: #f4f6fa; }
|
||||||
|
|||||||
10
demo/dist/css/demo.min.css
vendored
10
demo/dist/css/demo.min.css
vendored
File diff suppressed because one or more lines are too long
330
demo/dist/css/demo.rtl.css
vendored
Normal file
330
demo/dist/css/demo.rtl.css
vendored
Normal file
@@ -0,0 +1,330 @@
|
|||||||
|
/*!
|
||||||
|
* Tabler v1.0.0-beta2 (https://tabler.io)
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
|
pre.highlight,
|
||||||
|
.highlight pre {
|
||||||
|
max-height: 30rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
overflow: auto;
|
||||||
|
font-size: 85.7142857%;
|
||||||
|
border-radius: 4px; }
|
||||||
|
pre.highlight::-webkit-scrollbar,
|
||||||
|
.highlight pre::-webkit-scrollbar {
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
-webkit-transition: .3s background;
|
||||||
|
transition: .3s background; }
|
||||||
|
pre.highlight::-webkit-scrollbar-thumb,
|
||||||
|
.highlight pre::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 5px;
|
||||||
|
background: #a0a6ae; }
|
||||||
|
pre.highlight::-webkit-scrollbar-track,
|
||||||
|
.highlight pre::-webkit-scrollbar-track {
|
||||||
|
background: #e7eaef; }
|
||||||
|
pre.highlight::-webkit-scrollbar-corner,
|
||||||
|
.highlight pre::-webkit-scrollbar-corner {
|
||||||
|
background: transparent; }
|
||||||
|
pre.highlight:hover::-webkit-scrollbar-thumb,
|
||||||
|
.highlight pre:hover::-webkit-scrollbar-thumb {
|
||||||
|
background: #a0a6ae; }
|
||||||
|
|
||||||
|
.highlight {
|
||||||
|
margin: 0; }
|
||||||
|
.highlight code > * {
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 !important; }
|
||||||
|
.highlight .dl {
|
||||||
|
color: #4070a0; }
|
||||||
|
.highlight .c {
|
||||||
|
color: #727272; }
|
||||||
|
.highlight .c1 {
|
||||||
|
color: #727272; }
|
||||||
|
.highlight .ch {
|
||||||
|
font-style: italic;
|
||||||
|
color: #60a0b0; }
|
||||||
|
.highlight .cm {
|
||||||
|
color: #727272; }
|
||||||
|
.highlight .cp {
|
||||||
|
color: #008085; }
|
||||||
|
.highlight .cpf {
|
||||||
|
color: #007020; }
|
||||||
|
.highlight .cs {
|
||||||
|
color: #727272; }
|
||||||
|
.highlight .gd {
|
||||||
|
background-color: #fcc;
|
||||||
|
border: 1px solid #c00; }
|
||||||
|
.highlight .ge {
|
||||||
|
font-style: italic; }
|
||||||
|
.highlight .gh {
|
||||||
|
color: #030; }
|
||||||
|
.highlight .gi {
|
||||||
|
background-color: #cfc;
|
||||||
|
border: 1px solid #0c0; }
|
||||||
|
.highlight .gl {
|
||||||
|
text-decoration: underline; }
|
||||||
|
.highlight .go {
|
||||||
|
color: #aaa; }
|
||||||
|
.highlight .gp {
|
||||||
|
color: #009; }
|
||||||
|
.highlight .gr {
|
||||||
|
color: #f00; }
|
||||||
|
.highlight .gs {
|
||||||
|
font-weight: 700; }
|
||||||
|
.highlight .gt {
|
||||||
|
color: #9c6; }
|
||||||
|
.highlight .gu {
|
||||||
|
color: #030; }
|
||||||
|
.highlight .il {
|
||||||
|
color: #c24f19; }
|
||||||
|
.highlight .k {
|
||||||
|
color: #069; }
|
||||||
|
.highlight .kc {
|
||||||
|
color: #069; }
|
||||||
|
.highlight .kd {
|
||||||
|
color: #069; }
|
||||||
|
.highlight .kn {
|
||||||
|
color: #069; }
|
||||||
|
.highlight .kp {
|
||||||
|
color: #069; }
|
||||||
|
.highlight .kr {
|
||||||
|
color: #069; }
|
||||||
|
.highlight .kt {
|
||||||
|
color: #078; }
|
||||||
|
.highlight .m {
|
||||||
|
color: #c24f19; }
|
||||||
|
.highlight .mf {
|
||||||
|
color: #c24f19; }
|
||||||
|
.highlight .mb {
|
||||||
|
color: #40a070; }
|
||||||
|
.highlight .mh {
|
||||||
|
color: #c24f19; }
|
||||||
|
.highlight .mi {
|
||||||
|
color: #c24f19; }
|
||||||
|
.highlight .mo {
|
||||||
|
color: #c24f19; }
|
||||||
|
.highlight .na {
|
||||||
|
color: #006ee0; }
|
||||||
|
.highlight .nb {
|
||||||
|
color: #366; }
|
||||||
|
.highlight .nc {
|
||||||
|
color: #168174; }
|
||||||
|
.highlight .nd {
|
||||||
|
color: #6b62de; }
|
||||||
|
.highlight .ne {
|
||||||
|
color: #c00; }
|
||||||
|
.highlight .nf {
|
||||||
|
color: #b715f4; }
|
||||||
|
.highlight .ni {
|
||||||
|
color: #727272; }
|
||||||
|
.highlight .nl {
|
||||||
|
color: #6b62de; }
|
||||||
|
.highlight .nn {
|
||||||
|
color: #007ca5; }
|
||||||
|
.highlight .no {
|
||||||
|
color: #360; }
|
||||||
|
.highlight .nt {
|
||||||
|
color: #2f6f9f; }
|
||||||
|
.highlight .nv {
|
||||||
|
color: #033; }
|
||||||
|
.highlight .o {
|
||||||
|
color: #555; }
|
||||||
|
.highlight .ow {
|
||||||
|
color: #000; }
|
||||||
|
.highlight .s {
|
||||||
|
color: #d73038; }
|
||||||
|
.highlight .s1 {
|
||||||
|
color: #c30; }
|
||||||
|
.highlight .s2 {
|
||||||
|
color: #c30; }
|
||||||
|
.highlight .sa {
|
||||||
|
color: #4070a0; }
|
||||||
|
.highlight .sb {
|
||||||
|
color: #c30; }
|
||||||
|
.highlight .sc {
|
||||||
|
color: #c30; }
|
||||||
|
.highlight .sd {
|
||||||
|
font-style: italic;
|
||||||
|
color: #c30; }
|
||||||
|
.highlight .se {
|
||||||
|
color: #c30; }
|
||||||
|
.highlight .sh {
|
||||||
|
color: #c30; }
|
||||||
|
.highlight .si {
|
||||||
|
color: #a00; }
|
||||||
|
.highlight .sr {
|
||||||
|
color: #337e7e; }
|
||||||
|
.highlight .ss {
|
||||||
|
color: #fc3; }
|
||||||
|
.highlight .sx {
|
||||||
|
color: #c30; }
|
||||||
|
.highlight .w {
|
||||||
|
color: #bbb; }
|
||||||
|
.highlight .language-bash::before, .highlight .language-sh::before {
|
||||||
|
color: #009;
|
||||||
|
content: "$ ";
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
.highlight .language-bash .m, .highlight .language-sh .m {
|
||||||
|
color: inherit; }
|
||||||
|
.highlight .language-powershell::before {
|
||||||
|
color: #009;
|
||||||
|
content: "PM> ";
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.example {
|
||||||
|
padding: 2rem;
|
||||||
|
margin: 1rem 0 2rem;
|
||||||
|
border: 1px solid #e6e8e9;
|
||||||
|
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.4285714;
|
||||||
|
color: #232e3c;
|
||||||
|
flex: 1;
|
||||||
|
max-width: 100%; }
|
||||||
|
.example-content .page-header {
|
||||||
|
margin-bottom: 0; }
|
||||||
|
|
||||||
|
.example-bg {
|
||||||
|
background: #f4f6fa; }
|
||||||
|
|
||||||
|
.example-code {
|
||||||
|
margin: 2rem 0;
|
||||||
|
border: 1px solid #e6e8e9;
|
||||||
|
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: #232e3c;
|
||||||
|
opacity: 0.24;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 2px 2px 0 0; }
|
||||||
|
|
||||||
|
@media not print {
|
||||||
|
.theme-dark .example-code {
|
||||||
|
border: 1px solid #e6e8e9;
|
||||||
|
border-top: none; } }
|
||||||
|
|
||||||
|
@media not print and (prefers-color-scheme: dark) {
|
||||||
|
.theme-dark-auto .example-code {
|
||||||
|
border: 1px solid #e6e8e9;
|
||||||
|
border-top: none; } }
|
||||||
|
|
||||||
|
.card-sponsor {
|
||||||
|
background: #dbe7f6 no-repeat center/100% 100%;
|
||||||
|
border-color: #548ed2;
|
||||||
|
min-height: 316px; }
|
||||||
|
|
||||||
|
body.no-transitions * {
|
||||||
|
transition: none !important; }
|
||||||
|
|
||||||
|
.dropdown-menu-demo {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
top: 0;
|
||||||
|
margin-bottom: 1rem; }
|
||||||
|
|
||||||
|
.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: .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 7rem; }
|
||||||
|
|
||||||
|
.demo-icons-list-wrap {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.demo-icons-list-item {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 7rem;
|
||||||
|
text-align: center;
|
||||||
|
padding: .5rem;
|
||||||
|
border-left: 1px solid #e6e8e9;
|
||||||
|
border-bottom: 1px solid #e6e8e9;
|
||||||
|
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; }
|
||||||
9
demo/dist/css/demo.rtl.min.css
vendored
Normal file
9
demo/dist/css/demo.rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
32
demo/dist/css/tabler-flags.css
vendored
32
demo/dist/css/tabler-flags.css
vendored
@@ -1,9 +1,9 @@
|
|||||||
/*!
|
/*!
|
||||||
* Tabler v1.0.0-alpha.14 (https://tabler.io)
|
* Tabler v1.0.0-beta2 (https://tabler.io)
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
*/
|
*/
|
||||||
.flag {
|
.flag {
|
||||||
@@ -787,21 +787,25 @@
|
|||||||
background-image: url("../img/flags/un.svg"); }
|
background-image: url("../img/flags/un.svg"); }
|
||||||
|
|
||||||
.flag-xs {
|
.flag-xs {
|
||||||
width: 1.6666625rem;
|
width: 1.25rem;
|
||||||
height: 1.25rem; }
|
height: 0.9375rem; }
|
||||||
|
|
||||||
.flag-sm {
|
.flag-sm {
|
||||||
width: 2.66666rem;
|
width: 2rem;
|
||||||
height: 2rem; }
|
height: 1.5rem; }
|
||||||
|
|
||||||
.flag-md {
|
.flag-md {
|
||||||
width: 4.9999875rem;
|
width: 3.75rem;
|
||||||
height: 3.75rem; }
|
height: 2.8125rem; }
|
||||||
|
|
||||||
.flag-lg {
|
.flag-lg {
|
||||||
width: 6.66665rem;
|
width: 5rem;
|
||||||
height: 5rem; }
|
height: 3.75rem; }
|
||||||
|
|
||||||
.flag-xl {
|
.flag-xl {
|
||||||
width: 9.33331rem;
|
width: 7rem;
|
||||||
height: 7rem; }
|
height: 5.25rem; }
|
||||||
|
|
||||||
|
.flag-2xl {
|
||||||
|
width: 11rem;
|
||||||
|
height: 8.25rem; }
|
||||||
|
|||||||
10
demo/dist/css/tabler-flags.min.css
vendored
10
demo/dist/css/tabler-flags.min.css
vendored
File diff suppressed because one or more lines are too long
811
demo/dist/css/tabler-flags.rtl.css
vendored
Normal file
811
demo/dist/css/tabler-flags.rtl.css
vendored
Normal file
@@ -0,0 +1,811 @@
|
|||||||
|
/*!
|
||||||
|
* Tabler v1.0.0-beta2 (https://tabler.io)
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
|
.flag {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
width: 1.33333em;
|
||||||
|
height: 1em;
|
||||||
|
vertical-align: -3px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: cover;
|
||||||
|
border: 1px solid #e6e8e9;
|
||||||
|
border-radius: 3px; }
|
||||||
|
|
||||||
|
.flag-country-ad {
|
||||||
|
background-image: url("../img/flags/ad.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ae {
|
||||||
|
background-image: url("../img/flags/ae.svg"); }
|
||||||
|
|
||||||
|
.flag-country-af {
|
||||||
|
background-image: url("../img/flags/af.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ag {
|
||||||
|
background-image: url("../img/flags/ag.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ai {
|
||||||
|
background-image: url("../img/flags/ai.svg"); }
|
||||||
|
|
||||||
|
.flag-country-al {
|
||||||
|
background-image: url("../img/flags/al.svg"); }
|
||||||
|
|
||||||
|
.flag-country-am {
|
||||||
|
background-image: url("../img/flags/am.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ao {
|
||||||
|
background-image: url("../img/flags/ao.svg"); }
|
||||||
|
|
||||||
|
.flag-country-aq {
|
||||||
|
background-image: url("../img/flags/aq.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ar {
|
||||||
|
background-image: url("../img/flags/ar.svg"); }
|
||||||
|
|
||||||
|
.flag-country-as {
|
||||||
|
background-image: url("../img/flags/as.svg"); }
|
||||||
|
|
||||||
|
.flag-country-at {
|
||||||
|
background-image: url("../img/flags/at.svg"); }
|
||||||
|
|
||||||
|
.flag-country-au {
|
||||||
|
background-image: url("../img/flags/au.svg"); }
|
||||||
|
|
||||||
|
.flag-country-aw {
|
||||||
|
background-image: url("../img/flags/aw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ax {
|
||||||
|
background-image: url("../img/flags/ax.svg"); }
|
||||||
|
|
||||||
|
.flag-country-az {
|
||||||
|
background-image: url("../img/flags/az.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ba {
|
||||||
|
background-image: url("../img/flags/ba.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bb {
|
||||||
|
background-image: url("../img/flags/bb.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bd {
|
||||||
|
background-image: url("../img/flags/bd.svg"); }
|
||||||
|
|
||||||
|
.flag-country-be {
|
||||||
|
background-image: url("../img/flags/be.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bf {
|
||||||
|
background-image: url("../img/flags/bf.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bg {
|
||||||
|
background-image: url("../img/flags/bg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bh {
|
||||||
|
background-image: url("../img/flags/bh.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bi {
|
||||||
|
background-image: url("../img/flags/bi.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bj {
|
||||||
|
background-image: url("../img/flags/bj.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bl {
|
||||||
|
background-image: url("../img/flags/bl.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bm {
|
||||||
|
background-image: url("../img/flags/bm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bn {
|
||||||
|
background-image: url("../img/flags/bn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bo {
|
||||||
|
background-image: url("../img/flags/bo.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bq {
|
||||||
|
background-image: url("../img/flags/bq.svg"); }
|
||||||
|
|
||||||
|
.flag-country-br {
|
||||||
|
background-image: url("../img/flags/br.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bs {
|
||||||
|
background-image: url("../img/flags/bs.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bt {
|
||||||
|
background-image: url("../img/flags/bt.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bv {
|
||||||
|
background-image: url("../img/flags/bv.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bw {
|
||||||
|
background-image: url("../img/flags/bw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-by {
|
||||||
|
background-image: url("../img/flags/by.svg"); }
|
||||||
|
|
||||||
|
.flag-country-bz {
|
||||||
|
background-image: url("../img/flags/bz.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ca {
|
||||||
|
background-image: url("../img/flags/ca.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cc {
|
||||||
|
background-image: url("../img/flags/cc.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cd {
|
||||||
|
background-image: url("../img/flags/cd.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cf {
|
||||||
|
background-image: url("../img/flags/cf.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cg {
|
||||||
|
background-image: url("../img/flags/cg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ch {
|
||||||
|
background-image: url("../img/flags/ch.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ci {
|
||||||
|
background-image: url("../img/flags/ci.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ck {
|
||||||
|
background-image: url("../img/flags/ck.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cl {
|
||||||
|
background-image: url("../img/flags/cl.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cm {
|
||||||
|
background-image: url("../img/flags/cm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cn {
|
||||||
|
background-image: url("../img/flags/cn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-co {
|
||||||
|
background-image: url("../img/flags/co.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cr {
|
||||||
|
background-image: url("../img/flags/cr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cu {
|
||||||
|
background-image: url("../img/flags/cu.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cv {
|
||||||
|
background-image: url("../img/flags/cv.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cw {
|
||||||
|
background-image: url("../img/flags/cw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cx {
|
||||||
|
background-image: url("../img/flags/cx.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cy {
|
||||||
|
background-image: url("../img/flags/cy.svg"); }
|
||||||
|
|
||||||
|
.flag-country-cz {
|
||||||
|
background-image: url("../img/flags/cz.svg"); }
|
||||||
|
|
||||||
|
.flag-country-de {
|
||||||
|
background-image: url("../img/flags/de.svg"); }
|
||||||
|
|
||||||
|
.flag-country-dj {
|
||||||
|
background-image: url("../img/flags/dj.svg"); }
|
||||||
|
|
||||||
|
.flag-country-dk {
|
||||||
|
background-image: url("../img/flags/dk.svg"); }
|
||||||
|
|
||||||
|
.flag-country-dm {
|
||||||
|
background-image: url("../img/flags/dm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-do {
|
||||||
|
background-image: url("../img/flags/do.svg"); }
|
||||||
|
|
||||||
|
.flag-country-dz {
|
||||||
|
background-image: url("../img/flags/dz.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ec {
|
||||||
|
background-image: url("../img/flags/ec.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ee {
|
||||||
|
background-image: url("../img/flags/ee.svg"); }
|
||||||
|
|
||||||
|
.flag-country-eg {
|
||||||
|
background-image: url("../img/flags/eg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-eh {
|
||||||
|
background-image: url("../img/flags/eh.svg"); }
|
||||||
|
|
||||||
|
.flag-country-er {
|
||||||
|
background-image: url("../img/flags/er.svg"); }
|
||||||
|
|
||||||
|
.flag-country-es {
|
||||||
|
background-image: url("../img/flags/es.svg"); }
|
||||||
|
|
||||||
|
.flag-country-et {
|
||||||
|
background-image: url("../img/flags/et.svg"); }
|
||||||
|
|
||||||
|
.flag-country-fi {
|
||||||
|
background-image: url("../img/flags/fi.svg"); }
|
||||||
|
|
||||||
|
.flag-country-fj {
|
||||||
|
background-image: url("../img/flags/fj.svg"); }
|
||||||
|
|
||||||
|
.flag-country-fk {
|
||||||
|
background-image: url("../img/flags/fk.svg"); }
|
||||||
|
|
||||||
|
.flag-country-fm {
|
||||||
|
background-image: url("../img/flags/fm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-fo {
|
||||||
|
background-image: url("../img/flags/fo.svg"); }
|
||||||
|
|
||||||
|
.flag-country-fr {
|
||||||
|
background-image: url("../img/flags/fr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ga {
|
||||||
|
background-image: url("../img/flags/ga.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gb {
|
||||||
|
background-image: url("../img/flags/gb.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gd {
|
||||||
|
background-image: url("../img/flags/gd.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ge {
|
||||||
|
background-image: url("../img/flags/ge.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gf {
|
||||||
|
background-image: url("../img/flags/gf.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gg {
|
||||||
|
background-image: url("../img/flags/gg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gh {
|
||||||
|
background-image: url("../img/flags/gh.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gi {
|
||||||
|
background-image: url("../img/flags/gi.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gl {
|
||||||
|
background-image: url("../img/flags/gl.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gm {
|
||||||
|
background-image: url("../img/flags/gm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gn {
|
||||||
|
background-image: url("../img/flags/gn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gp {
|
||||||
|
background-image: url("../img/flags/gp.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gq {
|
||||||
|
background-image: url("../img/flags/gq.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gr {
|
||||||
|
background-image: url("../img/flags/gr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gs {
|
||||||
|
background-image: url("../img/flags/gs.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gt {
|
||||||
|
background-image: url("../img/flags/gt.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gu {
|
||||||
|
background-image: url("../img/flags/gu.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gw {
|
||||||
|
background-image: url("../img/flags/gw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gy {
|
||||||
|
background-image: url("../img/flags/gy.svg"); }
|
||||||
|
|
||||||
|
.flag-country-hk {
|
||||||
|
background-image: url("../img/flags/hk.svg"); }
|
||||||
|
|
||||||
|
.flag-country-hm {
|
||||||
|
background-image: url("../img/flags/hm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-hn {
|
||||||
|
background-image: url("../img/flags/hn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-hr {
|
||||||
|
background-image: url("../img/flags/hr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ht {
|
||||||
|
background-image: url("../img/flags/ht.svg"); }
|
||||||
|
|
||||||
|
.flag-country-hu {
|
||||||
|
background-image: url("../img/flags/hu.svg"); }
|
||||||
|
|
||||||
|
.flag-country-id {
|
||||||
|
background-image: url("../img/flags/id.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ie {
|
||||||
|
background-image: url("../img/flags/ie.svg"); }
|
||||||
|
|
||||||
|
.flag-country-il {
|
||||||
|
background-image: url("../img/flags/il.svg"); }
|
||||||
|
|
||||||
|
.flag-country-im {
|
||||||
|
background-image: url("../img/flags/im.svg"); }
|
||||||
|
|
||||||
|
.flag-country-in {
|
||||||
|
background-image: url("../img/flags/in.svg"); }
|
||||||
|
|
||||||
|
.flag-country-io {
|
||||||
|
background-image: url("../img/flags/io.svg"); }
|
||||||
|
|
||||||
|
.flag-country-iq {
|
||||||
|
background-image: url("../img/flags/iq.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ir {
|
||||||
|
background-image: url("../img/flags/ir.svg"); }
|
||||||
|
|
||||||
|
.flag-country-is {
|
||||||
|
background-image: url("../img/flags/is.svg"); }
|
||||||
|
|
||||||
|
.flag-country-it {
|
||||||
|
background-image: url("../img/flags/it.svg"); }
|
||||||
|
|
||||||
|
.flag-country-je {
|
||||||
|
background-image: url("../img/flags/je.svg"); }
|
||||||
|
|
||||||
|
.flag-country-jm {
|
||||||
|
background-image: url("../img/flags/jm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-jo {
|
||||||
|
background-image: url("../img/flags/jo.svg"); }
|
||||||
|
|
||||||
|
.flag-country-jp {
|
||||||
|
background-image: url("../img/flags/jp.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ke {
|
||||||
|
background-image: url("../img/flags/ke.svg"); }
|
||||||
|
|
||||||
|
.flag-country-kg {
|
||||||
|
background-image: url("../img/flags/kg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-kh {
|
||||||
|
background-image: url("../img/flags/kh.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ki {
|
||||||
|
background-image: url("../img/flags/ki.svg"); }
|
||||||
|
|
||||||
|
.flag-country-km {
|
||||||
|
background-image: url("../img/flags/km.svg"); }
|
||||||
|
|
||||||
|
.flag-country-kn {
|
||||||
|
background-image: url("../img/flags/kn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-kp {
|
||||||
|
background-image: url("../img/flags/kp.svg"); }
|
||||||
|
|
||||||
|
.flag-country-kr {
|
||||||
|
background-image: url("../img/flags/kr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-kw {
|
||||||
|
background-image: url("../img/flags/kw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ky {
|
||||||
|
background-image: url("../img/flags/ky.svg"); }
|
||||||
|
|
||||||
|
.flag-country-kz {
|
||||||
|
background-image: url("../img/flags/kz.svg"); }
|
||||||
|
|
||||||
|
.flag-country-la {
|
||||||
|
background-image: url("../img/flags/la.svg"); }
|
||||||
|
|
||||||
|
.flag-country-lb {
|
||||||
|
background-image: url("../img/flags/lb.svg"); }
|
||||||
|
|
||||||
|
.flag-country-lc {
|
||||||
|
background-image: url("../img/flags/lc.svg"); }
|
||||||
|
|
||||||
|
.flag-country-li {
|
||||||
|
background-image: url("../img/flags/li.svg"); }
|
||||||
|
|
||||||
|
.flag-country-lk {
|
||||||
|
background-image: url("../img/flags/lk.svg"); }
|
||||||
|
|
||||||
|
.flag-country-lr {
|
||||||
|
background-image: url("../img/flags/lr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ls {
|
||||||
|
background-image: url("../img/flags/ls.svg"); }
|
||||||
|
|
||||||
|
.flag-country-lt {
|
||||||
|
background-image: url("../img/flags/lt.svg"); }
|
||||||
|
|
||||||
|
.flag-country-lu {
|
||||||
|
background-image: url("../img/flags/lu.svg"); }
|
||||||
|
|
||||||
|
.flag-country-lv {
|
||||||
|
background-image: url("../img/flags/lv.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ly {
|
||||||
|
background-image: url("../img/flags/ly.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ma {
|
||||||
|
background-image: url("../img/flags/ma.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mc {
|
||||||
|
background-image: url("../img/flags/mc.svg"); }
|
||||||
|
|
||||||
|
.flag-country-md {
|
||||||
|
background-image: url("../img/flags/md.svg"); }
|
||||||
|
|
||||||
|
.flag-country-me {
|
||||||
|
background-image: url("../img/flags/me.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mf {
|
||||||
|
background-image: url("../img/flags/mf.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mg {
|
||||||
|
background-image: url("../img/flags/mg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mh {
|
||||||
|
background-image: url("../img/flags/mh.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mk {
|
||||||
|
background-image: url("../img/flags/mk.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ml {
|
||||||
|
background-image: url("../img/flags/ml.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mm {
|
||||||
|
background-image: url("../img/flags/mm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mn {
|
||||||
|
background-image: url("../img/flags/mn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mo {
|
||||||
|
background-image: url("../img/flags/mo.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mp {
|
||||||
|
background-image: url("../img/flags/mp.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mq {
|
||||||
|
background-image: url("../img/flags/mq.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mr {
|
||||||
|
background-image: url("../img/flags/mr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ms {
|
||||||
|
background-image: url("../img/flags/ms.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mt {
|
||||||
|
background-image: url("../img/flags/mt.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mu {
|
||||||
|
background-image: url("../img/flags/mu.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mv {
|
||||||
|
background-image: url("../img/flags/mv.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mw {
|
||||||
|
background-image: url("../img/flags/mw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mx {
|
||||||
|
background-image: url("../img/flags/mx.svg"); }
|
||||||
|
|
||||||
|
.flag-country-my {
|
||||||
|
background-image: url("../img/flags/my.svg"); }
|
||||||
|
|
||||||
|
.flag-country-mz {
|
||||||
|
background-image: url("../img/flags/mz.svg"); }
|
||||||
|
|
||||||
|
.flag-country-na {
|
||||||
|
background-image: url("../img/flags/na.svg"); }
|
||||||
|
|
||||||
|
.flag-country-nc {
|
||||||
|
background-image: url("../img/flags/nc.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ne {
|
||||||
|
background-image: url("../img/flags/ne.svg"); }
|
||||||
|
|
||||||
|
.flag-country-nf {
|
||||||
|
background-image: url("../img/flags/nf.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ng {
|
||||||
|
background-image: url("../img/flags/ng.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ni {
|
||||||
|
background-image: url("../img/flags/ni.svg"); }
|
||||||
|
|
||||||
|
.flag-country-nl {
|
||||||
|
background-image: url("../img/flags/nl.svg"); }
|
||||||
|
|
||||||
|
.flag-country-no {
|
||||||
|
background-image: url("../img/flags/no.svg"); }
|
||||||
|
|
||||||
|
.flag-country-np {
|
||||||
|
background-image: url("../img/flags/np.svg"); }
|
||||||
|
|
||||||
|
.flag-country-nr {
|
||||||
|
background-image: url("../img/flags/nr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-nu {
|
||||||
|
background-image: url("../img/flags/nu.svg"); }
|
||||||
|
|
||||||
|
.flag-country-nz {
|
||||||
|
background-image: url("../img/flags/nz.svg"); }
|
||||||
|
|
||||||
|
.flag-country-om {
|
||||||
|
background-image: url("../img/flags/om.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pa {
|
||||||
|
background-image: url("../img/flags/pa.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pe {
|
||||||
|
background-image: url("../img/flags/pe.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pf {
|
||||||
|
background-image: url("../img/flags/pf.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pg {
|
||||||
|
background-image: url("../img/flags/pg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ph {
|
||||||
|
background-image: url("../img/flags/ph.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pk {
|
||||||
|
background-image: url("../img/flags/pk.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pl {
|
||||||
|
background-image: url("../img/flags/pl.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pm {
|
||||||
|
background-image: url("../img/flags/pm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pn {
|
||||||
|
background-image: url("../img/flags/pn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pr {
|
||||||
|
background-image: url("../img/flags/pr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ps {
|
||||||
|
background-image: url("../img/flags/ps.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pt {
|
||||||
|
background-image: url("../img/flags/pt.svg"); }
|
||||||
|
|
||||||
|
.flag-country-pw {
|
||||||
|
background-image: url("../img/flags/pw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-py {
|
||||||
|
background-image: url("../img/flags/py.svg"); }
|
||||||
|
|
||||||
|
.flag-country-qa {
|
||||||
|
background-image: url("../img/flags/qa.svg"); }
|
||||||
|
|
||||||
|
.flag-country-re {
|
||||||
|
background-image: url("../img/flags/re.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ro {
|
||||||
|
background-image: url("../img/flags/ro.svg"); }
|
||||||
|
|
||||||
|
.flag-country-rs {
|
||||||
|
background-image: url("../img/flags/rs.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ru {
|
||||||
|
background-image: url("../img/flags/ru.svg"); }
|
||||||
|
|
||||||
|
.flag-country-rw {
|
||||||
|
background-image: url("../img/flags/rw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sa {
|
||||||
|
background-image: url("../img/flags/sa.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sb {
|
||||||
|
background-image: url("../img/flags/sb.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sc {
|
||||||
|
background-image: url("../img/flags/sc.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sd {
|
||||||
|
background-image: url("../img/flags/sd.svg"); }
|
||||||
|
|
||||||
|
.flag-country-se {
|
||||||
|
background-image: url("../img/flags/se.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sg {
|
||||||
|
background-image: url("../img/flags/sg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sh {
|
||||||
|
background-image: url("../img/flags/sh.svg"); }
|
||||||
|
|
||||||
|
.flag-country-si {
|
||||||
|
background-image: url("../img/flags/si.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sj {
|
||||||
|
background-image: url("../img/flags/sj.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sk {
|
||||||
|
background-image: url("../img/flags/sk.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sl {
|
||||||
|
background-image: url("../img/flags/sl.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sm {
|
||||||
|
background-image: url("../img/flags/sm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sn {
|
||||||
|
background-image: url("../img/flags/sn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-so {
|
||||||
|
background-image: url("../img/flags/so.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sr {
|
||||||
|
background-image: url("../img/flags/sr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ss {
|
||||||
|
background-image: url("../img/flags/ss.svg"); }
|
||||||
|
|
||||||
|
.flag-country-st {
|
||||||
|
background-image: url("../img/flags/st.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sv {
|
||||||
|
background-image: url("../img/flags/sv.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sx {
|
||||||
|
background-image: url("../img/flags/sx.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sy {
|
||||||
|
background-image: url("../img/flags/sy.svg"); }
|
||||||
|
|
||||||
|
.flag-country-sz {
|
||||||
|
background-image: url("../img/flags/sz.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tc {
|
||||||
|
background-image: url("../img/flags/tc.svg"); }
|
||||||
|
|
||||||
|
.flag-country-td {
|
||||||
|
background-image: url("../img/flags/td.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tf {
|
||||||
|
background-image: url("../img/flags/tf.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tg {
|
||||||
|
background-image: url("../img/flags/tg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-th {
|
||||||
|
background-image: url("../img/flags/th.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tj {
|
||||||
|
background-image: url("../img/flags/tj.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tk {
|
||||||
|
background-image: url("../img/flags/tk.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tl {
|
||||||
|
background-image: url("../img/flags/tl.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tm {
|
||||||
|
background-image: url("../img/flags/tm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tn {
|
||||||
|
background-image: url("../img/flags/tn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-to {
|
||||||
|
background-image: url("../img/flags/to.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tr {
|
||||||
|
background-image: url("../img/flags/tr.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tt {
|
||||||
|
background-image: url("../img/flags/tt.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tv {
|
||||||
|
background-image: url("../img/flags/tv.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tw {
|
||||||
|
background-image: url("../img/flags/tw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-tz {
|
||||||
|
background-image: url("../img/flags/tz.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ua {
|
||||||
|
background-image: url("../img/flags/ua.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ug {
|
||||||
|
background-image: url("../img/flags/ug.svg"); }
|
||||||
|
|
||||||
|
.flag-country-um {
|
||||||
|
background-image: url("../img/flags/um.svg"); }
|
||||||
|
|
||||||
|
.flag-country-us {
|
||||||
|
background-image: url("../img/flags/us.svg"); }
|
||||||
|
|
||||||
|
.flag-country-uy {
|
||||||
|
background-image: url("../img/flags/uy.svg"); }
|
||||||
|
|
||||||
|
.flag-country-uz {
|
||||||
|
background-image: url("../img/flags/uz.svg"); }
|
||||||
|
|
||||||
|
.flag-country-va {
|
||||||
|
background-image: url("../img/flags/va.svg"); }
|
||||||
|
|
||||||
|
.flag-country-vc {
|
||||||
|
background-image: url("../img/flags/vc.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ve {
|
||||||
|
background-image: url("../img/flags/ve.svg"); }
|
||||||
|
|
||||||
|
.flag-country-vg {
|
||||||
|
background-image: url("../img/flags/vg.svg"); }
|
||||||
|
|
||||||
|
.flag-country-vi {
|
||||||
|
background-image: url("../img/flags/vi.svg"); }
|
||||||
|
|
||||||
|
.flag-country-vn {
|
||||||
|
background-image: url("../img/flags/vn.svg"); }
|
||||||
|
|
||||||
|
.flag-country-vu {
|
||||||
|
background-image: url("../img/flags/vu.svg"); }
|
||||||
|
|
||||||
|
.flag-country-wf {
|
||||||
|
background-image: url("../img/flags/wf.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ws {
|
||||||
|
background-image: url("../img/flags/ws.svg"); }
|
||||||
|
|
||||||
|
.flag-country-ye {
|
||||||
|
background-image: url("../img/flags/ye.svg"); }
|
||||||
|
|
||||||
|
.flag-country-yt {
|
||||||
|
background-image: url("../img/flags/yt.svg"); }
|
||||||
|
|
||||||
|
.flag-country-za {
|
||||||
|
background-image: url("../img/flags/za.svg"); }
|
||||||
|
|
||||||
|
.flag-country-zm {
|
||||||
|
background-image: url("../img/flags/zm.svg"); }
|
||||||
|
|
||||||
|
.flag-country-zw {
|
||||||
|
background-image: url("../img/flags/zw.svg"); }
|
||||||
|
|
||||||
|
.flag-country-es-ct {
|
||||||
|
background-image: url("../img/flags/es-ct.svg"); }
|
||||||
|
|
||||||
|
.flag-country-eu {
|
||||||
|
background-image: url("../img/flags/eu.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gb-eng {
|
||||||
|
background-image: url("../img/flags/gb-eng.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gb-nir {
|
||||||
|
background-image: url("../img/flags/gb-nir.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gb-sct {
|
||||||
|
background-image: url("../img/flags/gb-sct.svg"); }
|
||||||
|
|
||||||
|
.flag-country-gb-wls {
|
||||||
|
background-image: url("../img/flags/gb-wls.svg"); }
|
||||||
|
|
||||||
|
.flag-country-un {
|
||||||
|
background-image: url("../img/flags/un.svg"); }
|
||||||
|
|
||||||
|
.flag-xs {
|
||||||
|
width: 1.25rem;
|
||||||
|
height: 0.9375rem; }
|
||||||
|
|
||||||
|
.flag-sm {
|
||||||
|
width: 2rem;
|
||||||
|
height: 1.5rem; }
|
||||||
|
|
||||||
|
.flag-md {
|
||||||
|
width: 3.75rem;
|
||||||
|
height: 2.8125rem; }
|
||||||
|
|
||||||
|
.flag-lg {
|
||||||
|
width: 5rem;
|
||||||
|
height: 3.75rem; }
|
||||||
|
|
||||||
|
.flag-xl {
|
||||||
|
width: 7rem;
|
||||||
|
height: 5.25rem; }
|
||||||
|
|
||||||
|
.flag-2xl {
|
||||||
|
width: 11rem;
|
||||||
|
height: 8.25rem; }
|
||||||
9
demo/dist/css/tabler-flags.rtl.min.css
vendored
Normal file
9
demo/dist/css/tabler-flags.rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
12
demo/dist/css/tabler-payments.css
vendored
12
demo/dist/css/tabler-payments.css
vendored
@@ -1,9 +1,9 @@
|
|||||||
/*!
|
/*!
|
||||||
* Tabler v1.0.0-alpha.14 (https://tabler.io)
|
* Tabler v1.0.0-beta2 (https://tabler.io)
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
*/
|
*/
|
||||||
.payment {
|
.payment {
|
||||||
@@ -389,3 +389,7 @@
|
|||||||
.payment-xl {
|
.payment-xl {
|
||||||
width: 11.66662rem;
|
width: 11.66662rem;
|
||||||
height: 7rem; }
|
height: 7rem; }
|
||||||
|
|
||||||
|
.payment-2xl {
|
||||||
|
width: 18.33326rem;
|
||||||
|
height: 11rem; }
|
||||||
|
|||||||
10
demo/dist/css/tabler-payments.min.css
vendored
10
demo/dist/css/tabler-payments.min.css
vendored
File diff suppressed because one or more lines are too long
395
demo/dist/css/tabler-payments.rtl.css
vendored
Normal file
395
demo/dist/css/tabler-payments.rtl.css
vendored
Normal file
@@ -0,0 +1,395 @@
|
|||||||
|
/*!
|
||||||
|
* Tabler v1.0.0-beta2 (https://tabler.io)
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
|
.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-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.083325rem;
|
||||||
|
height: 1.25rem; }
|
||||||
|
|
||||||
|
.payment-sm {
|
||||||
|
width: 3.33332rem;
|
||||||
|
height: 2rem; }
|
||||||
|
|
||||||
|
.payment-md {
|
||||||
|
width: 6.249975rem;
|
||||||
|
height: 3.75rem; }
|
||||||
|
|
||||||
|
.payment-lg {
|
||||||
|
width: 8.3333rem;
|
||||||
|
height: 5rem; }
|
||||||
|
|
||||||
|
.payment-xl {
|
||||||
|
width: 11.66662rem;
|
||||||
|
height: 7rem; }
|
||||||
|
|
||||||
|
.payment-2xl {
|
||||||
|
width: 18.33326rem;
|
||||||
|
height: 11rem; }
|
||||||
9
demo/dist/css/tabler-payments.rtl.min.css
vendored
Normal file
9
demo/dist/css/tabler-payments.rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
960
demo/dist/css/tabler-vendors.css
vendored
960
demo/dist/css/tabler-vendors.css
vendored
@@ -1,288 +1,308 @@
|
|||||||
/*!
|
/*!
|
||||||
* Tabler v1.0.0-alpha.14 (https://tabler.io)
|
* Tabler v1.0.0-beta2 (https://tabler.io)
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
*/
|
*/
|
||||||
.selectize-control {
|
/*! nouislider - 14.6.3 - 11/19/2020 */
|
||||||
padding: 0;
|
/* Functional styling;
|
||||||
border: 0;
|
* These styles are required for noUiSlider to function.
|
||||||
height: auto; }
|
* You don't need to change these rules to apply your design.
|
||||||
.selectize-control.multi .selectize-input.has-items {
|
*/
|
||||||
padding-left: 6px; }
|
.noUi-target,
|
||||||
.selectize-control.multi .selectize-input > div {
|
.noUi-target * {
|
||||||
font-size: 0.75rem;
|
-webkit-touch-callout: none;
|
||||||
margin: 0 6px 2px 0;
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
padding: 2px 8px;
|
|
||||||
border-radius: 3px;
|
|
||||||
background-color: rgba(135, 142, 151, 0.1);
|
|
||||||
color: inherit; }
|
|
||||||
.selectize-control .remove {
|
|
||||||
font-size: inherit !important;
|
|
||||||
font-weight: normal !important;
|
|
||||||
border-left: 0 !important;
|
|
||||||
color: #656d77 !important; }
|
|
||||||
.selectize-control.is-valid {
|
|
||||||
padding: 0; }
|
|
||||||
.selectize-control.is-valid .selectize-input {
|
|
||||||
border-color: #5eba00; }
|
|
||||||
.selectize-control.is-valid .selectize-input.focus {
|
|
||||||
box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.25); }
|
|
||||||
.selectize-control.is-valid .selectize-dropdown {
|
|
||||||
background: none;
|
|
||||||
background-color: inherit;
|
|
||||||
border-color: #e6e8e9;
|
|
||||||
padding-right: 0; }
|
|
||||||
.selectize-control.is-invalid {
|
|
||||||
padding: 0; }
|
|
||||||
.selectize-control.is-invalid .selectize-input {
|
|
||||||
border-color: #e53e3e; }
|
|
||||||
.selectize-control.is-invalid .selectize-input.focus {
|
|
||||||
box-shadow: 0 0 0 0.25rem rgba(229, 62, 62, 0.25); }
|
|
||||||
.selectize-control.is-invalid .selectize-dropdown {
|
|
||||||
background: none;
|
|
||||||
background-color: inherit;
|
|
||||||
border-color: #e6e8e9;
|
|
||||||
padding-right: 0; }
|
|
||||||
|
|
||||||
.selectize-input {
|
|
||||||
display: flex !important;
|
|
||||||
border: 1px solid #e6e8e9;
|
|
||||||
padding: 0.4375rem 0.75rem;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
box-shadow: none;
|
|
||||||
line-height: 1.4285714;
|
|
||||||
background-color: inherit !important;
|
|
||||||
color: inherit !important;
|
|
||||||
flex-wrap: wrap; }
|
|
||||||
.selectize-input.full {
|
|
||||||
background-color: inherit; }
|
|
||||||
.selectize-input.dropdown-active {
|
|
||||||
border-radius: 3px; }
|
|
||||||
.selectize-control.single .selectize-input {
|
|
||||||
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dadcde' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center/16px 12px; }
|
|
||||||
.selectize-input.focus {
|
|
||||||
border-color: #90b5e2;
|
|
||||||
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
|
||||||
.selectize-input:after {
|
|
||||||
content: none !important; }
|
|
||||||
|
|
||||||
.selectize-dropdown {
|
|
||||||
height: auto;
|
|
||||||
background: #ffffff;
|
|
||||||
padding: 0.4375rem 0;
|
|
||||||
margin-top: 1px; }
|
|
||||||
.selectize-dropdown .option,
|
|
||||||
.selectize-dropdown .option-header {
|
|
||||||
padding: 0.25rem 0.75rem; }
|
|
||||||
.selectize-dropdown .active {
|
|
||||||
background: rgba(101, 109, 119, 0.06);
|
|
||||||
color: inherit;
|
|
||||||
cursor: pointer; }
|
|
||||||
|
|
||||||
.jqvmap-zoomin,
|
|
||||||
.jqvmap-zoomout {
|
|
||||||
height: 1.5rem;
|
|
||||||
width: 1.5rem;
|
|
||||||
left: .5rem;
|
|
||||||
border: 1px solid #e6e8e9;
|
|
||||||
background: #ffffff;
|
|
||||||
color: #232e3c;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
line-height: 1; }
|
|
||||||
|
|
||||||
.jqvmap-zoomin {
|
|
||||||
top: .5rem; }
|
|
||||||
|
|
||||||
.jqvmap-zoomout {
|
|
||||||
top: 2.5rem; }
|
|
||||||
|
|
||||||
.jqvmap-label {
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: 0.625rem;
|
|
||||||
line-height: 1;
|
|
||||||
padding: .25rem;
|
|
||||||
background: #232e3c; }
|
|
||||||
|
|
||||||
.apexcharts-title-text {
|
|
||||||
font-weight: 600 !important; }
|
|
||||||
|
|
||||||
.apexcharts-tooltip-title {
|
|
||||||
font-weight: 600 !important;
|
|
||||||
padding-bottom: .25rem !important; }
|
|
||||||
|
|
||||||
.apexcharts-gridline,
|
|
||||||
.apexcharts-ycrosshairs,
|
|
||||||
.apexcharts-xaxis-tick {
|
|
||||||
stroke: #e6e8e9 !important; }
|
|
||||||
|
|
||||||
.apexcharts-tooltip {
|
|
||||||
line-height: 1;
|
|
||||||
color: #ffffff;
|
|
||||||
background: #232e3c !important;
|
|
||||||
border: 0 !important;
|
|
||||||
border-radius: 3px !important; }
|
|
||||||
|
|
||||||
.apexcharts-tooltip-title {
|
|
||||||
margin: 0 !important;
|
|
||||||
background: transparent !important;
|
|
||||||
border: 0 !important; }
|
|
||||||
|
|
||||||
.apexcharts-tooltip-series-group {
|
|
||||||
padding: 0 8px !important; }
|
|
||||||
|
|
||||||
.apexcharts-tooltip-marker {
|
|
||||||
width: .5rem;
|
|
||||||
height: .5rem; }
|
|
||||||
|
|
||||||
.apexcharts-gridline,
|
|
||||||
.apexcharts-ycrosshairs,
|
|
||||||
.apexcharts-xaxis-tick {
|
|
||||||
stroke: #e7eaef; }
|
|
||||||
|
|
||||||
.apexcharts-yaxis-label,
|
|
||||||
.apexcharts-xaxis-label {
|
|
||||||
fill: #656d77; }
|
|
||||||
|
|
||||||
.fc-unthemed .fc-content,
|
|
||||||
.fc-unthemed .fc-divider,
|
|
||||||
.fc-unthemed .fc-list-heading td,
|
|
||||||
.fc-unthemed .fc-list-view,
|
|
||||||
.fc-unthemed .fc-popover,
|
|
||||||
.fc-unthemed .fc-row,
|
|
||||||
.fc-unthemed tbody,
|
|
||||||
.fc-unthemed td,
|
|
||||||
.fc-unthemed th,
|
|
||||||
.fc-unthemed thead {
|
|
||||||
border-color: #e6e8e9; }
|
|
||||||
|
|
||||||
.fc-unthemed .fc-toolbar h2 {
|
|
||||||
font-size: 1.125rem;
|
|
||||||
margin: 0; }
|
|
||||||
|
|
||||||
.fc-unthemed .fc-widget-header {
|
|
||||||
border: 0; }
|
|
||||||
|
|
||||||
.fc-unthemed .fc-day-header {
|
|
||||||
padding-bottom: .25rem;
|
|
||||||
font-weight: 600; }
|
|
||||||
|
|
||||||
.fc-unthemed.card-calendar .fc-day-grid-container {
|
|
||||||
border-bottom: 0;
|
|
||||||
border-left: 0; }
|
|
||||||
|
|
||||||
.fc-unthemed .fc-time {
|
|
||||||
font-weight: 600; }
|
|
||||||
|
|
||||||
.fc-unthemed .fc-event {
|
|
||||||
border-color: rgba(0, 0, 0, 0.05);
|
|
||||||
color: #206bc4;
|
|
||||||
background-color: #e9f0f9;
|
|
||||||
padding: 0 .25rem; }
|
|
||||||
|
|
||||||
.flatpickr-input.flatpickr-input {
|
|
||||||
background: #ffffff; }
|
|
||||||
.flatpickr-input.flatpickr-input.active {
|
|
||||||
border-color: #90b5e2;
|
|
||||||
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
|
||||||
|
|
||||||
.flatpickr-calendar {
|
|
||||||
background: #ffffff;
|
|
||||||
border: 1px solid rgba(101, 109, 119, 0.24);
|
|
||||||
border-radius: 3px;
|
|
||||||
padding: .5rem;
|
|
||||||
font-size: inherit;
|
|
||||||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
touch-action: none;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
user-select: none;
|
-moz-user-select: none;
|
||||||
margin-top: -1px; }
|
user-select: none;
|
||||||
.flatpickr-calendar:before, .flatpickr-calendar:after {
|
box-sizing: border-box; }
|
||||||
content: none; }
|
|
||||||
.flatpickr-calendar .flatpickr-innerContainer,
|
|
||||||
.flatpickr-calendar .flatpickr-rContainer,
|
|
||||||
.flatpickr-calendar .dayContainer,
|
|
||||||
.flatpickr-calendar .flatpickr-days {
|
|
||||||
width: 100%; }
|
|
||||||
.flatpickr-calendar .dayContainer,
|
|
||||||
.flatpickr-calendar .flatpickr-day {
|
|
||||||
max-width: 100%;
|
|
||||||
min-width: 0; }
|
|
||||||
.flatpickr-calendar.inline {
|
|
||||||
width: 100%;
|
|
||||||
box-shadow: none;
|
|
||||||
margin: 0; }
|
|
||||||
|
|
||||||
.flatpickr-day {
|
.noUi-target {
|
||||||
color: inherit;
|
position: relative; }
|
||||||
|
|
||||||
|
.noUi-base,
|
||||||
|
.noUi-connects {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1; }
|
||||||
|
|
||||||
|
/* Wrapper for all connect elements.
|
||||||
|
*/
|
||||||
|
.noUi-connects {
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 0; }
|
||||||
|
|
||||||
|
.noUi-connect,
|
||||||
|
.noUi-origin {
|
||||||
|
will-change: transform;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
-ms-transform-origin: 0 0;
|
||||||
|
-webkit-transform-origin: 0 0;
|
||||||
|
-webkit-transform-style: preserve-3d;
|
||||||
|
transform-origin: 0 0;
|
||||||
|
transform-style: flat; }
|
||||||
|
|
||||||
|
.noUi-connect {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.noUi-origin {
|
||||||
|
height: 10%;
|
||||||
|
width: 10%; }
|
||||||
|
|
||||||
|
/* Offset direction
|
||||||
|
*/
|
||||||
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
|
||||||
|
left: 0;
|
||||||
|
right: auto; }
|
||||||
|
|
||||||
|
/* Give origins 0 height/width so they don't interfere with clicking the
|
||||||
|
* connect elements.
|
||||||
|
*/
|
||||||
|
.noUi-vertical .noUi-origin {
|
||||||
|
width: 0; }
|
||||||
|
|
||||||
|
.noUi-horizontal .noUi-origin {
|
||||||
|
height: 0; }
|
||||||
|
|
||||||
|
.noUi-handle {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
position: absolute; }
|
||||||
|
|
||||||
|
.noUi-touch-area {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.noUi-state-tap .noUi-connect,
|
||||||
|
.noUi-state-tap .noUi-origin {
|
||||||
|
transition: transform 0.3s; }
|
||||||
|
|
||||||
|
.noUi-state-drag * {
|
||||||
|
cursor: inherit !important; }
|
||||||
|
|
||||||
|
/* Slider size and handle placement;
|
||||||
|
*/
|
||||||
|
.noUi-horizontal {
|
||||||
|
height: 18px; }
|
||||||
|
|
||||||
|
.noUi-horizontal .noUi-handle {
|
||||||
|
width: 34px;
|
||||||
|
height: 28px;
|
||||||
|
right: -17px;
|
||||||
|
top: -6px; }
|
||||||
|
|
||||||
|
.noUi-vertical {
|
||||||
|
width: 18px; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-handle {
|
||||||
|
width: 28px;
|
||||||
|
height: 34px;
|
||||||
|
right: -6px;
|
||||||
|
top: -17px; }
|
||||||
|
|
||||||
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
|
||||||
|
left: -17px;
|
||||||
|
right: auto; }
|
||||||
|
|
||||||
|
/* Styling;
|
||||||
|
* Giving the connect element a border radius causes issues with using transform: scale
|
||||||
|
*/
|
||||||
|
.noUi-target {
|
||||||
|
background: #FAFAFA;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #D3D3D3;
|
||||||
|
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
|
||||||
|
|
||||||
|
.noUi-connects {
|
||||||
|
border-radius: 3px; }
|
||||||
|
|
||||||
|
.noUi-connect {
|
||||||
|
background: #3FB8AF; }
|
||||||
|
|
||||||
|
/* Handles and cursors;
|
||||||
|
*/
|
||||||
|
.noUi-draggable {
|
||||||
|
cursor: ew-resize; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-draggable {
|
||||||
|
cursor: ns-resize; }
|
||||||
|
|
||||||
|
.noUi-handle {
|
||||||
|
border: 1px solid #D9D9D9;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
display: flex;
|
background: #FFF;
|
||||||
align-items: center;
|
cursor: default;
|
||||||
line-height: 1; }
|
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
|
||||||
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
|
|
||||||
color: inherit;
|
|
||||||
opacity: .2; }
|
|
||||||
.flatpickr-day.today {
|
|
||||||
border-color: #e6e8e9; }
|
|
||||||
.flatpickr-day.selected {
|
|
||||||
background-color: #206bc4; }
|
|
||||||
|
|
||||||
span.flatpickr-weekday {
|
.noUi-active {
|
||||||
font-size: 0.625rem;
|
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
|
||||||
font-weight: 600;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: .04em;
|
|
||||||
line-height: 1.6;
|
|
||||||
color: #656d77; }
|
|
||||||
|
|
||||||
.flatpickr-months {
|
/* Handle stripes;
|
||||||
margin-bottom: .5rem; }
|
*/
|
||||||
.flatpickr-months .flatpickr-month {
|
.noUi-handle:before,
|
||||||
color: currentColor;
|
.noUi-handle:after {
|
||||||
fill: currentColor; }
|
content: "";
|
||||||
.flatpickr-months .flatpickr-current-month {
|
display: block;
|
||||||
font-weight: 400; }
|
position: absolute;
|
||||||
.flatpickr-months .flatpickr-monthDropdown-months {
|
height: 14px;
|
||||||
-webkit-appearance: none;
|
width: 1px;
|
||||||
-moz-appearance: none;
|
background: #E8E7E6;
|
||||||
appearance: none;
|
left: 14px;
|
||||||
font-weight: inherit; }
|
top: 6px; }
|
||||||
.flatpickr-months .flatpickr-prev-month,
|
|
||||||
.flatpickr-months .flatpickr-next-month {
|
|
||||||
position: static;
|
|
||||||
color: #656d77; }
|
|
||||||
.flatpickr-months .flatpickr-prev-month:hover,
|
|
||||||
.flatpickr-months .flatpickr-next-month:hover {
|
|
||||||
color: #232e3c; }
|
|
||||||
.flatpickr-months .flatpickr-prev-month svg,
|
|
||||||
.flatpickr-months .flatpickr-next-month svg {
|
|
||||||
display: block;
|
|
||||||
fill: currentColor !important; }
|
|
||||||
.flatpickr-months .numInputWrapper .cur-year {
|
|
||||||
font-weight: inherit; }
|
|
||||||
.flatpickr-months .numInputWrapper .arrowUp,
|
|
||||||
.flatpickr-months .numInputWrapper .arrowDown {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.flatpickr-day.inRange,
|
.noUi-handle:after {
|
||||||
.flatpickr-day.prevMonthDay.inRange,
|
left: 17px; }
|
||||||
.flatpickr-day.nextMonthDay.inRange,
|
|
||||||
.flatpickr-day.today.inRange,
|
.noUi-vertical .noUi-handle:before,
|
||||||
.flatpickr-day.prevMonthDay.today.inRange,
|
.noUi-vertical .noUi-handle:after {
|
||||||
.flatpickr-day.nextMonthDay.today.inRange,
|
width: 14px;
|
||||||
.flatpickr-day:hover,
|
height: 1px;
|
||||||
.flatpickr-day.prevMonthDay:hover,
|
left: 6px;
|
||||||
.flatpickr-day.nextMonthDay:hover,
|
top: 14px; }
|
||||||
.flatpickr-day:focus,
|
|
||||||
.flatpickr-day.prevMonthDay:focus,
|
.noUi-vertical .noUi-handle:after {
|
||||||
.flatpickr-day.nextMonthDay:focus {
|
top: 17px; }
|
||||||
background: rgba(101, 109, 119, 0.06);
|
|
||||||
border-color: transparent; }
|
/* Disabled state;
|
||||||
|
*/
|
||||||
|
[disabled] .noUi-connect {
|
||||||
|
background: #B8B8B8; }
|
||||||
|
|
||||||
|
[disabled].noUi-target,
|
||||||
|
[disabled].noUi-handle,
|
||||||
|
[disabled] .noUi-handle {
|
||||||
|
cursor: not-allowed; }
|
||||||
|
|
||||||
|
/* Base;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-pips,
|
||||||
|
.noUi-pips * {
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
.noUi-pips {
|
||||||
|
position: absolute;
|
||||||
|
color: #999; }
|
||||||
|
|
||||||
|
/* Values;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-value {
|
||||||
|
position: absolute;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: center; }
|
||||||
|
|
||||||
|
.noUi-value-sub {
|
||||||
|
color: #ccc;
|
||||||
|
font-size: 10px; }
|
||||||
|
|
||||||
|
/* Markings;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-marker {
|
||||||
|
position: absolute;
|
||||||
|
background: #CCC; }
|
||||||
|
|
||||||
|
.noUi-marker-sub {
|
||||||
|
background: #AAA; }
|
||||||
|
|
||||||
|
.noUi-marker-large {
|
||||||
|
background: #AAA; }
|
||||||
|
|
||||||
|
/* Horizontal layout;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-pips-horizontal {
|
||||||
|
padding: 10px 0;
|
||||||
|
height: 80px;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.noUi-value-horizontal {
|
||||||
|
transform: translate(-50%, 50%); }
|
||||||
|
|
||||||
|
.noUi-rtl .noUi-value-horizontal {
|
||||||
|
transform: translate(50%, 50%); }
|
||||||
|
|
||||||
|
.noUi-marker-horizontal.noUi-marker {
|
||||||
|
margin-left: -1px;
|
||||||
|
width: 2px;
|
||||||
|
height: 5px; }
|
||||||
|
|
||||||
|
.noUi-marker-horizontal.noUi-marker-sub {
|
||||||
|
height: 10px; }
|
||||||
|
|
||||||
|
.noUi-marker-horizontal.noUi-marker-large {
|
||||||
|
height: 15px; }
|
||||||
|
|
||||||
|
/* Vertical layout;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-pips-vertical {
|
||||||
|
padding: 0 10px;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 100%; }
|
||||||
|
|
||||||
|
.noUi-value-vertical {
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
padding-left: 25px; }
|
||||||
|
|
||||||
|
.noUi-rtl .noUi-value-vertical {
|
||||||
|
transform: translate(0, 50%); }
|
||||||
|
|
||||||
|
.noUi-marker-vertical.noUi-marker {
|
||||||
|
width: 5px;
|
||||||
|
height: 2px;
|
||||||
|
margin-top: -1px; }
|
||||||
|
|
||||||
|
.noUi-marker-vertical.noUi-marker-sub {
|
||||||
|
width: 10px; }
|
||||||
|
|
||||||
|
.noUi-marker-vertical.noUi-marker-large {
|
||||||
|
width: 15px; }
|
||||||
|
|
||||||
|
.noUi-tooltip {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
border: 1px solid #D9D9D9;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #fff;
|
||||||
|
color: #000;
|
||||||
|
padding: 5px;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
.noUi-horizontal .noUi-tooltip {
|
||||||
|
transform: translate(-50%, 0);
|
||||||
|
left: 50%;
|
||||||
|
bottom: 120%; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-tooltip {
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
top: 50%;
|
||||||
|
right: 120%; }
|
||||||
|
|
||||||
|
.noUi-horizontal .noUi-origin > .noUi-tooltip {
|
||||||
|
transform: translate(50%, 0);
|
||||||
|
left: auto;
|
||||||
|
bottom: 10px; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-origin > .noUi-tooltip {
|
||||||
|
transform: translate(0, -18px);
|
||||||
|
top: auto;
|
||||||
|
right: 28px; }
|
||||||
|
|
||||||
.noUi-target {
|
.noUi-target {
|
||||||
border: 0;
|
border: 0;
|
||||||
@@ -320,3 +340,393 @@ span.flatpickr-weekday {
|
|||||||
|
|
||||||
.noUi-connect {
|
.noUi-connect {
|
||||||
background: currentColor; }
|
background: currentColor; }
|
||||||
|
|
||||||
|
.litepicker {
|
||||||
|
--litepicker-month-weekday-color: #656d77;
|
||||||
|
--litepicker-button-prev-month-color: #656d77;
|
||||||
|
--litepicker-button-next-month-color: #656d77;
|
||||||
|
--litepicker-button-prev-month-color-hover: #206bc4;
|
||||||
|
--litepicker-button-next-month-color-hover: #206bc4;
|
||||||
|
--litepicker-day-color-hover: #206bc4;
|
||||||
|
--litepicker-is-end-color-bg: #206bc4;
|
||||||
|
--litepicker-is-today-color: #206bc4;
|
||||||
|
font: inherit;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
.litepicker svg {
|
||||||
|
fill: none !important; }
|
||||||
|
.litepicker .container__months {
|
||||||
|
border: 1px solid rgba(101, 109, 119, 0.16);
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
|
||||||
|
.litepicker .container__months .month-item-name,
|
||||||
|
.litepicker .container__months .month-item-year {
|
||||||
|
font-weight: 500 !important; }
|
||||||
|
.litepicker .container__months .button-next-month,
|
||||||
|
.litepicker .container__months .button-prev-month {
|
||||||
|
cursor: pointer !important; }
|
||||||
|
.litepicker .container__months .month-item-weekdays-row > div {
|
||||||
|
padding: .5rem 0 !important;
|
||||||
|
font-size: 0.75rem; }
|
||||||
|
.litepicker .container__days .day-item {
|
||||||
|
cursor: pointer !important;
|
||||||
|
padding: .5rem 0 !important;
|
||||||
|
transition: .3s color, .3s background-color, .3s border-color; }
|
||||||
|
.datepicker-inline .litepicker .container__months {
|
||||||
|
box-shadow: none; }
|
||||||
|
|
||||||
|
/*===============================
|
||||||
|
= Choices =
|
||||||
|
===============================*/
|
||||||
|
.choices {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 16px; }
|
||||||
|
|
||||||
|
.choices:focus {
|
||||||
|
outline: none; }
|
||||||
|
|
||||||
|
.choices:last-child {
|
||||||
|
margin-bottom: 0; }
|
||||||
|
|
||||||
|
.choices.is-disabled .choices__inner,
|
||||||
|
.choices.is-disabled .choices__input {
|
||||||
|
background-color: #eaeaea;
|
||||||
|
cursor: not-allowed;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.choices.is-disabled .choices__item {
|
||||||
|
cursor: not-allowed; }
|
||||||
|
|
||||||
|
.choices [hidden] {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] {
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__inner {
|
||||||
|
padding-bottom: 7.5px; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__input {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #dddddd;
|
||||||
|
background-color: #ffffff;
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__button {
|
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||||
|
padding: 0;
|
||||||
|
background-size: 8px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
margin-top: -10px;
|
||||||
|
margin-right: 25px;
|
||||||
|
height: 20px;
|
||||||
|
width: 20px;
|
||||||
|
border-radius: 10em;
|
||||||
|
opacity: 0.5; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__button:focus {
|
||||||
|
box-shadow: 0px 0px 0px 2px #00bcd4; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one']:after {
|
||||||
|
content: '';
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #333333 transparent transparent transparent;
|
||||||
|
border-width: 5px;
|
||||||
|
position: absolute;
|
||||||
|
right: 11.5px;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -2.5px;
|
||||||
|
pointer-events: none; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'].is-open:after {
|
||||||
|
border-color: transparent transparent #333333 transparent;
|
||||||
|
margin-top: -7.5px; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'][dir='rtl']:after {
|
||||||
|
left: 11.5px;
|
||||||
|
right: auto; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'][dir='rtl'] .choices__button {
|
||||||
|
right: auto;
|
||||||
|
left: 0;
|
||||||
|
margin-left: 25px;
|
||||||
|
margin-right: 0; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-multiple'] .choices__inner,
|
||||||
|
.choices[data-type*='text'] .choices__inner {
|
||||||
|
cursor: text; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-multiple'] .choices__button,
|
||||||
|
.choices[data-type*='text'] .choices__button {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-right: -4px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-left: 8px;
|
||||||
|
padding-left: 16px;
|
||||||
|
border-left: 1px solid #008fa1;
|
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||||
|
background-size: 8px;
|
||||||
|
width: 8px;
|
||||||
|
line-height: 1;
|
||||||
|
opacity: 0.75;
|
||||||
|
border-radius: 0; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
|
||||||
|
.choices[data-type*='text'] .choices__button:hover,
|
||||||
|
.choices[data-type*='text'] .choices__button:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
|
||||||
|
.choices__inner {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 7.5px 7.5px 3.75px;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
border-radius: 2.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
min-height: 44px;
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.is-focused .choices__inner,
|
||||||
|
.is-open .choices__inner {
|
||||||
|
border-color: #b7b7b7; }
|
||||||
|
|
||||||
|
.is-open .choices__inner {
|
||||||
|
border-radius: 2.5px 2.5px 0 0; }
|
||||||
|
|
||||||
|
.is-flipped.is-open .choices__inner {
|
||||||
|
border-radius: 0 0 2.5px 2.5px; }
|
||||||
|
|
||||||
|
.choices__list {
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
list-style: none; }
|
||||||
|
|
||||||
|
.choices__list--single {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 16px 4px 4px;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
[dir='rtl'] .choices__list--single {
|
||||||
|
padding-right: 4px;
|
||||||
|
padding-left: 16px; }
|
||||||
|
|
||||||
|
.choices__list--single .choices__item {
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.choices__list--multiple {
|
||||||
|
display: inline; }
|
||||||
|
|
||||||
|
.choices__list--multiple .choices__item {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 4px 10px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-right: 3.75px;
|
||||||
|
margin-bottom: 3.75px;
|
||||||
|
background-color: #00bcd4;
|
||||||
|
border: 1px solid #00a5bb;
|
||||||
|
color: #ffffff;
|
||||||
|
word-break: break-all;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
.choices__list--multiple .choices__item[data-deletable] {
|
||||||
|
padding-right: 5px; }
|
||||||
|
|
||||||
|
[dir='rtl'] .choices__list--multiple .choices__item {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 3.75px; }
|
||||||
|
|
||||||
|
.choices__list--multiple .choices__item.is-highlighted {
|
||||||
|
background-color: #00a5bb;
|
||||||
|
border: 1px solid #008fa1; }
|
||||||
|
|
||||||
|
.is-disabled .choices__list--multiple .choices__item {
|
||||||
|
background-color: #aaaaaa;
|
||||||
|
border: 1px solid #919191; }
|
||||||
|
|
||||||
|
.choices__list--dropdown {
|
||||||
|
visibility: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
top: 100%;
|
||||||
|
margin-top: -1px;
|
||||||
|
border-bottom-left-radius: 2.5px;
|
||||||
|
border-bottom-right-radius: 2.5px;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
will-change: visibility; }
|
||||||
|
|
||||||
|
.choices__list--dropdown.is-active {
|
||||||
|
visibility: visible; }
|
||||||
|
|
||||||
|
.is-open .choices__list--dropdown {
|
||||||
|
border-color: #b7b7b7; }
|
||||||
|
|
||||||
|
.is-flipped .choices__list--dropdown {
|
||||||
|
top: auto;
|
||||||
|
bottom: 100%;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: -1px;
|
||||||
|
border-radius: 0.25rem 0.25rem 0 0; }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__list {
|
||||||
|
position: relative;
|
||||||
|
max-height: 300px;
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
will-change: scroll-position; }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__item {
|
||||||
|
position: relative;
|
||||||
|
padding: 10px;
|
||||||
|
font-size: 14px; }
|
||||||
|
|
||||||
|
[dir='rtl'] .choices__list--dropdown .choices__item {
|
||||||
|
text-align: right; }
|
||||||
|
|
||||||
|
@media (min-width: 640px) {
|
||||||
|
.choices__list--dropdown .choices__item--selectable {
|
||||||
|
padding-right: 100px; }
|
||||||
|
.choices__list--dropdown .choices__item--selectable:after {
|
||||||
|
content: attr(data-select-text);
|
||||||
|
font-size: 12px;
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%); }
|
||||||
|
[dir='rtl'] .choices__list--dropdown .choices__item--selectable {
|
||||||
|
text-align: right;
|
||||||
|
padding-left: 100px;
|
||||||
|
padding-right: 10px; }
|
||||||
|
[dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
|
||||||
|
right: auto;
|
||||||
|
left: 10px; } }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__item--selectable.is-highlighted {
|
||||||
|
background-color: #f2f2f2; }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
|
||||||
|
opacity: 0.5; }
|
||||||
|
|
||||||
|
.choices__item {
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.choices__item--selectable {
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
.choices__item--disabled {
|
||||||
|
cursor: not-allowed;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
opacity: 0.5; }
|
||||||
|
|
||||||
|
.choices__heading {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #f7f7f7;
|
||||||
|
color: gray; }
|
||||||
|
|
||||||
|
.choices__button {
|
||||||
|
text-indent: -9999px;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
border: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
.choices__button:focus {
|
||||||
|
outline: none; }
|
||||||
|
|
||||||
|
.choices__input {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: baseline;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 4px 0 4px 2px; }
|
||||||
|
|
||||||
|
.choices__input:focus {
|
||||||
|
outline: 0; }
|
||||||
|
|
||||||
|
[dir='rtl'] .choices__input {
|
||||||
|
padding-right: 2px;
|
||||||
|
padding-left: 0; }
|
||||||
|
|
||||||
|
.choices__placeholder {
|
||||||
|
opacity: 0.5; }
|
||||||
|
|
||||||
|
/*===== End of Choices ======*/
|
||||||
|
.choices {
|
||||||
|
margin: 0;
|
||||||
|
font-size: inherit;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer; }
|
||||||
|
.choices:focus {
|
||||||
|
outline: none; }
|
||||||
|
.choices:after {
|
||||||
|
content: none !important; }
|
||||||
|
.choices.is-focused .form-select {
|
||||||
|
border-color: #90b5e2;
|
||||||
|
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
||||||
|
.choices .dropdown-menu {
|
||||||
|
width: 100%;
|
||||||
|
height: auto; }
|
||||||
|
.choices .dropdown-menu .choices__list {
|
||||||
|
max-height: 13rem;
|
||||||
|
overflow-x: hidden; }
|
||||||
|
.choices .dropdown-menu .dropdown-item {
|
||||||
|
padding-left: 0.75rem;
|
||||||
|
padding-right: 0.75rem; }
|
||||||
|
.choices .dropdown-menu .dropdown-item.active {
|
||||||
|
background: transparent;
|
||||||
|
color: inherit; }
|
||||||
|
.choices .dropdown-menu .dropdown-item.is-highlighted {
|
||||||
|
color: #206bc4;
|
||||||
|
background-color: rgba(32, 107, 196, 0.06); }
|
||||||
|
|
||||||
|
.choices__placeholder {
|
||||||
|
color: #a7abb1;
|
||||||
|
opacity: 1; }
|
||||||
|
|
||||||
|
.choices__list--single {
|
||||||
|
padding: 0; }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__item--selectable:after {
|
||||||
|
content: none; }
|
||||||
|
|||||||
10
demo/dist/css/tabler-vendors.min.css
vendored
10
demo/dist/css/tabler-vendors.min.css
vendored
File diff suppressed because one or more lines are too long
732
demo/dist/css/tabler-vendors.rtl.css
vendored
Normal file
732
demo/dist/css/tabler-vendors.rtl.css
vendored
Normal file
@@ -0,0 +1,732 @@
|
|||||||
|
/*!
|
||||||
|
* Tabler v1.0.0-beta2 (https://tabler.io)
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
|
/*! nouislider - 14.6.3 - 11/19/2020 */
|
||||||
|
/* Functional styling;
|
||||||
|
* These styles are required for noUiSlider to function.
|
||||||
|
* You don't need to change these rules to apply your design.
|
||||||
|
*/
|
||||||
|
.noUi-target,
|
||||||
|
.noUi-target * {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
-webkit-user-select: none;
|
||||||
|
touch-action: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
.noUi-target {
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
|
.noUi-base,
|
||||||
|
.noUi-connects {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1; }
|
||||||
|
|
||||||
|
/* Wrapper for all connect elements.
|
||||||
|
*/
|
||||||
|
.noUi-connects {
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 0; }
|
||||||
|
|
||||||
|
.noUi-connect,
|
||||||
|
.noUi-origin {
|
||||||
|
will-change: transform;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
-ms-transform-origin: 100% 0;
|
||||||
|
-webkit-transform-origin: 100% 0;
|
||||||
|
-webkit-transform-style: preserve-3d;
|
||||||
|
transform-origin: 100% 0;
|
||||||
|
transform-style: flat; }
|
||||||
|
|
||||||
|
.noUi-connect {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.noUi-origin {
|
||||||
|
height: 10%;
|
||||||
|
width: 10%; }
|
||||||
|
|
||||||
|
/* Offset direction
|
||||||
|
*/
|
||||||
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
|
||||||
|
right: 0;
|
||||||
|
left: auto; }
|
||||||
|
|
||||||
|
/* Give origins 0 height/width so they don't interfere with clicking the
|
||||||
|
* connect elements.
|
||||||
|
*/
|
||||||
|
.noUi-vertical .noUi-origin {
|
||||||
|
width: 0; }
|
||||||
|
|
||||||
|
.noUi-horizontal .noUi-origin {
|
||||||
|
height: 0; }
|
||||||
|
|
||||||
|
.noUi-handle {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
position: absolute; }
|
||||||
|
|
||||||
|
.noUi-touch-area {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.noUi-state-tap .noUi-connect,
|
||||||
|
.noUi-state-tap .noUi-origin {
|
||||||
|
transition: transform 0.3s; }
|
||||||
|
|
||||||
|
.noUi-state-drag * {
|
||||||
|
cursor: inherit !important; }
|
||||||
|
|
||||||
|
/* Slider size and handle placement;
|
||||||
|
*/
|
||||||
|
.noUi-horizontal {
|
||||||
|
height: 18px; }
|
||||||
|
|
||||||
|
.noUi-horizontal .noUi-handle {
|
||||||
|
width: 34px;
|
||||||
|
height: 28px;
|
||||||
|
left: -17px;
|
||||||
|
top: -6px; }
|
||||||
|
|
||||||
|
.noUi-vertical {
|
||||||
|
width: 18px; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-handle {
|
||||||
|
width: 28px;
|
||||||
|
height: 34px;
|
||||||
|
left: -6px;
|
||||||
|
top: -17px; }
|
||||||
|
|
||||||
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
|
||||||
|
right: -17px;
|
||||||
|
left: auto; }
|
||||||
|
|
||||||
|
/* Styling;
|
||||||
|
* Giving the connect element a border radius causes issues with using transform: scale
|
||||||
|
*/
|
||||||
|
.noUi-target {
|
||||||
|
background: #FAFAFA;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #D3D3D3;
|
||||||
|
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
|
||||||
|
|
||||||
|
.noUi-connects {
|
||||||
|
border-radius: 3px; }
|
||||||
|
|
||||||
|
.noUi-connect {
|
||||||
|
background: #3FB8AF; }
|
||||||
|
|
||||||
|
/* Handles and cursors;
|
||||||
|
*/
|
||||||
|
.noUi-draggable {
|
||||||
|
cursor: ew-resize; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-draggable {
|
||||||
|
cursor: ns-resize; }
|
||||||
|
|
||||||
|
.noUi-handle {
|
||||||
|
border: 1px solid #D9D9D9;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #FFF;
|
||||||
|
cursor: default;
|
||||||
|
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
|
||||||
|
|
||||||
|
.noUi-active {
|
||||||
|
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
|
||||||
|
|
||||||
|
/* Handle stripes;
|
||||||
|
*/
|
||||||
|
.noUi-handle:before,
|
||||||
|
.noUi-handle:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
height: 14px;
|
||||||
|
width: 1px;
|
||||||
|
background: #E8E7E6;
|
||||||
|
right: 14px;
|
||||||
|
top: 6px; }
|
||||||
|
|
||||||
|
.noUi-handle:after {
|
||||||
|
right: 17px; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-handle:before,
|
||||||
|
.noUi-vertical .noUi-handle:after {
|
||||||
|
width: 14px;
|
||||||
|
height: 1px;
|
||||||
|
right: 6px;
|
||||||
|
top: 14px; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-handle:after {
|
||||||
|
top: 17px; }
|
||||||
|
|
||||||
|
/* Disabled state;
|
||||||
|
*/
|
||||||
|
[disabled] .noUi-connect {
|
||||||
|
background: #B8B8B8; }
|
||||||
|
|
||||||
|
[disabled].noUi-target,
|
||||||
|
[disabled].noUi-handle,
|
||||||
|
[disabled] .noUi-handle {
|
||||||
|
cursor: not-allowed; }
|
||||||
|
|
||||||
|
/* Base;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-pips,
|
||||||
|
.noUi-pips * {
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
.noUi-pips {
|
||||||
|
position: absolute;
|
||||||
|
color: #999; }
|
||||||
|
|
||||||
|
/* Values;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-value {
|
||||||
|
position: absolute;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: center; }
|
||||||
|
|
||||||
|
.noUi-value-sub {
|
||||||
|
color: #ccc;
|
||||||
|
font-size: 10px; }
|
||||||
|
|
||||||
|
/* Markings;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-marker {
|
||||||
|
position: absolute;
|
||||||
|
background: #CCC; }
|
||||||
|
|
||||||
|
.noUi-marker-sub {
|
||||||
|
background: #AAA; }
|
||||||
|
|
||||||
|
.noUi-marker-large {
|
||||||
|
background: #AAA; }
|
||||||
|
|
||||||
|
/* Horizontal layout;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-pips-horizontal {
|
||||||
|
padding: 10px 0;
|
||||||
|
height: 80px;
|
||||||
|
top: 100%;
|
||||||
|
right: 0;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.noUi-value-horizontal {
|
||||||
|
transform: translate(50%, 50%); }
|
||||||
|
|
||||||
|
.noUi-rtl .noUi-value-horizontal {
|
||||||
|
transform: translate(-50%, 50%); }
|
||||||
|
|
||||||
|
.noUi-marker-horizontal.noUi-marker {
|
||||||
|
margin-right: -1px;
|
||||||
|
width: 2px;
|
||||||
|
height: 5px; }
|
||||||
|
|
||||||
|
.noUi-marker-horizontal.noUi-marker-sub {
|
||||||
|
height: 10px; }
|
||||||
|
|
||||||
|
.noUi-marker-horizontal.noUi-marker-large {
|
||||||
|
height: 15px; }
|
||||||
|
|
||||||
|
/* Vertical layout;
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.noUi-pips-vertical {
|
||||||
|
padding: 0 10px;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
right: 100%; }
|
||||||
|
|
||||||
|
.noUi-value-vertical {
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
padding-right: 25px; }
|
||||||
|
|
||||||
|
.noUi-rtl .noUi-value-vertical {
|
||||||
|
transform: translate(0, 50%); }
|
||||||
|
|
||||||
|
.noUi-marker-vertical.noUi-marker {
|
||||||
|
width: 5px;
|
||||||
|
height: 2px;
|
||||||
|
margin-top: -1px; }
|
||||||
|
|
||||||
|
.noUi-marker-vertical.noUi-marker-sub {
|
||||||
|
width: 10px; }
|
||||||
|
|
||||||
|
.noUi-marker-vertical.noUi-marker-large {
|
||||||
|
width: 15px; }
|
||||||
|
|
||||||
|
.noUi-tooltip {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
border: 1px solid #D9D9D9;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #fff;
|
||||||
|
color: #000;
|
||||||
|
padding: 5px;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
.noUi-horizontal .noUi-tooltip {
|
||||||
|
transform: translate(50%, 0);
|
||||||
|
right: 50%;
|
||||||
|
bottom: 120%; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-tooltip {
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
top: 50%;
|
||||||
|
left: 120%; }
|
||||||
|
|
||||||
|
.noUi-horizontal .noUi-origin > .noUi-tooltip {
|
||||||
|
transform: translate(-50%, 0);
|
||||||
|
right: auto;
|
||||||
|
bottom: 10px; }
|
||||||
|
|
||||||
|
.noUi-vertical .noUi-origin > .noUi-tooltip {
|
||||||
|
transform: translate(0, -18px);
|
||||||
|
top: auto;
|
||||||
|
left: 28px; }
|
||||||
|
|
||||||
|
.noUi-target {
|
||||||
|
border: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
background: none;
|
||||||
|
border-radius: 0;
|
||||||
|
color: #206bc4; }
|
||||||
|
|
||||||
|
.noUi-horizontal {
|
||||||
|
height: 1.25rem;
|
||||||
|
padding: .5rem 0; }
|
||||||
|
|
||||||
|
.noUi-base {
|
||||||
|
background: rgba(169, 174, 182, 0.24);
|
||||||
|
border-radius: 1rem; }
|
||||||
|
|
||||||
|
.noUi-handle {
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
border: 2px solid #ffffff;
|
||||||
|
box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 1rem;
|
||||||
|
background: currentColor;
|
||||||
|
outline: 0; }
|
||||||
|
.noUi-handle:before, .noUi-handle:after {
|
||||||
|
content: none; }
|
||||||
|
.noUi-horizontal .noUi-handle {
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
top: -0.5rem;
|
||||||
|
left: -0.5rem;
|
||||||
|
margin: 1px 0 0 1px; }
|
||||||
|
.noUi-handle.noUi-active, .noUi-handle:focus {
|
||||||
|
box-shadow: 0 0 0 1px #f4f6fa, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
||||||
|
|
||||||
|
.noUi-connect {
|
||||||
|
background: currentColor; }
|
||||||
|
|
||||||
|
.litepicker {
|
||||||
|
--litepicker-month-weekday-color: #656d77;
|
||||||
|
--litepicker-button-prev-month-color: #656d77;
|
||||||
|
--litepicker-button-next-month-color: #656d77;
|
||||||
|
--litepicker-button-prev-month-color-hover: #206bc4;
|
||||||
|
--litepicker-button-next-month-color-hover: #206bc4;
|
||||||
|
--litepicker-day-color-hover: #206bc4;
|
||||||
|
--litepicker-is-end-color-bg: #206bc4;
|
||||||
|
--litepicker-is-today-color: #206bc4;
|
||||||
|
font: inherit;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
.litepicker svg {
|
||||||
|
fill: none !important; }
|
||||||
|
.litepicker .container__months {
|
||||||
|
border: 1px solid rgba(101, 109, 119, 0.16);
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
|
||||||
|
.litepicker .container__months .month-item-name,
|
||||||
|
.litepicker .container__months .month-item-year {
|
||||||
|
font-weight: 500 !important; }
|
||||||
|
.litepicker .container__months .button-next-month,
|
||||||
|
.litepicker .container__months .button-prev-month {
|
||||||
|
cursor: pointer !important; }
|
||||||
|
.litepicker .container__months .month-item-weekdays-row > div {
|
||||||
|
padding: .5rem 0 !important;
|
||||||
|
font-size: 0.75rem; }
|
||||||
|
.litepicker .container__days .day-item {
|
||||||
|
cursor: pointer !important;
|
||||||
|
padding: .5rem 0 !important;
|
||||||
|
transition: .3s color, .3s background-color, .3s border-color; }
|
||||||
|
.datepicker-inline .litepicker .container__months {
|
||||||
|
box-shadow: none; }
|
||||||
|
|
||||||
|
/*===============================
|
||||||
|
= Choices =
|
||||||
|
===============================*/
|
||||||
|
.choices {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 16px; }
|
||||||
|
|
||||||
|
.choices:focus {
|
||||||
|
outline: none; }
|
||||||
|
|
||||||
|
.choices:last-child {
|
||||||
|
margin-bottom: 0; }
|
||||||
|
|
||||||
|
.choices.is-disabled .choices__inner,
|
||||||
|
.choices.is-disabled .choices__input {
|
||||||
|
background-color: #eaeaea;
|
||||||
|
cursor: not-allowed;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.choices.is-disabled .choices__item {
|
||||||
|
cursor: not-allowed; }
|
||||||
|
|
||||||
|
.choices [hidden] {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] {
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__inner {
|
||||||
|
padding-bottom: 7.5px; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__input {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #dddddd;
|
||||||
|
background-color: #ffffff;
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__button {
|
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||||
|
padding: 0;
|
||||||
|
background-size: 8px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
margin-top: -10px;
|
||||||
|
margin-left: 25px;
|
||||||
|
height: 20px;
|
||||||
|
width: 20px;
|
||||||
|
border-radius: 10em;
|
||||||
|
opacity: 0.5; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__button:focus {
|
||||||
|
box-shadow: 0px 0px 0px 2px #00bcd4; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one']:after {
|
||||||
|
content: '';
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #333333 transparent transparent transparent;
|
||||||
|
border-width: 5px;
|
||||||
|
position: absolute;
|
||||||
|
left: 11.5px;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -2.5px;
|
||||||
|
pointer-events: none; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'].is-open:after {
|
||||||
|
border-color: transparent transparent #333333 transparent;
|
||||||
|
margin-top: -7.5px; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'][dir='rtl']:after {
|
||||||
|
right: 11.5px;
|
||||||
|
left: auto; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-one'][dir='rtl'] .choices__button {
|
||||||
|
left: auto;
|
||||||
|
right: 0;
|
||||||
|
margin-right: 25px;
|
||||||
|
margin-left: 0; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-multiple'] .choices__inner,
|
||||||
|
.choices[data-type*='text'] .choices__inner {
|
||||||
|
cursor: text; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-multiple'] .choices__button,
|
||||||
|
.choices[data-type*='text'] .choices__button {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: -4px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-right: 8px;
|
||||||
|
padding-right: 16px;
|
||||||
|
border-right: 1px solid #008fa1;
|
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||||
|
background-size: 8px;
|
||||||
|
width: 8px;
|
||||||
|
line-height: 1;
|
||||||
|
opacity: 0.75;
|
||||||
|
border-radius: 0; }
|
||||||
|
|
||||||
|
.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
|
||||||
|
.choices[data-type*='text'] .choices__button:hover,
|
||||||
|
.choices[data-type*='text'] .choices__button:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
|
||||||
|
.choices__inner {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 7.5px 7.5px 3.75px;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
border-radius: 2.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
min-height: 44px;
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.is-focused .choices__inner,
|
||||||
|
.is-open .choices__inner {
|
||||||
|
border-color: #b7b7b7; }
|
||||||
|
|
||||||
|
.is-open .choices__inner {
|
||||||
|
border-radius: 2.5px 2.5px 0 0; }
|
||||||
|
|
||||||
|
.is-flipped.is-open .choices__inner {
|
||||||
|
border-radius: 0 0 2.5px 2.5px; }
|
||||||
|
|
||||||
|
.choices__list {
|
||||||
|
margin: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
list-style: none; }
|
||||||
|
|
||||||
|
.choices__list--single {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 4px 4px 16px;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
[dir='rtl'] .choices__list--single {
|
||||||
|
padding-left: 4px;
|
||||||
|
padding-right: 16px; }
|
||||||
|
|
||||||
|
.choices__list--single .choices__item {
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.choices__list--multiple {
|
||||||
|
display: inline; }
|
||||||
|
|
||||||
|
.choices__list--multiple .choices__item {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 4px 10px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-left: 3.75px;
|
||||||
|
margin-bottom: 3.75px;
|
||||||
|
background-color: #00bcd4;
|
||||||
|
border: 1px solid #00a5bb;
|
||||||
|
color: #ffffff;
|
||||||
|
word-break: break-all;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
.choices__list--multiple .choices__item[data-deletable] {
|
||||||
|
padding-left: 5px; }
|
||||||
|
|
||||||
|
[dir='rtl'] .choices__list--multiple .choices__item {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 3.75px; }
|
||||||
|
|
||||||
|
.choices__list--multiple .choices__item.is-highlighted {
|
||||||
|
background-color: #00a5bb;
|
||||||
|
border: 1px solid #008fa1; }
|
||||||
|
|
||||||
|
.is-disabled .choices__list--multiple .choices__item {
|
||||||
|
background-color: #aaaaaa;
|
||||||
|
border: 1px solid #919191; }
|
||||||
|
|
||||||
|
.choices__list--dropdown {
|
||||||
|
visibility: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
top: 100%;
|
||||||
|
margin-top: -1px;
|
||||||
|
border-bottom-right-radius: 2.5px;
|
||||||
|
border-bottom-left-radius: 2.5px;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
will-change: visibility; }
|
||||||
|
|
||||||
|
.choices__list--dropdown.is-active {
|
||||||
|
visibility: visible; }
|
||||||
|
|
||||||
|
.is-open .choices__list--dropdown {
|
||||||
|
border-color: #b7b7b7; }
|
||||||
|
|
||||||
|
.is-flipped .choices__list--dropdown {
|
||||||
|
top: auto;
|
||||||
|
bottom: 100%;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: -1px;
|
||||||
|
border-radius: 0.25rem 0.25rem 0 0; }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__list {
|
||||||
|
position: relative;
|
||||||
|
max-height: 300px;
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
will-change: scroll-position; }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__item {
|
||||||
|
position: relative;
|
||||||
|
padding: 10px;
|
||||||
|
font-size: 14px; }
|
||||||
|
|
||||||
|
[dir='rtl'] .choices__list--dropdown .choices__item {
|
||||||
|
text-align: left; }
|
||||||
|
|
||||||
|
@media (min-width: 640px) {
|
||||||
|
.choices__list--dropdown .choices__item--selectable {
|
||||||
|
padding-left: 100px; }
|
||||||
|
.choices__list--dropdown .choices__item--selectable:after {
|
||||||
|
content: attr(data-select-text);
|
||||||
|
font-size: 12px;
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: 10px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%); }
|
||||||
|
[dir='rtl'] .choices__list--dropdown .choices__item--selectable {
|
||||||
|
text-align: left;
|
||||||
|
padding-right: 100px;
|
||||||
|
padding-left: 10px; }
|
||||||
|
[dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
|
||||||
|
left: auto;
|
||||||
|
right: 10px; } }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__item--selectable.is-highlighted {
|
||||||
|
background-color: #f2f2f2; }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
|
||||||
|
opacity: 0.5; }
|
||||||
|
|
||||||
|
.choices__item {
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.choices__item--selectable {
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
.choices__item--disabled {
|
||||||
|
cursor: not-allowed;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
opacity: 0.5; }
|
||||||
|
|
||||||
|
.choices__heading {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #f7f7f7;
|
||||||
|
color: gray; }
|
||||||
|
|
||||||
|
.choices__button {
|
||||||
|
text-indent: -9999px;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
border: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
.choices__button:focus {
|
||||||
|
outline: none; }
|
||||||
|
|
||||||
|
.choices__input {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: baseline;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 4px 2px 4px 0; }
|
||||||
|
|
||||||
|
.choices__input:focus {
|
||||||
|
outline: 0; }
|
||||||
|
|
||||||
|
[dir='rtl'] .choices__input {
|
||||||
|
padding-left: 2px;
|
||||||
|
padding-right: 0; }
|
||||||
|
|
||||||
|
.choices__placeholder {
|
||||||
|
opacity: 0.5; }
|
||||||
|
|
||||||
|
/*===== End of Choices ======*/
|
||||||
|
.choices {
|
||||||
|
margin: 0;
|
||||||
|
font-size: inherit;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer; }
|
||||||
|
.choices:focus {
|
||||||
|
outline: none; }
|
||||||
|
.choices:after {
|
||||||
|
content: none !important; }
|
||||||
|
.choices.is-focused .form-select {
|
||||||
|
border-color: #90b5e2;
|
||||||
|
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
||||||
|
.choices .dropdown-menu {
|
||||||
|
width: 100%;
|
||||||
|
height: auto; }
|
||||||
|
.choices .dropdown-menu .choices__list {
|
||||||
|
max-height: 13rem;
|
||||||
|
overflow-x: hidden; }
|
||||||
|
.choices .dropdown-menu .dropdown-item {
|
||||||
|
padding-right: 0.75rem;
|
||||||
|
padding-left: 0.75rem; }
|
||||||
|
.choices .dropdown-menu .dropdown-item.active {
|
||||||
|
background: transparent;
|
||||||
|
color: inherit; }
|
||||||
|
.choices .dropdown-menu .dropdown-item.is-highlighted {
|
||||||
|
color: #206bc4;
|
||||||
|
background-color: rgba(32, 107, 196, 0.06); }
|
||||||
|
|
||||||
|
.choices__placeholder {
|
||||||
|
color: #a7abb1;
|
||||||
|
opacity: 1; }
|
||||||
|
|
||||||
|
.choices__list--single {
|
||||||
|
padding: 0; }
|
||||||
|
|
||||||
|
.choices__list--dropdown .choices__item--selectable:after {
|
||||||
|
content: none; }
|
||||||
9
demo/dist/css/tabler-vendors.rtl.min.css
vendored
Normal file
9
demo/dist/css/tabler-vendors.rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
3807
demo/dist/css/tabler.css
vendored
3807
demo/dist/css/tabler.css
vendored
File diff suppressed because it is too large
Load Diff
10
demo/dist/css/tabler.min.css
vendored
10
demo/dist/css/tabler.min.css
vendored
File diff suppressed because one or more lines are too long
12784
demo/dist/css/tabler.rtl.css
vendored
Normal file
12784
demo/dist/css/tabler.rtl.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
9
demo/dist/css/tabler.rtl.min.css
vendored
Normal file
9
demo/dist/css/tabler.rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6004
demo/dist/js/tabler.js
vendored
6004
demo/dist/js/tabler.js
vendored
File diff suppressed because it is too large
Load Diff
10
demo/dist/js/tabler.min.js
vendored
10
demo/dist/js/tabler.min.js
vendored
File diff suppressed because one or more lines are too long
10
demo/dist/libs/apexcharts/dist/apexcharts.min.js
vendored
10
demo/dist/libs/apexcharts/dist/apexcharts.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
5603
demo/dist/libs/choices.js/public/assets/scripts/choices.js
vendored
Normal file
5603
demo/dist/libs/choices.js/public/assets/scripts/choices.js
vendored
Normal file
File diff suppressed because one or more lines are too long
13
demo/dist/libs/flatpickr/dist/flatpickr.min.css
vendored
13
demo/dist/libs/flatpickr/dist/flatpickr.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
169
demo/dist/libs/flatpickr/dist/plugins/rangePlugin.js
vendored
169
demo/dist/libs/flatpickr/dist/plugins/rangePlugin.js
vendored
@@ -1,169 +0,0 @@
|
|||||||
(function (global, factory) {
|
|
||||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
||||||
typeof define === 'function' && define.amd ? define(factory) :
|
|
||||||
(global = global || self, global.rangePlugin = factory());
|
|
||||||
}(this, (function () { 'use strict';
|
|
||||||
|
|
||||||
/*! *****************************************************************************
|
|
||||||
Copyright (c) Microsoft Corporation.
|
|
||||||
|
|
||||||
Permission to use, copy, modify, and/or distribute this software for any
|
|
||||||
purpose with or without fee is hereby granted.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
||||||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
||||||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
||||||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
||||||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
||||||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
||||||
PERFORMANCE OF THIS SOFTWARE.
|
|
||||||
***************************************************************************** */
|
|
||||||
|
|
||||||
function __spreadArrays() {
|
|
||||||
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
||||||
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
||||||
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
||||||
r[k] = a[j];
|
|
||||||
return r;
|
|
||||||
}
|
|
||||||
|
|
||||||
function rangePlugin(config) {
|
|
||||||
if (config === void 0) { config = {}; }
|
|
||||||
return function (fp) {
|
|
||||||
var dateFormat = "", secondInput, _secondInputFocused, _prevDates;
|
|
||||||
var createSecondInput = function () {
|
|
||||||
if (config.input) {
|
|
||||||
secondInput =
|
|
||||||
config.input instanceof Element
|
|
||||||
? config.input
|
|
||||||
: window.document.querySelector(config.input);
|
|
||||||
if (!secondInput) {
|
|
||||||
fp.config.errorHandler(new Error("Invalid input element specified"));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (fp.config.wrap) {
|
|
||||||
secondInput = secondInput.querySelector("[data-input]");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
secondInput = fp._input.cloneNode();
|
|
||||||
secondInput.removeAttribute("id");
|
|
||||||
secondInput._flatpickr = undefined;
|
|
||||||
}
|
|
||||||
if (secondInput.value) {
|
|
||||||
var parsedDate = fp.parseDate(secondInput.value);
|
|
||||||
if (parsedDate)
|
|
||||||
fp.selectedDates.push(parsedDate);
|
|
||||||
}
|
|
||||||
secondInput.setAttribute("data-fp-omit", "");
|
|
||||||
fp._bind(secondInput, ["focus", "click"], function () {
|
|
||||||
if (fp.selectedDates[1]) {
|
|
||||||
fp.latestSelectedDateObj = fp.selectedDates[1];
|
|
||||||
fp._setHoursFromDate(fp.selectedDates[1]);
|
|
||||||
fp.jumpToDate(fp.selectedDates[1]);
|
|
||||||
}
|
|
||||||
_secondInputFocused = true;
|
|
||||||
fp.isOpen = false;
|
|
||||||
fp.open(undefined, config.position === "left" ? fp._input : secondInput);
|
|
||||||
});
|
|
||||||
fp._bind(fp._input, ["focus", "click"], function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
fp.isOpen = false;
|
|
||||||
fp.open();
|
|
||||||
});
|
|
||||||
if (fp.config.allowInput)
|
|
||||||
fp._bind(secondInput, "keydown", function (e) {
|
|
||||||
if (e.key === "Enter") {
|
|
||||||
fp.setDate([fp.selectedDates[0], secondInput.value], true, dateFormat);
|
|
||||||
secondInput.click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (!config.input)
|
|
||||||
fp._input.parentNode &&
|
|
||||||
fp._input.parentNode.insertBefore(secondInput, fp._input.nextSibling);
|
|
||||||
};
|
|
||||||
var plugin = {
|
|
||||||
onParseConfig: function () {
|
|
||||||
fp.config.mode = "range";
|
|
||||||
dateFormat = fp.config.altInput
|
|
||||||
? fp.config.altFormat
|
|
||||||
: fp.config.dateFormat;
|
|
||||||
},
|
|
||||||
onReady: function () {
|
|
||||||
createSecondInput();
|
|
||||||
fp.config.ignoredFocusElements.push(secondInput);
|
|
||||||
if (fp.config.allowInput) {
|
|
||||||
fp._input.removeAttribute("readonly");
|
|
||||||
secondInput.removeAttribute("readonly");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
secondInput.setAttribute("readonly", "readonly");
|
|
||||||
}
|
|
||||||
fp._bind(fp._input, "focus", function () {
|
|
||||||
fp.latestSelectedDateObj = fp.selectedDates[0];
|
|
||||||
fp._setHoursFromDate(fp.selectedDates[0]);
|
|
||||||
_secondInputFocused = false;
|
|
||||||
fp.jumpToDate(fp.selectedDates[0]);
|
|
||||||
});
|
|
||||||
if (fp.config.allowInput)
|
|
||||||
fp._bind(fp._input, "keydown", function (e) {
|
|
||||||
if (e.key === "Enter")
|
|
||||||
fp.setDate([fp._input.value, fp.selectedDates[1]], true, dateFormat);
|
|
||||||
});
|
|
||||||
fp.setDate(fp.selectedDates, false);
|
|
||||||
plugin.onValueUpdate(fp.selectedDates);
|
|
||||||
fp.loadedPlugins.push("range");
|
|
||||||
},
|
|
||||||
onPreCalendarPosition: function () {
|
|
||||||
if (_secondInputFocused) {
|
|
||||||
fp._positionElement = secondInput;
|
|
||||||
setTimeout(function () {
|
|
||||||
fp._positionElement = fp._input;
|
|
||||||
}, 0);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onChange: function () {
|
|
||||||
if (!fp.selectedDates.length) {
|
|
||||||
setTimeout(function () {
|
|
||||||
if (fp.selectedDates.length)
|
|
||||||
return;
|
|
||||||
secondInput.value = "";
|
|
||||||
_prevDates = [];
|
|
||||||
}, 10);
|
|
||||||
}
|
|
||||||
if (_secondInputFocused) {
|
|
||||||
setTimeout(function () {
|
|
||||||
secondInput.focus();
|
|
||||||
}, 0);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onDestroy: function () {
|
|
||||||
if (!config.input)
|
|
||||||
secondInput.parentNode &&
|
|
||||||
secondInput.parentNode.removeChild(secondInput);
|
|
||||||
},
|
|
||||||
onValueUpdate: function (selDates) {
|
|
||||||
var _a, _b, _c;
|
|
||||||
if (!secondInput)
|
|
||||||
return;
|
|
||||||
_prevDates =
|
|
||||||
!_prevDates || selDates.length >= _prevDates.length
|
|
||||||
? __spreadArrays(selDates) : _prevDates;
|
|
||||||
if (_prevDates.length > selDates.length) {
|
|
||||||
var newSelectedDate = selDates[0];
|
|
||||||
var newDates = _secondInputFocused
|
|
||||||
? [_prevDates[0], newSelectedDate]
|
|
||||||
: [newSelectedDate, _prevDates[1]];
|
|
||||||
fp.setDate(newDates, false);
|
|
||||||
_prevDates = __spreadArrays(newDates);
|
|
||||||
}
|
|
||||||
_a = fp.selectedDates.map(function (d) { return fp.formatDate(d, dateFormat); }), _b = _a[0], fp._input.value = _b === void 0 ? "" : _b, _c = _a[1], secondInput.value = _c === void 0 ? "" : _c;
|
|
||||||
},
|
|
||||||
};
|
|
||||||
return plugin;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return rangePlugin;
|
|
||||||
|
|
||||||
})));
|
|
||||||
File diff suppressed because one or more lines are too long
10
demo/dist/libs/jqvmap/dist/jquery.vmap.min.js
vendored
10
demo/dist/libs/jqvmap/dist/jquery.vmap.min.js
vendored
File diff suppressed because one or more lines are too long
1
demo/dist/libs/jqvmap/dist/jqvmap.min.css
vendored
1
demo/dist/libs/jqvmap/dist/jqvmap.min.css
vendored
@@ -1 +0,0 @@
|
|||||||
.jqvmap-label,.jqvmap-pin{pointer-events:none}.jqvmap-label{position:absolute;display:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#292929;color:#fff;font-family:sans-serif,Verdana;font-size:smaller;padding:3px}.jqvmap-zoomin,.jqvmap-zoomout{position:absolute;left:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#000;padding:3px;color:#fff;width:10px;height:10px;cursor:pointer;line-height:10px;text-align:center}.jqvmap-zoomin{top:10px}.jqvmap-zoomout{top:30px}.jqvmap-region{cursor:pointer}.jqvmap-ajax_response{width:100%;height:500px}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
12
demo/dist/libs/litepicker/dist/litepicker.js
vendored
Normal file
12
demo/dist/libs/litepicker/dist/litepicker.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
|||||||
/*! nouislider - 14.6.2 - 9/16/2020 */
|
|
||||||
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
|
|
||||||
File diff suppressed because one or more lines are too long
333
demo/dist/libs/selectize/dist/css/selectize.css
vendored
333
demo/dist/libs/selectize/dist/css/selectize.css
vendored
@@ -1,333 +0,0 @@
|
|||||||
/**
|
|
||||||
* selectize.css (v0.12.6)
|
|
||||||
* Copyright (c) 2013–2015 Brian Reavis & contributors
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
|
|
||||||
* file except in compliance with the License. You may obtain a copy of the License at:
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
||||||
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
|
|
||||||
* ANY KIND, either express or implied. See the License for the specific language
|
|
||||||
* governing permissions and limitations under the License.
|
|
||||||
*
|
|
||||||
* @author Brian Reavis <brian@thirdroute.com>
|
|
||||||
*/
|
|
||||||
|
|
||||||
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
|
|
||||||
visibility: visible !important;
|
|
||||||
background: #f2f2f2 !important;
|
|
||||||
background: rgba(0, 0, 0, 0.06) !important;
|
|
||||||
border: 0 none !important;
|
|
||||||
-webkit-box-shadow: inset 0 0 12px 4px #fff;
|
|
||||||
box-shadow: inset 0 0 12px 4px #fff;
|
|
||||||
}
|
|
||||||
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
|
|
||||||
content: '!';
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
.selectize-control.plugin-drag_drop .ui-sortable-helper {
|
|
||||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
|
||||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
.selectize-dropdown-header {
|
|
||||||
position: relative;
|
|
||||||
padding: 5px 8px;
|
|
||||||
border-bottom: 1px solid #d0d0d0;
|
|
||||||
background: #f8f8f8;
|
|
||||||
-webkit-border-radius: 3px 3px 0 0;
|
|
||||||
-moz-border-radius: 3px 3px 0 0;
|
|
||||||
border-radius: 3px 3px 0 0;
|
|
||||||
}
|
|
||||||
.selectize-dropdown-header-close {
|
|
||||||
position: absolute;
|
|
||||||
right: 8px;
|
|
||||||
top: 50%;
|
|
||||||
color: #303030;
|
|
||||||
opacity: 0.4;
|
|
||||||
margin-top: -12px;
|
|
||||||
line-height: 20px;
|
|
||||||
font-size: 20px !important;
|
|
||||||
}
|
|
||||||
.selectize-dropdown-header-close:hover {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
.selectize-dropdown.plugin-optgroup_columns .optgroup {
|
|
||||||
border-right: 1px solid #f2f2f2;
|
|
||||||
border-top: 0 none;
|
|
||||||
float: left;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
|
|
||||||
border-right: 0 none;
|
|
||||||
}
|
|
||||||
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
|
|
||||||
border-top: 0 none;
|
|
||||||
}
|
|
||||||
.selectize-control.plugin-remove_button [data-value] {
|
|
||||||
position: relative;
|
|
||||||
padding-right: 24px !important;
|
|
||||||
}
|
|
||||||
.selectize-control.plugin-remove_button [data-value] .remove {
|
|
||||||
z-index: 1;
|
|
||||||
/* fixes ie bug (see #392) */
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 17px;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 12px;
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
vertical-align: middle;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 2px 0 0 0;
|
|
||||||
border-left: 1px solid #d0d0d0;
|
|
||||||
-webkit-border-radius: 0 2px 2px 0;
|
|
||||||
-moz-border-radius: 0 2px 2px 0;
|
|
||||||
border-radius: 0 2px 2px 0;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.selectize-control.plugin-remove_button [data-value] .remove:hover {
|
|
||||||
background: rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
.selectize-control.plugin-remove_button [data-value].active .remove {
|
|
||||||
border-left-color: #cacaca;
|
|
||||||
}
|
|
||||||
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
|
|
||||||
border-left-color: #ffffff;
|
|
||||||
}
|
|
||||||
.selectize-control.plugin-remove_button .remove-single {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
font-size: 23px;
|
|
||||||
}
|
|
||||||
.selectize-control {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.selectize-dropdown,
|
|
||||||
.selectize-input,
|
|
||||||
.selectize-input input {
|
|
||||||
color: #303030;
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 18px;
|
|
||||||
-webkit-font-smoothing: inherit;
|
|
||||||
}
|
|
||||||
.selectize-input,
|
|
||||||
.selectize-control.single .selectize-input.input-active {
|
|
||||||
background: #fff;
|
|
||||||
cursor: text;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.selectize-input {
|
|
||||||
border: 1px solid #d0d0d0;
|
|
||||||
padding: 8px 8px;
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
-moz-border-radius: 3px;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
.selectize-control.multi .selectize-input.has-items {
|
|
||||||
padding: 6px 8px 3px;
|
|
||||||
}
|
|
||||||
.selectize-input.full {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.selectize-input.disabled,
|
|
||||||
.selectize-input.disabled * {
|
|
||||||
cursor: default !important;
|
|
||||||
}
|
|
||||||
.selectize-input.focus {
|
|
||||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
|
|
||||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
.selectize-input.dropdown-active {
|
|
||||||
-webkit-border-radius: 3px 3px 0 0;
|
|
||||||
-moz-border-radius: 3px 3px 0 0;
|
|
||||||
border-radius: 3px 3px 0 0;
|
|
||||||
}
|
|
||||||
.selectize-input > * {
|
|
||||||
vertical-align: baseline;
|
|
||||||
display: -moz-inline-stack;
|
|
||||||
display: inline-block;
|
|
||||||
zoom: 1;
|
|
||||||
*display: inline;
|
|
||||||
}
|
|
||||||
.selectize-control.multi .selectize-input > div {
|
|
||||||
cursor: pointer;
|
|
||||||
margin: 0 3px 3px 0;
|
|
||||||
padding: 2px 6px;
|
|
||||||
background: #f2f2f2;
|
|
||||||
color: #303030;
|
|
||||||
border: 0 solid #d0d0d0;
|
|
||||||
}
|
|
||||||
.selectize-control.multi .selectize-input > div.active {
|
|
||||||
background: #e8e8e8;
|
|
||||||
color: #303030;
|
|
||||||
border: 0 solid #cacaca;
|
|
||||||
}
|
|
||||||
.selectize-control.multi .selectize-input.disabled > div,
|
|
||||||
.selectize-control.multi .selectize-input.disabled > div.active {
|
|
||||||
color: #7d7d7d;
|
|
||||||
background: #ffffff;
|
|
||||||
border: 0 solid #ffffff;
|
|
||||||
}
|
|
||||||
.selectize-input > input {
|
|
||||||
display: inline-block !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
min-height: 0 !important;
|
|
||||||
max-height: none !important;
|
|
||||||
max-width: 100% !important;
|
|
||||||
margin: 0 2px 0 0 !important;
|
|
||||||
text-indent: 0 !important;
|
|
||||||
border: 0 none !important;
|
|
||||||
background: none !important;
|
|
||||||
line-height: inherit !important;
|
|
||||||
-webkit-user-select: auto !important;
|
|
||||||
-webkit-box-shadow: none !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
.selectize-input > input::-ms-clear {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.selectize-input > input:focus {
|
|
||||||
outline: none !important;
|
|
||||||
}
|
|
||||||
.selectize-input::after {
|
|
||||||
content: ' ';
|
|
||||||
display: block;
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
.selectize-input.dropdown-active::before {
|
|
||||||
content: ' ';
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
background: #f0f0f0;
|
|
||||||
height: 1px;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
.selectize-dropdown {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 10;
|
|
||||||
border: 1px solid #d0d0d0;
|
|
||||||
background: #fff;
|
|
||||||
margin: -1px 0 0 0;
|
|
||||||
border-top: 0 none;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
||||||
-webkit-border-radius: 0 0 3px 3px;
|
|
||||||
-moz-border-radius: 0 0 3px 3px;
|
|
||||||
border-radius: 0 0 3px 3px;
|
|
||||||
}
|
|
||||||
.selectize-dropdown [data-selectable] {
|
|
||||||
cursor: pointer;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.selectize-dropdown [data-selectable] .highlight {
|
|
||||||
background: rgba(125, 168, 208, 0.2);
|
|
||||||
-webkit-border-radius: 1px;
|
|
||||||
-moz-border-radius: 1px;
|
|
||||||
border-radius: 1px;
|
|
||||||
}
|
|
||||||
.selectize-dropdown .option,
|
|
||||||
.selectize-dropdown .optgroup-header {
|
|
||||||
padding: 5px 8px;
|
|
||||||
}
|
|
||||||
.selectize-dropdown .option,
|
|
||||||
.selectize-dropdown [data-disabled],
|
|
||||||
.selectize-dropdown [data-disabled] [data-selectable].option {
|
|
||||||
cursor: inherit;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
.selectize-dropdown [data-selectable].option {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.selectize-dropdown .optgroup:first-child .optgroup-header {
|
|
||||||
border-top: 0 none;
|
|
||||||
}
|
|
||||||
.selectize-dropdown .optgroup-header {
|
|
||||||
color: #303030;
|
|
||||||
background: #fff;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
.selectize-dropdown .active {
|
|
||||||
background-color: #f5fafd;
|
|
||||||
color: #495c68;
|
|
||||||
}
|
|
||||||
.selectize-dropdown .active.create {
|
|
||||||
color: #495c68;
|
|
||||||
}
|
|
||||||
.selectize-dropdown .create {
|
|
||||||
color: rgba(48, 48, 48, 0.5);
|
|
||||||
}
|
|
||||||
.selectize-dropdown-content {
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
max-height: 200px;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
}
|
|
||||||
.selectize-control.single .selectize-input,
|
|
||||||
.selectize-control.single .selectize-input input {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.selectize-control.single .selectize-input.input-active,
|
|
||||||
.selectize-control.single .selectize-input.input-active input {
|
|
||||||
cursor: text;
|
|
||||||
}
|
|
||||||
.selectize-control.single .selectize-input:after {
|
|
||||||
content: ' ';
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 15px;
|
|
||||||
margin-top: -3px;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 5px 5px 0 5px;
|
|
||||||
border-color: #808080 transparent transparent transparent;
|
|
||||||
}
|
|
||||||
.selectize-control.single .selectize-input.dropdown-active:after {
|
|
||||||
margin-top: -4px;
|
|
||||||
border-width: 0 5px 5px 5px;
|
|
||||||
border-color: transparent transparent #808080 transparent;
|
|
||||||
}
|
|
||||||
.selectize-control.rtl.single .selectize-input:after {
|
|
||||||
left: 15px;
|
|
||||||
right: auto;
|
|
||||||
}
|
|
||||||
.selectize-control.rtl .selectize-input > input {
|
|
||||||
margin: 0 4px 0 -2px !important;
|
|
||||||
}
|
|
||||||
.selectize-control .selectize-input.disabled {
|
|
||||||
opacity: 0.5;
|
|
||||||
background-color: #fafafa;
|
|
||||||
}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href="..">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="../index.html" >
|
<a class="nav-link" href="../index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="../empty.html" >
|
<a class="dropdown-item" href="../empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../blank.html" >
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="../cards-masonry.html" >
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../dropdowns.html" >
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="../maps.html" >
|
<a class="dropdown-item" href="../maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../maps-vector.html" >
|
<a class="dropdown-item" href="../maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="../navigation.html" >
|
<a class="dropdown-item" href="../navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="../charts.html" >
|
<a class="dropdown-item" href="../charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="../charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="../pagination.html" >
|
<a class="dropdown-item" href="../pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="../tables.html" >
|
<a class="dropdown-item" href="../tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="../calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="../carousel.html" >
|
<a class="dropdown-item" href="../carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="../markdown.html" >
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="../form-elements.html" >
|
<a class="nav-link" href="../form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="../layout-vertical.html" >
|
<a class="dropdown-item" href="../layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item active">
|
<li class="nav-item active">
|
||||||
<a class="nav-link" href="../docs/index.html" >
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
@@ -327,262 +355,335 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row g-5">
|
</div>
|
||||||
<div class="d-none d-lg-block col-lg-3">
|
<div class="page-body">
|
||||||
<ul class="nav nav-pills nav-vertical">
|
<div class="container-xl">
|
||||||
<li class="nav-item">
|
<div class="row gx-lg-4">
|
||||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
<span class="nav-link-icon"><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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
<ul class="nav nav-pills nav-vertical">
|
||||||
</span>
|
<li class="nav-item">
|
||||||
Getting started
|
<a href="../docs/" class="nav-link">
|
||||||
<span class="nav-link-toggle"></span>
|
Introduction
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav collapse" id="menu-base">
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/index.html" class="nav-link">
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
Introduction
|
Getting started
|
||||||
</a>
|
<span class="nav-link-toggle"></span>
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
<ul class="nav nav-pills collapse" id="menu-base">
|
||||||
<a href="../docs/usage.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Usage
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
</a>
|
Getting Started
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/colors.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Colors
|
<a href="../docs/download.html" class="nav-link">
|
||||||
</a>
|
Download
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/typography.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Typography
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
</a>
|
Browser Support
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/icons.html" class="nav-link">
|
</ul>
|
||||||
Icons
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</ul>
|
Content
|
||||||
</li>
|
<span class="nav-link-toggle"></span>
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
<span class="nav-link-icon"><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 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
<li class="nav-item">
|
||||||
</span>
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
Components
|
Colors
|
||||||
<span class="nav-link-toggle"></span>
|
</a>
|
||||||
</a>
|
</li>
|
||||||
<ul class="nav collapse" id="menu-components">
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
<a href="../docs/alerts.html" class="nav-link">
|
Typography
|
||||||
Alerts
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
<a href="../docs/avatars.html" class="nav-link">
|
Icons
|
||||||
Avatars
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/badges.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Badges
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</a>
|
Layout
|
||||||
</li>
|
<span class="nav-link-toggle"></span>
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="../docs/breadcrumb.html" class="nav-link">
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
Breadcrumb
|
<li class="nav-item">
|
||||||
</a>
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
</li>
|
Page headers
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="../docs/buttons.html" class="nav-link">
|
</li>
|
||||||
Buttons
|
</ul>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
<a href="../docs/cards.html" class="nav-link">
|
Form components
|
||||||
Cards
|
<span class="nav-link-toggle"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/carousel.html" class="nav-link">
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
Carousel
|
Form elements
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/dropdowns.html" class="nav-link">
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
Dropdowns
|
Form helpers
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/divider.html" class="nav-link">
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
Divider
|
Validation states
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/empty.html" class="nav-link">
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
Empty states
|
Image check
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/form-elements.html" class="nav-link">
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
Form elements
|
Color check
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/form-helpers.html" class="nav-link">
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
Form helpers
|
Form selectboxes
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/modals.html" class="nav-link">
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
Modals
|
Form fieldset
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
</ul>
|
||||||
<a href="../docs/progress.html" class="nav-link">
|
</li>
|
||||||
Progress
|
<li class="nav-item">
|
||||||
</a>
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</li>
|
Components
|
||||||
<li class="nav-item">
|
<span class="nav-link-toggle"></span>
|
||||||
<a href="../docs/payments.html" class="nav-link">
|
</a>
|
||||||
Payments
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Alerts
|
||||||
<a href="../docs/range-slider.html" class="nav-link">
|
</a>
|
||||||
Range slider
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Avatars
|
||||||
<a href="../docs/ribbons.html" class="nav-link">
|
</a>
|
||||||
Ribbons
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Badges
|
||||||
<a href="../docs/skeleton.html" class="nav-link">
|
</a>
|
||||||
Skeleton
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Breadcrumb
|
||||||
<a href="../docs/spinners.html" class="nav-link">
|
</a>
|
||||||
Spinners
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Buttons
|
||||||
<a href="../docs/steps.html" class="nav-link">
|
</a>
|
||||||
Steps
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Cards
|
||||||
<a href="../docs/switch-icon.html" class="nav-link">
|
</a>
|
||||||
Switch icon
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Carousel
|
||||||
<a href="../docs/tables.html" class="nav-link">
|
</a>
|
||||||
Tables
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Dropdowns
|
||||||
<a href="../docs/tabs.html" class="nav-link">
|
</a>
|
||||||
Tabs
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Divider
|
||||||
<a href="../docs/timelines.html" class="nav-link">
|
</a>
|
||||||
Timelines
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Empty states
|
||||||
<a href="../docs/toasts.html" class="nav-link">
|
</a>
|
||||||
Toasts
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Modals
|
||||||
<a href="../docs/tooltips.html" class="nav-link">
|
</a>
|
||||||
Tooltips
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
</ul>
|
Page headers
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.762 4.383 -2.989 5.642c-1.226 1.26 -2.011 2.598 -2.011 4.358a6 6 0 1 0 12 0c0 -1.532 -.77 -2.94 -1.714 -4c-1.786 3 -3.077 3 -4.286 2z" /></svg>
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
</span>
|
Progress
|
||||||
Utilities
|
</a>
|
||||||
<span class="nav-link-toggle"></span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
<ul class="nav collapse" id="menu-utils">
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Range slider
|
||||||
<a href="../docs/cursors.html" class="nav-link">
|
</a>
|
||||||
Cursors
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
</ul>
|
Ribbons
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
</span>
|
Skeleton
|
||||||
Plugins
|
</a>
|
||||||
<span class="nav-link-toggle"></span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
<ul class="nav collapse show" id="menu-plugins">
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Spinners
|
||||||
<a href="../docs/autosize.html" class="nav-link active">
|
</a>
|
||||||
Autosize
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Steps
|
||||||
<a href="../docs/input-mask.html" class="nav-link">
|
</a>
|
||||||
Form input mask
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Switch icon
|
||||||
<a href="../docs/flags.html" class="nav-link">
|
</a>
|
||||||
Flags
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Tables
|
||||||
<a href="../docs/charts.html" class="nav-link">
|
</a>
|
||||||
Charts
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
</ul>
|
Tabs
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../changelog.html" class="nav-link">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
</span>
|
Timelines
|
||||||
Changelog
|
</a>
|
||||||
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
</ul>
|
Toasts
|
||||||
</div>
|
</a>
|
||||||
<div class="col-lg-9">
|
</li>
|
||||||
<div class="card card-lg">
|
<li class="nav-item">
|
||||||
<div class="card-body">
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
<div class="markdown">
|
Tooltips
|
||||||
<div class="mb-5">
|
</a>
|
||||||
<div class="d-flex mb-3">
|
</li>
|
||||||
<h1 class="mt-0">Autosize</h1>
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link active">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Autosize</h1>
|
||||||
|
</div>
|
||||||
|
<p>The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type.</p>
|
||||||
</div>
|
</div>
|
||||||
<p>The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type.</p>
|
<h2 id="default-markup">Default markup</h2>
|
||||||
</div>
|
<p>Add the autosize element to your input to make it automatically adjust to the length of a text as a user types it.</p>
|
||||||
<h2 id="default-markup">Default markup</h2>
|
<div class="example no_toc_section">
|
||||||
<p>Add the autosize element to your input to make it automatically adjust to the length of a text as a user types it.</p>
|
<div class="example-content">
|
||||||
<div class="example no_toc_section">
|
<label class="form-label">Autosize example</label>
|
||||||
<div class="example-content">
|
<textarea class="form-control" data-bs-toggle="autosize" placeholder="Type something…"></textarea>
|
||||||
<label class="form-label">Autosize example</label>
|
</div>
|
||||||
<textarea class="form-control" data-toggle="autosize" placeholder="Type something…"></textarea>
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Autosize example<span class="nt"></label></span>
|
||||||
|
<span class="nt"><textarea</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">data-bs-toggle=</span><span class="s">"autosize"</span> <span class="na">placeholder=</span><span class="s">"Type something…"</span><span class="nt">></textarea></span></code></pre>
|
||||||
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="example-code">
|
|
||||||
<figure class="highlight">
|
|
||||||
<pre><code class="language-html" data-lang="html"><span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Autosize example<span class="nt"></label></span>
|
|
||||||
<span class="nt"><textarea</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">data-toggle=</span><span class="s">"autosize"</span> <span class="na">placeholder=</span><span class="s">"Type something…"</span><span class="nt">></textarea></span></code></pre>
|
|
||||||
</figure>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -593,22 +694,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="../docs/index.html" 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="../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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href=".." class="link-secondary">Tabler</a>.
|
<a href=".." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -618,11 +726,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="../dist/js/tabler.min.js"></script>
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
838
demo/docs/borders.html
Normal file
838
demo/docs/borders.html
Normal file
@@ -0,0 +1,838 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<!--
|
||||||
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 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>Borders - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||||
|
<!-- CSS files -->
|
||||||
|
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
|
</head>
|
||||||
|
<body class="antialiased">
|
||||||
|
<div class="wrapper">
|
||||||
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
|
<div class="container-xl">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
|
<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 btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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-end dropdown-menu-card">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
|
</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">Set status</a>
|
||||||
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">Settings</a>
|
||||||
|
<a href="#" class="dropdown-item">Logout</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="navbar-expand-md">
|
||||||
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||||
|
<div class="navbar navbar-light">
|
||||||
|
<div class="container-xl">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="../index.html" >
|
||||||
|
<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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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" 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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></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="../empty.html" >
|
||||||
|
Empty page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
|
Blank page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../buttons.html" >
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards.html" >
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
|
Cards Masonry
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../icons.html" >
|
||||||
|
Icons
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
|
<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" >
|
||||||
|
Pagination
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../skeleton.html" >
|
||||||
|
Skeleton
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../lists.html" >
|
||||||
|
Lists
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../typography.html" >
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
|
Markdown
|
||||||
|
</a>
|
||||||
|
<div class="dropend">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" 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-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" role="button" aria-expanded="false" >
|
||||||
|
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"/><polyline points="9 11 12 14 20 6" /><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" 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">
|
||||||
|
<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="../users.html" >
|
||||||
|
Users
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../license.html" >
|
||||||
|
License
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../music.html" >
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../widgets.html" >
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../wizard.html" >
|
||||||
|
Wizard
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" 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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></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-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-condensed-dark.html" >
|
||||||
|
Condensed dark
|
||||||
|
</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-dark.html" >
|
||||||
|
Dark mode
|
||||||
|
</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 active">
|
||||||
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
|
</span>
|
||||||
|
<span class="nav-link-title">
|
||||||
|
Documentation
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</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">
|
||||||
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-wrapper">
|
||||||
|
<div class="container-xl">
|
||||||
|
<!-- Page title -->
|
||||||
|
<div class="page-header d-print-none">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col">
|
||||||
|
<h2 class="page-title">
|
||||||
|
Documentation
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-body">
|
||||||
|
<div class="container-xl">
|
||||||
|
<div class="row gx-lg-4">
|
||||||
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
|
<ul class="nav nav-pills nav-vertical">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/" class="nav-link">
|
||||||
|
Introduction
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Getting started
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-base">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
|
Getting Started
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/download.html" class="nav-link">
|
||||||
|
Download
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
|
Browser Support
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Content
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
|
Icons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Layout
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Form components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
|
Form elements
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
|
Form helpers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
|
Validation states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
|
Image check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
|
Color check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
|
Form selectboxes
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
|
Form fieldset
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
|
Alerts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
|
Avatars
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
|
Badges
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
|
Breadcrumb
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
|
Carousel
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
|
Divider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
|
Empty states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
|
Modals
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
|
Progress
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
|
Range slider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
|
Ribbons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
|
Skeleton
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
|
Spinners
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
|
Steps
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
|
Switch icon
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
|
Tables
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
|
Tabs
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
|
Timelines
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
|
Toasts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
|
Tooltips
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link active">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Borders</h1>
|
||||||
|
</div>
|
||||||
|
<p>Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.</p>
|
||||||
|
</div>
|
||||||
|
<h2 id="border-direction">Border direction</h2>
|
||||||
|
<p>The following border utilities classes will add border to any side of an element.</p>
|
||||||
|
<div class="example no_toc_section example-centered">
|
||||||
|
<div class="example-content">
|
||||||
|
<div class="d-flex space-x-3">
|
||||||
|
<div class="w-5 h-5 bg-light border"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border-top"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border-end"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border-bottom"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border-start"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border-x"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border-y"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border-top"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border-end"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border-bottom"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border-start"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border-x"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border-y"</span><span class="nt">></div></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<h2 id="border-size">Border size</h2>
|
||||||
|
<p>Below are the available border size utilities classes.</p>
|
||||||
|
<div class="example no_toc_section example-centered">
|
||||||
|
<div class="example-content">
|
||||||
|
<div class="d-flex space-x-3">
|
||||||
|
<div class="w-5 h-5 bg-light border-0"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border-wide"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border-0"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border-wide"</span><span class="nt">></div></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<h2 id="remove-border">Remove border</h2>
|
||||||
|
<p>You can remove a border on a single side of an element by using the following border utilities classes.</p>
|
||||||
|
<div class="example no_toc_section example-centered">
|
||||||
|
<div class="example-content">
|
||||||
|
<div class="d-flex space-x-3">
|
||||||
|
<div class="w-5 h-5 bg-light border border-top-0"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-end-0"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-bottom-0"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-start-0"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-x-0"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-y-0"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-top-0"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-end-0"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-bottom-0"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-start-0"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-x-0"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-y-0"</span><span class="nt">></div></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<h2 id="border-color">Border color</h2>
|
||||||
|
<p>You can set a border color of any side of an element by adding the following utilities classes below.</p>
|
||||||
|
<div class="example no_toc_section example-centered">
|
||||||
|
<div class="example-content">
|
||||||
|
<div class="btn-list">
|
||||||
|
<div class="w-5 h-5 bg-light border border-primary"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-secondary"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-success"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-warning"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-danger"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-info"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-light"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border border-dark"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-primary"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-secondary"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-success"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-warning"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-danger"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-info"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-light"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border border-dark"</span><span class="nt">></div></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<h2 id="border-radius">Border radius</h2>
|
||||||
|
<p>You can set a border to any element by using the following utilities classes below.</p>
|
||||||
|
<div class="example no_toc_section example-centered">
|
||||||
|
<div class="example-content">
|
||||||
|
<div class="d-flex space-x-3">
|
||||||
|
<div class="w-5 h-5 bg-light border rounded-0"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border rounded"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border rounded-1"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border rounded-2"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border rounded-3"></div>
|
||||||
|
<div class="w-5 h-5 bg-light border rounded-circle"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border rounded-0"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border rounded"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border rounded-1"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border rounded-2"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border rounded-3"</span><span class="nt">></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-5 h-5 bg-light border rounded-circle"</span><span class="nt">></div></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="footer footer-transparent d-print-none">
|
||||||
|
<div class="container">
|
||||||
|
<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="../docs/index.html" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 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 © 2021
|
||||||
|
<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-beta2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Libs JS -->
|
||||||
|
<!-- Tabler Core -->
|
||||||
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
762
demo/docs/browser-support.html
Normal file
762
demo/docs/browser-support.html
Normal file
@@ -0,0 +1,762 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<!--
|
||||||
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 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>Browser Support - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||||
|
<!-- CSS files -->
|
||||||
|
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
|
</head>
|
||||||
|
<body class="antialiased">
|
||||||
|
<div class="wrapper">
|
||||||
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
|
<div class="container-xl">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
|
<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 btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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-end dropdown-menu-card">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
|
</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">Set status</a>
|
||||||
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">Settings</a>
|
||||||
|
<a href="#" class="dropdown-item">Logout</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="navbar-expand-md">
|
||||||
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||||
|
<div class="navbar navbar-light">
|
||||||
|
<div class="container-xl">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="../index.html" >
|
||||||
|
<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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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" 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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></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="../empty.html" >
|
||||||
|
Empty page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
|
Blank page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../buttons.html" >
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards.html" >
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
|
Cards Masonry
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../icons.html" >
|
||||||
|
Icons
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
|
<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" >
|
||||||
|
Pagination
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../skeleton.html" >
|
||||||
|
Skeleton
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../lists.html" >
|
||||||
|
Lists
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../typography.html" >
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
|
Markdown
|
||||||
|
</a>
|
||||||
|
<div class="dropend">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" 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-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" role="button" aria-expanded="false" >
|
||||||
|
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"/><polyline points="9 11 12 14 20 6" /><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" 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">
|
||||||
|
<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="../users.html" >
|
||||||
|
Users
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../license.html" >
|
||||||
|
License
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../music.html" >
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../widgets.html" >
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../wizard.html" >
|
||||||
|
Wizard
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" 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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></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-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-condensed-dark.html" >
|
||||||
|
Condensed dark
|
||||||
|
</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-dark.html" >
|
||||||
|
Dark mode
|
||||||
|
</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 active">
|
||||||
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
|
</span>
|
||||||
|
<span class="nav-link-title">
|
||||||
|
Documentation
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</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">
|
||||||
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-wrapper">
|
||||||
|
<div class="container-xl">
|
||||||
|
<!-- Page title -->
|
||||||
|
<div class="page-header d-print-none">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col">
|
||||||
|
<h2 class="page-title">
|
||||||
|
Documentation
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-body">
|
||||||
|
<div class="container-xl">
|
||||||
|
<div class="row gx-lg-4">
|
||||||
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
|
<ul class="nav nav-pills nav-vertical">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/" class="nav-link">
|
||||||
|
Introduction
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Getting started
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
|
Getting Started
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/download.html" class="nav-link">
|
||||||
|
Download
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/browser-support.html" class="nav-link active">
|
||||||
|
Browser Support
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Content
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
|
Icons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Layout
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Form components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
|
Form elements
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
|
Form helpers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
|
Validation states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
|
Image check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
|
Color check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
|
Form selectboxes
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
|
Form fieldset
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
|
Alerts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
|
Avatars
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
|
Badges
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
|
Breadcrumb
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
|
Carousel
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
|
Divider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
|
Empty states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
|
Modals
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
|
Progress
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
|
Range slider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
|
Ribbons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
|
Skeleton
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
|
Spinners
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
|
Steps
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
|
Switch icon
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
|
Tables
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
|
Tabs
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
|
Timelines
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
|
Toasts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
|
Tooltips
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Browser Support</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>As of this latest release, Tabler has launched many new features that may not be compatible with all browsers, especially older ones.</p>
|
||||||
|
<p>For instance, Tabler no longer uses <strong>vendor prefixes</strong> in styles that are known to have some compatibility issues except for a few parts. Tabler also supports new features such as <strong>CSS grid</strong>, <strong>object fit</strong>, and <strong>sticky positioning</strong> which is not yet supported on all browsers. In short, Tabler supports all the latest supported browsers with <strong>only</strong> partial support for Internet Explorer.</p>
|
||||||
|
<h2 id="supported-browsers">Supported Browsers</h2>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Browser</th>
|
||||||
|
<th>Version</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><img src="/static/browsers/edge.svg" width="24" height="24" class="me-2" /> Edge</td>
|
||||||
|
<td>last 3 versions</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img src="/static/browsers/firefox.svg" width="24" height="24" class="me-2" /> Firefox</td>
|
||||||
|
<td>last 3 versions, ESR</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img src="/static/browsers/chrome.svg" width="24" height="24" class="me-2" /> Chrome</td>
|
||||||
|
<td>last 3 versions</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img src="/static/browsers/safari.svg" width="24" height="24" class="me-2" /> Safari</td>
|
||||||
|
<td>last 3 versions</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img src="/static/browsers/opera.svg" width="24" height="24" class="me-2" /> Opera</td>
|
||||||
|
<td>last 3 versions</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img src="/static/browsers/electron.svg" width="24" height="24" class="me-2" /> Electron</td>
|
||||||
|
<td>last 3 versions</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img src="/static/browsers/brave.svg" width="24" height="24" class="me-2" /> Brave</td>
|
||||||
|
<td>last 3 versions</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img src="/static/browsers/vivaldi.svg" width="24" height="24" class="me-2" /> Vivaldi</td>
|
||||||
|
<td>last 3 versions</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="footer footer-transparent d-print-none">
|
||||||
|
<div class="container">
|
||||||
|
<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="../docs/index.html" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 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 © 2021
|
||||||
|
<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-beta2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Libs JS -->
|
||||||
|
<!-- Tabler Core -->
|
||||||
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
1257
demo/docs/cards.html
1257
demo/docs/cards.html
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href="..">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="../index.html" >
|
<a class="nav-link" href="../index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="../empty.html" >
|
<a class="dropdown-item" href="../empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../blank.html" >
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="../cards-masonry.html" >
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../dropdowns.html" >
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="../maps.html" >
|
<a class="dropdown-item" href="../maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../maps-vector.html" >
|
<a class="dropdown-item" href="../maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="../navigation.html" >
|
<a class="dropdown-item" href="../navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="../charts.html" >
|
<a class="dropdown-item" href="../charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="../charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="../pagination.html" >
|
<a class="dropdown-item" href="../pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="../tables.html" >
|
<a class="dropdown-item" href="../tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="../calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="../carousel.html" >
|
<a class="dropdown-item" href="../carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="../markdown.html" >
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="../form-elements.html" >
|
<a class="nav-link" href="../form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="../layout-vertical.html" >
|
<a class="dropdown-item" href="../layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item active">
|
<li class="nav-item active">
|
||||||
<a class="nav-link" href="../docs/index.html" >
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
@@ -327,286 +355,358 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row g-5">
|
</div>
|
||||||
<div class="d-none d-lg-block col-lg-3">
|
<div class="page-body">
|
||||||
<ul class="nav nav-pills nav-vertical">
|
<div class="container-xl">
|
||||||
<li class="nav-item">
|
<div class="row gx-lg-4">
|
||||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
<span class="nav-link-icon"><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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
<ul class="nav nav-pills nav-vertical">
|
||||||
</span>
|
<li class="nav-item">
|
||||||
Getting started
|
<a href="../docs/" class="nav-link">
|
||||||
<span class="nav-link-toggle"></span>
|
Introduction
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav collapse" id="menu-base">
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/index.html" class="nav-link">
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
Introduction
|
Getting started
|
||||||
</a>
|
<span class="nav-link-toggle"></span>
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
<ul class="nav nav-pills collapse" id="menu-base">
|
||||||
<a href="../docs/usage.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Usage
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
</a>
|
Getting Started
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/colors.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Colors
|
<a href="../docs/download.html" class="nav-link">
|
||||||
</a>
|
Download
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/typography.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Typography
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
</a>
|
Browser Support
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/icons.html" class="nav-link">
|
|
||||||
Icons
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
|
||||||
<span class="nav-link-icon"><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 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
|
||||||
</span>
|
|
||||||
Components
|
|
||||||
<span class="nav-link-toggle"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="nav collapse" id="menu-components">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/alerts.html" class="nav-link">
|
|
||||||
Alerts
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/avatars.html" class="nav-link">
|
|
||||||
Avatars
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/badges.html" class="nav-link">
|
|
||||||
Badges
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/breadcrumb.html" class="nav-link">
|
|
||||||
Breadcrumb
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/buttons.html" class="nav-link">
|
|
||||||
Buttons
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/cards.html" class="nav-link">
|
|
||||||
Cards
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/carousel.html" class="nav-link">
|
|
||||||
Carousel
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/dropdowns.html" class="nav-link">
|
|
||||||
Dropdowns
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/divider.html" class="nav-link">
|
|
||||||
Divider
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/empty.html" class="nav-link">
|
|
||||||
Empty states
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/form-elements.html" class="nav-link">
|
|
||||||
Form elements
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/form-helpers.html" class="nav-link">
|
|
||||||
Form helpers
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/modals.html" class="nav-link">
|
|
||||||
Modals
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/progress.html" class="nav-link">
|
|
||||||
Progress
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/payments.html" class="nav-link">
|
|
||||||
Payments
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/range-slider.html" class="nav-link">
|
|
||||||
Range slider
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/ribbons.html" class="nav-link">
|
|
||||||
Ribbons
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/skeleton.html" class="nav-link">
|
|
||||||
Skeleton
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/spinners.html" class="nav-link">
|
|
||||||
Spinners
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/steps.html" class="nav-link">
|
|
||||||
Steps
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/switch-icon.html" class="nav-link">
|
|
||||||
Switch icon
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/tables.html" class="nav-link">
|
|
||||||
Tables
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/tabs.html" class="nav-link">
|
|
||||||
Tabs
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/timelines.html" class="nav-link">
|
|
||||||
Timelines
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/toasts.html" class="nav-link">
|
|
||||||
Toasts
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/tooltips.html" class="nav-link">
|
|
||||||
Tooltips
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
|
||||||
<span class="nav-link-icon"><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 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.762 4.383 -2.989 5.642c-1.226 1.26 -2.011 2.598 -2.011 4.358a6 6 0 1 0 12 0c0 -1.532 -.77 -2.94 -1.714 -4c-1.786 3 -3.077 3 -4.286 2z" /></svg>
|
|
||||||
</span>
|
|
||||||
Utilities
|
|
||||||
<span class="nav-link-toggle"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="nav collapse show" id="menu-utils">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/cursors.html" class="nav-link active">
|
|
||||||
Cursors
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
|
||||||
<span class="nav-link-icon"><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"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
|
||||||
</span>
|
|
||||||
Plugins
|
|
||||||
<span class="nav-link-toggle"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="nav collapse" id="menu-plugins">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/autosize.html" class="nav-link">
|
|
||||||
Autosize
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/input-mask.html" class="nav-link">
|
|
||||||
Form input mask
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/flags.html" class="nav-link">
|
|
||||||
Flags
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../docs/charts.html" class="nav-link">
|
|
||||||
Charts
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../changelog.html" class="nav-link">
|
|
||||||
<span class="nav-link-icon"><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"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
|
||||||
</span>
|
|
||||||
Changelog
|
|
||||||
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-9">
|
|
||||||
<div class="card card-lg">
|
|
||||||
<div class="card-body">
|
|
||||||
<div class="markdown">
|
|
||||||
<div class="mb-5">
|
|
||||||
<div class="d-flex mb-3">
|
|
||||||
<h1 class="mt-0">Cursors</h1>
|
|
||||||
</div>
|
|
||||||
<p>You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed.</p>
|
|
||||||
</div>
|
|
||||||
<h2 id="cursor-utilities">Cursor utilities</h2>
|
|
||||||
<p>Use one of the available cursor utilities depending on the action you want to indicate.</p>
|
|
||||||
<ul>
|
|
||||||
<li><code class="language-plaintext highlighter-rouge">.cursor-auto</code>- the cursor style depends on what’s inside a given element</li>
|
|
||||||
<li><code class="language-plaintext highlighter-rouge">.cursor-pointer</code> - a pointing cursor, used to show that an element is clickable</li>
|
|
||||||
<li><code class="language-plaintext highlighter-rouge">.cursor-move</code> - a cursor which shows that a given element can be moved</li>
|
|
||||||
<li><code class="language-plaintext highlighter-rouge">.cursor-not-allowed</code> - a cursor which shows that a user is not allowed to perform an action on an element</li>
|
|
||||||
<li><code class="language-plaintext highlighter-rouge">.cursor-zoom-in</code> - a cursor which shows that a user can zoom in</li>
|
|
||||||
<li><code class="language-plaintext highlighter-rouge">.cursor-zoom-out</code> - a cursor which shows that a user can zoom out</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
<div class="example no_toc_section">
|
</li>
|
||||||
<div class="example-content">
|
<li class="nav-item">
|
||||||
<div class="row text-center">
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
<div class="col-4 mb-3">
|
Content
|
||||||
<div class="cursor-auto bg-light py-3">Cursor auto</div>
|
<span class="nav-link-toggle"></span>
|
||||||
</div>
|
</a>
|
||||||
<div class="col-4 mb-3">
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
<div class="cursor-pointer bg-light py-3">Cursor pointer</div>
|
<li class="nav-item">
|
||||||
</div>
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
<div class="col-4 mb-3">
|
Colors
|
||||||
<div class="cursor-move bg-light py-3">Cursor move</div>
|
</a>
|
||||||
</div>
|
</li>
|
||||||
<div class="col-4">
|
<li class="nav-item">
|
||||||
<div class="cursor-not-allowed bg-light py-3">Cursor not allowed</div>
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
</div>
|
Typography
|
||||||
<div class="col-4">
|
</a>
|
||||||
<div class="cursor-zoom-in bg-light py-3">Cursor zoom in</div>
|
</li>
|
||||||
</div>
|
<li class="nav-item">
|
||||||
<div class="col-4">
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
<div class="cursor-zoom-out bg-light py-3">Cursor zoom out</div>
|
Icons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Layout
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Form components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
|
Form elements
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
|
Form helpers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
|
Validation states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
|
Image check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
|
Color check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
|
Form selectboxes
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
|
Form fieldset
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
|
Alerts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
|
Avatars
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
|
Badges
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
|
Breadcrumb
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
|
Carousel
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
|
Divider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
|
Empty states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
|
Modals
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
|
Progress
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
|
Range slider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
|
Ribbons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
|
Skeleton
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
|
Spinners
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
|
Steps
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
|
Switch icon
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
|
Tables
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
|
Tabs
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
|
Timelines
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
|
Toasts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
|
Tooltips
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link active">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Cursors</h1>
|
||||||
|
</div>
|
||||||
|
<p>You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed.</p>
|
||||||
|
</div>
|
||||||
|
<h2 id="cursor-utilities">Cursor utilities</h2>
|
||||||
|
<p>Use one of the available cursor utilities depending on the action you want to indicate.</p>
|
||||||
|
<ul>
|
||||||
|
<li><code class="language-plaintext highlighter-rouge">.cursor-auto</code>- the cursor style depends on what’s inside a given element</li>
|
||||||
|
<li><code class="language-plaintext highlighter-rouge">.cursor-pointer</code> - a pointing cursor, used to show that an element is clickable</li>
|
||||||
|
<li><code class="language-plaintext highlighter-rouge">.cursor-move</code> - a cursor which shows that a given element can be moved</li>
|
||||||
|
<li><code class="language-plaintext highlighter-rouge">.cursor-not-allowed</code> - a cursor which shows that a user is not allowed to perform an action on an element</li>
|
||||||
|
<li><code class="language-plaintext highlighter-rouge">.cursor-zoom-in</code> - a cursor which shows that a user can zoom in</li>
|
||||||
|
<li><code class="language-plaintext highlighter-rouge">.cursor-zoom-out</code> - a cursor which shows that a user can zoom out</li>
|
||||||
|
</ul>
|
||||||
|
<div class="example no_toc_section">
|
||||||
|
<div class="example-content">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-4 mb-3">
|
||||||
|
<div class="cursor-auto bg-light py-3">Cursor auto</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 mb-3">
|
||||||
|
<div class="cursor-pointer bg-light py-3">Cursor pointer</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 mb-3">
|
||||||
|
<div class="cursor-move bg-light py-3">Cursor move</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4">
|
||||||
|
<div class="cursor-not-allowed bg-light py-3">Cursor not allowed</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4">
|
||||||
|
<div class="cursor-zoom-in bg-light py-3">Cursor zoom in</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4">
|
||||||
|
<div class="cursor-zoom-out bg-light py-3">Cursor zoom out</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="example-code">
|
||||||
<div class="example-code">
|
<figure class="highlight">
|
||||||
<figure class="highlight">
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"row text-center"</span><span class="nt">></span>
|
||||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"row text-center"</span><span class="nt">></span>
|
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-4 mb-3"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-4 mb-3"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"cursor-auto bg-light py-3"</span><span class="nt">></span>Cursor auto<span class="nt"></div></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"cursor-auto bg-light py-3"</span><span class="nt">></span>Cursor auto<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
@@ -626,7 +726,8 @@
|
|||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"cursor-zoom-out bg-light py-3"</span><span class="nt">></span>Cursor zoom out<span class="nt"></div></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"cursor-zoom-out bg-light py-3"</span><span class="nt">></span>Cursor zoom out<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre>
|
<span class="nt"></div></span></code></pre>
|
||||||
</figure>
|
</figure>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -637,22 +738,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="../docs/index.html" 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="../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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href=".." class="link-secondary">Tabler</a>.
|
<a href=".." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -662,11 +770,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="../dist/js/tabler.min.js"></script>
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
744
demo/docs/download.html
Normal file
744
demo/docs/download.html
Normal file
@@ -0,0 +1,744 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<!--
|
||||||
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 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>Download - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||||
|
<!-- CSS files -->
|
||||||
|
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
|
</head>
|
||||||
|
<body class="antialiased">
|
||||||
|
<div class="wrapper">
|
||||||
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
|
<div class="container-xl">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
|
<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 btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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-end dropdown-menu-card">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
|
</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">Set status</a>
|
||||||
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">Settings</a>
|
||||||
|
<a href="#" class="dropdown-item">Logout</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="navbar-expand-md">
|
||||||
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||||
|
<div class="navbar navbar-light">
|
||||||
|
<div class="container-xl">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="../index.html" >
|
||||||
|
<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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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" 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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></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="../empty.html" >
|
||||||
|
Empty page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
|
Blank page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../buttons.html" >
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards.html" >
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
|
Cards Masonry
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../icons.html" >
|
||||||
|
Icons
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
|
<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" >
|
||||||
|
Pagination
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../skeleton.html" >
|
||||||
|
Skeleton
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../lists.html" >
|
||||||
|
Lists
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../typography.html" >
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
|
Markdown
|
||||||
|
</a>
|
||||||
|
<div class="dropend">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" 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-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" role="button" aria-expanded="false" >
|
||||||
|
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"/><polyline points="9 11 12 14 20 6" /><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" 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">
|
||||||
|
<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="../users.html" >
|
||||||
|
Users
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../license.html" >
|
||||||
|
License
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../music.html" >
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../widgets.html" >
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../wizard.html" >
|
||||||
|
Wizard
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" 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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></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-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-condensed-dark.html" >
|
||||||
|
Condensed dark
|
||||||
|
</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-dark.html" >
|
||||||
|
Dark mode
|
||||||
|
</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 active">
|
||||||
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
|
</span>
|
||||||
|
<span class="nav-link-title">
|
||||||
|
Documentation
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</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">
|
||||||
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-wrapper">
|
||||||
|
<div class="container-xl">
|
||||||
|
<!-- Page title -->
|
||||||
|
<div class="page-header d-print-none">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col">
|
||||||
|
<h2 class="page-title">
|
||||||
|
Documentation
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-body">
|
||||||
|
<div class="container-xl">
|
||||||
|
<div class="row gx-lg-4">
|
||||||
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
|
<ul class="nav nav-pills nav-vertical">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/" class="nav-link">
|
||||||
|
Introduction
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Getting started
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
|
Getting Started
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/download.html" class="nav-link active">
|
||||||
|
Download
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
|
Browser Support
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Content
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
|
Icons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Layout
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Form components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
|
Form elements
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
|
Form helpers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
|
Validation states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
|
Image check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
|
Color check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
|
Form selectboxes
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
|
Form fieldset
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
|
Alerts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
|
Avatars
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
|
Badges
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
|
Breadcrumb
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
|
Carousel
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
|
Divider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
|
Empty states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
|
Modals
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
|
Progress
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
|
Range slider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
|
Ribbons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
|
Skeleton
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
|
Spinners
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
|
Steps
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
|
Switch icon
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
|
Tables
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
|
Tabs
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
|
Timelines
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
|
Toasts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
|
Tooltips
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Download</h1>
|
||||||
|
</div>
|
||||||
|
<p>Download Tabler to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, yarn and more.</p>
|
||||||
|
</div>
|
||||||
|
<h2 id="cdn-via-unpkg">CDN via unpkg</h2>
|
||||||
|
<p>All files included in <code class="language-plaintext highlighter-rouge">@tabler/core</code> npm package are available over a unpkg CDN. Use it to deliver cached version of Tabler’s compiled CSS and JS to your project.</p>
|
||||||
|
<div class="language-html highlighter-rouge">
|
||||||
|
<div class="highlight">
|
||||||
|
<pre class="highlight"><code><span class="nt"><script </span><span class="na">src=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta2/dist/js/tabler.min.js"</span><span class="nt">></script></span>
|
||||||
|
<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta2/dist/css/tabler.min.css"</span><span class="nt">></span>
|
||||||
|
</code></pre>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>You can also include additional Tabler plugins:</p>
|
||||||
|
<div class="language-html highlighter-rouge">
|
||||||
|
<div class="highlight">
|
||||||
|
<pre class="highlight"><code><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta2/dist/css/tabler-flags.min.css"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta2/dist/css/tabler-payments.min.css"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta2/dist/css/tabler-vendors.min.css"</span><span class="nt">></span>
|
||||||
|
</code></pre>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h2 id="package-managers">Package managers</h2>
|
||||||
|
<p>Install Tabler in your Node.js powered apps with the npm package:</p>
|
||||||
|
<div class="language-plaintext highlighter-rouge">
|
||||||
|
<div class="highlight">
|
||||||
|
<pre class="highlight"><code>npm install @tabler/core
|
||||||
|
</code></pre>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="footer footer-transparent d-print-none">
|
||||||
|
<div class="container">
|
||||||
|
<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="../docs/index.html" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 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 © 2021
|
||||||
|
<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-beta2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Libs JS -->
|
||||||
|
<!-- Tabler Core -->
|
||||||
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
3781
demo/docs/flags.html
3781
demo/docs/flags.html
File diff suppressed because it is too large
Load Diff
1036
demo/docs/form-color-check.html
Normal file
1036
demo/docs/form-color-check.html
Normal file
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
770
demo/docs/form-fieldset.html
Normal file
770
demo/docs/form-fieldset.html
Normal file
@@ -0,0 +1,770 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<!--
|
||||||
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 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>Form fieldset - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||||
|
<!-- CSS files -->
|
||||||
|
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
|
</head>
|
||||||
|
<body class="antialiased">
|
||||||
|
<div class="wrapper">
|
||||||
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
|
<div class="container-xl">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
|
<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 btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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-end dropdown-menu-card">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
|
</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">Set status</a>
|
||||||
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">Settings</a>
|
||||||
|
<a href="#" class="dropdown-item">Logout</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="navbar-expand-md">
|
||||||
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||||
|
<div class="navbar navbar-light">
|
||||||
|
<div class="container-xl">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="../index.html" >
|
||||||
|
<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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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" 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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></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="../empty.html" >
|
||||||
|
Empty page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
|
Blank page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../buttons.html" >
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards.html" >
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
|
Cards Masonry
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../icons.html" >
|
||||||
|
Icons
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
|
<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" >
|
||||||
|
Pagination
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../skeleton.html" >
|
||||||
|
Skeleton
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../lists.html" >
|
||||||
|
Lists
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../typography.html" >
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
|
Markdown
|
||||||
|
</a>
|
||||||
|
<div class="dropend">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" 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-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" role="button" aria-expanded="false" >
|
||||||
|
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"/><polyline points="9 11 12 14 20 6" /><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" 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">
|
||||||
|
<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="../users.html" >
|
||||||
|
Users
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../license.html" >
|
||||||
|
License
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../music.html" >
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../widgets.html" >
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../wizard.html" >
|
||||||
|
Wizard
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" 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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></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-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-condensed-dark.html" >
|
||||||
|
Condensed dark
|
||||||
|
</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-dark.html" >
|
||||||
|
Dark mode
|
||||||
|
</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 active">
|
||||||
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
|
</span>
|
||||||
|
<span class="nav-link-title">
|
||||||
|
Documentation
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</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">
|
||||||
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-wrapper">
|
||||||
|
<div class="container-xl">
|
||||||
|
<!-- Page title -->
|
||||||
|
<div class="page-header d-print-none">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col">
|
||||||
|
<h2 class="page-title">
|
||||||
|
Documentation
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-body">
|
||||||
|
<div class="container-xl">
|
||||||
|
<div class="row gx-lg-4">
|
||||||
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
|
<ul class="nav nav-pills nav-vertical">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/" class="nav-link">
|
||||||
|
Introduction
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Getting started
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-base">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
|
Getting Started
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/download.html" class="nav-link">
|
||||||
|
Download
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
|
Browser Support
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Content
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
|
Icons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Layout
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Form components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-forms">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
|
Form elements
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
|
Form helpers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
|
Validation states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
|
Image check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
|
Color check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
|
Form selectboxes
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-fieldset.html" class="nav-link active">
|
||||||
|
Form fieldset
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
|
Alerts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
|
Avatars
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
|
Badges
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
|
Breadcrumb
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
|
Carousel
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
|
Divider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
|
Empty states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
|
Modals
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
|
Progress
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
|
Range slider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
|
Ribbons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
|
Skeleton
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
|
Spinners
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
|
Steps
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
|
Switch icon
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
|
Tables
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
|
Tabs
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
|
Timelines
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
|
Toasts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
|
Tooltips
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Form fieldset</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>Group parts of your form to make it well-structured and clearer for users, using the <code class="language-plaintext highlighter-rouge">fieldset</code> element.</p>
|
||||||
|
<div class="example no_toc_section">
|
||||||
|
<div class="example-content">
|
||||||
|
<fieldset class="form-fieldset">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="form-label required">Full name</label>
|
||||||
|
<input type="text" class="form-control" autocomplete="off" />
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="form-label required">Company</label>
|
||||||
|
<input type="text" class="form-control" autocomplete="off" />
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="form-label required">Email</label>
|
||||||
|
<input type="email" class="form-control" autocomplete="off" />
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="form-label">Phone number</label>
|
||||||
|
<input type="tel" class="form-control" autocomplete="off" />
|
||||||
|
</div>
|
||||||
|
<label class="form-check">
|
||||||
|
<input type="checkbox" class="form-check-input" />
|
||||||
|
<span class="form-check-label required">I agree to the Terms & Conditions</span>
|
||||||
|
</label>
|
||||||
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><fieldset</span> <span class="na">class=</span><span class="s">"form-fieldset"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label required"</span><span class="nt">></span>Full name<span class="nt"></label></span>
|
||||||
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span>
|
||||||
|
<span class="nt"></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label required"</span><span class="nt">></span>Company<span class="nt"></label></span>
|
||||||
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span>
|
||||||
|
<span class="nt"></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label required"</span><span class="nt">></span>Email<span class="nt"></label></span>
|
||||||
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"email"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span>
|
||||||
|
<span class="nt"></div></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Phone number<span class="nt"></label></span>
|
||||||
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"tel"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span>
|
||||||
|
<span class="nt"></div></span>
|
||||||
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-check"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"form-check-input"</span><span class="nt">/></span>
|
||||||
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-check-label required"</span><span class="nt">></span>I agree to the Terms <span class="err">&</span> Conditions<span class="nt"></span></span>
|
||||||
|
<span class="nt"></label></span>
|
||||||
|
<span class="nt"></fieldset></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="footer footer-transparent d-print-none">
|
||||||
|
<div class="container">
|
||||||
|
<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="../docs/index.html" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 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 © 2021
|
||||||
|
<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-beta2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Libs JS -->
|
||||||
|
<!-- Tabler Core -->
|
||||||
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href="..">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="../index.html" >
|
<a class="nav-link" href="../index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="../empty.html" >
|
<a class="dropdown-item" href="../empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../blank.html" >
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="../cards-masonry.html" >
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../dropdowns.html" >
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="../maps.html" >
|
<a class="dropdown-item" href="../maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../maps-vector.html" >
|
<a class="dropdown-item" href="../maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="../navigation.html" >
|
<a class="dropdown-item" href="../navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="../charts.html" >
|
<a class="dropdown-item" href="../charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="../charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="../pagination.html" >
|
<a class="dropdown-item" href="../pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="../tables.html" >
|
<a class="dropdown-item" href="../tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="../calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="../carousel.html" >
|
<a class="dropdown-item" href="../carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="../markdown.html" >
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="../form-elements.html" >
|
<a class="nav-link" href="../form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="../layout-vertical.html" >
|
<a class="dropdown-item" href="../layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item active">
|
<li class="nav-item active">
|
||||||
<a class="nav-link" href="../docs/index.html" >
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
@@ -327,262 +355,335 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row g-5">
|
</div>
|
||||||
<div class="d-none d-lg-block col-lg-3">
|
<div class="page-body">
|
||||||
<ul class="nav nav-pills nav-vertical">
|
<div class="container-xl">
|
||||||
<li class="nav-item">
|
<div class="row gx-lg-4">
|
||||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
<span class="nav-link-icon"><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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
<ul class="nav nav-pills nav-vertical">
|
||||||
</span>
|
<li class="nav-item">
|
||||||
Getting started
|
<a href="../docs/" class="nav-link">
|
||||||
<span class="nav-link-toggle"></span>
|
Introduction
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav collapse" id="menu-base">
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/index.html" class="nav-link">
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
Introduction
|
Getting started
|
||||||
</a>
|
<span class="nav-link-toggle"></span>
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
<ul class="nav nav-pills collapse" id="menu-base">
|
||||||
<a href="../docs/usage.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Usage
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
</a>
|
Getting Started
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/colors.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Colors
|
<a href="../docs/download.html" class="nav-link">
|
||||||
</a>
|
Download
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/typography.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Typography
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
</a>
|
Browser Support
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/icons.html" class="nav-link">
|
</ul>
|
||||||
Icons
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</ul>
|
Content
|
||||||
</li>
|
<span class="nav-link-toggle"></span>
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
<span class="nav-link-icon"><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 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
<li class="nav-item">
|
||||||
</span>
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
Components
|
Colors
|
||||||
<span class="nav-link-toggle"></span>
|
</a>
|
||||||
</a>
|
</li>
|
||||||
<ul class="nav collapse show" id="menu-components">
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
<a href="../docs/alerts.html" class="nav-link">
|
Typography
|
||||||
Alerts
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
<a href="../docs/avatars.html" class="nav-link">
|
Icons
|
||||||
Avatars
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/badges.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Badges
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</a>
|
Layout
|
||||||
</li>
|
<span class="nav-link-toggle"></span>
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="../docs/breadcrumb.html" class="nav-link">
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
Breadcrumb
|
<li class="nav-item">
|
||||||
</a>
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
</li>
|
Page headers
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="../docs/buttons.html" class="nav-link">
|
</li>
|
||||||
Buttons
|
</ul>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
<a href="../docs/cards.html" class="nav-link">
|
Form components
|
||||||
Cards
|
<span class="nav-link-toggle"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
<ul class="nav nav-pills collapse show" id="menu-forms">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/carousel.html" class="nav-link">
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
Carousel
|
Form elements
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/dropdowns.html" class="nav-link">
|
<a href="../docs/form-helpers.html" class="nav-link active">
|
||||||
Dropdowns
|
Form helpers
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/divider.html" class="nav-link">
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
Divider
|
Validation states
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/empty.html" class="nav-link">
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
Empty states
|
Image check
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/form-elements.html" class="nav-link">
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
Form elements
|
Color check
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/form-helpers.html" class="nav-link active">
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
Form helpers
|
Form selectboxes
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/modals.html" class="nav-link">
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
Modals
|
Form fieldset
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
</ul>
|
||||||
<a href="../docs/progress.html" class="nav-link">
|
</li>
|
||||||
Progress
|
<li class="nav-item">
|
||||||
</a>
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</li>
|
Components
|
||||||
<li class="nav-item">
|
<span class="nav-link-toggle"></span>
|
||||||
<a href="../docs/payments.html" class="nav-link">
|
</a>
|
||||||
Payments
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Alerts
|
||||||
<a href="../docs/range-slider.html" class="nav-link">
|
</a>
|
||||||
Range slider
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Avatars
|
||||||
<a href="../docs/ribbons.html" class="nav-link">
|
</a>
|
||||||
Ribbons
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Badges
|
||||||
<a href="../docs/skeleton.html" class="nav-link">
|
</a>
|
||||||
Skeleton
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Breadcrumb
|
||||||
<a href="../docs/spinners.html" class="nav-link">
|
</a>
|
||||||
Spinners
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Buttons
|
||||||
<a href="../docs/steps.html" class="nav-link">
|
</a>
|
||||||
Steps
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Cards
|
||||||
<a href="../docs/switch-icon.html" class="nav-link">
|
</a>
|
||||||
Switch icon
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Carousel
|
||||||
<a href="../docs/tables.html" class="nav-link">
|
</a>
|
||||||
Tables
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Dropdowns
|
||||||
<a href="../docs/tabs.html" class="nav-link">
|
</a>
|
||||||
Tabs
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Divider
|
||||||
<a href="../docs/timelines.html" class="nav-link">
|
</a>
|
||||||
Timelines
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Empty states
|
||||||
<a href="../docs/toasts.html" class="nav-link">
|
</a>
|
||||||
Toasts
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Modals
|
||||||
<a href="../docs/tooltips.html" class="nav-link">
|
</a>
|
||||||
Tooltips
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
</ul>
|
Page headers
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.762 4.383 -2.989 5.642c-1.226 1.26 -2.011 2.598 -2.011 4.358a6 6 0 1 0 12 0c0 -1.532 -.77 -2.94 -1.714 -4c-1.786 3 -3.077 3 -4.286 2z" /></svg>
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
</span>
|
Progress
|
||||||
Utilities
|
</a>
|
||||||
<span class="nav-link-toggle"></span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
<ul class="nav collapse" id="menu-utils">
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Range slider
|
||||||
<a href="../docs/cursors.html" class="nav-link">
|
</a>
|
||||||
Cursors
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
</ul>
|
Ribbons
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
</span>
|
Skeleton
|
||||||
Plugins
|
</a>
|
||||||
<span class="nav-link-toggle"></span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
<ul class="nav collapse" id="menu-plugins">
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Spinners
|
||||||
<a href="../docs/autosize.html" class="nav-link">
|
</a>
|
||||||
Autosize
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Steps
|
||||||
<a href="../docs/input-mask.html" class="nav-link">
|
</a>
|
||||||
Form input mask
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Switch icon
|
||||||
<a href="../docs/flags.html" class="nav-link">
|
</a>
|
||||||
Flags
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Tables
|
||||||
<a href="../docs/charts.html" class="nav-link">
|
</a>
|
||||||
Charts
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
</ul>
|
Tabs
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../changelog.html" class="nav-link">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
</span>
|
Timelines
|
||||||
Changelog
|
</a>
|
||||||
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
</ul>
|
Toasts
|
||||||
</div>
|
</a>
|
||||||
<div class="col-lg-9">
|
</li>
|
||||||
<div class="card card-lg">
|
<li class="nav-item">
|
||||||
<div class="card-body">
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
<div class="markdown">
|
Tooltips
|
||||||
<div class="mb-5">
|
</a>
|
||||||
<div class="d-flex mb-3">
|
</li>
|
||||||
<h1 class="mt-0">Form helpers</h1>
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Form helpers</h1>
|
||||||
|
</div>
|
||||||
|
<p>A form helper can be used to provide users with additional information about the elements of a form that may be unclear.</p>
|
||||||
</div>
|
</div>
|
||||||
<p>A form helper can be used to provide users with additional information about the elements of a form that may be unclear.</p>
|
<h2 id="input-help">Input help</h2>
|
||||||
</div>
|
<p>Use an input helper to display additional information about a form element. The text label will appear once a user hovers over the helper.</p>
|
||||||
<h2 id="input-help">Input help</h2>
|
<div class="example no_toc_section">
|
||||||
<p>Use an input helper to display additional information about a form element. The text label will appear once a user hovers over the helper.</p>
|
<div class="example-content">
|
||||||
<div class="example no_toc_section">
|
<span class="form-help" data-bs-toggle="popover" data-bs-placement="top" data-bs-html="true" data-bs-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class='mb-0'><a href=''>USP ZIP codes lookup tools</a></p>">?</span>
|
||||||
<div class="example-content">
|
</div>
|
||||||
<span class="form-help" data-toggle="popover" data-placement="top" data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class='mb-0'><a href=''>USP ZIP codes lookup tools</a></p>">?</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="example-code">
|
||||||
<div class="example-code">
|
<figure class="highlight">
|
||||||
<figure class="highlight">
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-help"</span> <span class="na">data-bs-toggle=</span><span class="s">"popover"</span> <span class="na">data-bs-placement=</span><span class="s">"top"</span> <span class="na">data-bs-html=</span><span class="s">"true"</span> <span class="na">data-bs-content=</span><span class="s">"<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p>
|
||||||
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-help"</span> <span class="na">data-toggle=</span><span class="s">"popover"</span> <span class="na">data-placement=</span><span class="s">"top"</span> <span class="na">data-content=</span><span class="s">"<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p>
|
|
||||||
<p class='mb-0'><a href=''>USP ZIP codes lookup tools</a></p>
|
<p class='mb-0'><a href=''>USP ZIP codes lookup tools</a></p>
|
||||||
"</span><span class="nt">></span>?<span class="nt"></span></span></code></pre>
|
"</span><span class="nt">></span>?<span class="nt"></span></span></code></pre>
|
||||||
</figure>
|
</figure>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -593,22 +694,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="../docs/index.html" 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="../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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href=".." class="link-secondary">Tabler</a>.
|
<a href=".." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -618,11 +726,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="../dist/js/tabler.min.js"></script>
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
1080
demo/docs/form-image-check.html
Normal file
1080
demo/docs/form-image-check.html
Normal file
File diff suppressed because it is too large
Load Diff
1184
demo/docs/form-selectboxes.html
Normal file
1184
demo/docs/form-selectboxes.html
Normal file
File diff suppressed because it is too large
Load Diff
758
demo/docs/form-validation.html
Normal file
758
demo/docs/form-validation.html
Normal file
@@ -0,0 +1,758 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<!--
|
||||||
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 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>Validation states - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||||
|
<!-- CSS files -->
|
||||||
|
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
|
</head>
|
||||||
|
<body class="antialiased">
|
||||||
|
<div class="wrapper">
|
||||||
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
|
<div class="container-xl">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
|
<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 btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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-end dropdown-menu-card">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
|
</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">Set status</a>
|
||||||
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">Settings</a>
|
||||||
|
<a href="#" class="dropdown-item">Logout</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="navbar-expand-md">
|
||||||
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||||
|
<div class="navbar navbar-light">
|
||||||
|
<div class="container-xl">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="../index.html" >
|
||||||
|
<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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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" 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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></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="../empty.html" >
|
||||||
|
Empty page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
|
Blank page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../buttons.html" >
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards.html" >
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
|
Cards Masonry
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../icons.html" >
|
||||||
|
Icons
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
|
<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" >
|
||||||
|
Pagination
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../skeleton.html" >
|
||||||
|
Skeleton
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../lists.html" >
|
||||||
|
Lists
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../typography.html" >
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
|
Markdown
|
||||||
|
</a>
|
||||||
|
<div class="dropend">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" 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-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" role="button" aria-expanded="false" >
|
||||||
|
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"/><polyline points="9 11 12 14 20 6" /><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" 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">
|
||||||
|
<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="../users.html" >
|
||||||
|
Users
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../license.html" >
|
||||||
|
License
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../music.html" >
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../widgets.html" >
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../wizard.html" >
|
||||||
|
Wizard
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" 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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></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-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-condensed-dark.html" >
|
||||||
|
Condensed dark
|
||||||
|
</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-dark.html" >
|
||||||
|
Dark mode
|
||||||
|
</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 active">
|
||||||
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
|
</span>
|
||||||
|
<span class="nav-link-title">
|
||||||
|
Documentation
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</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">
|
||||||
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-wrapper">
|
||||||
|
<div class="container-xl">
|
||||||
|
<!-- Page title -->
|
||||||
|
<div class="page-header d-print-none">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col">
|
||||||
|
<h2 class="page-title">
|
||||||
|
Documentation
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-body">
|
||||||
|
<div class="container-xl">
|
||||||
|
<div class="row gx-lg-4">
|
||||||
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
|
<ul class="nav nav-pills nav-vertical">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/" class="nav-link">
|
||||||
|
Introduction
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Getting started
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-base">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
|
Getting Started
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/download.html" class="nav-link">
|
||||||
|
Download
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
|
Browser Support
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Content
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
|
Icons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Layout
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Form components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-forms">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
|
Form elements
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
|
Form helpers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-validation.html" class="nav-link active">
|
||||||
|
Validation states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
|
Image check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
|
Color check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
|
Form selectboxes
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
|
Form fieldset
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
|
Alerts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
|
Avatars
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
|
Badges
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
|
Breadcrumb
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
|
Carousel
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
|
Divider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
|
Empty states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
|
Modals
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
|
Progress
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
|
Range slider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
|
Ribbons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
|
Skeleton
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
|
Spinners
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
|
Steps
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
|
Switch icon
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
|
Tables
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
|
Tabs
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
|
Timelines
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
|
Toasts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
|
Tooltips
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Validation states</h1>
|
||||||
|
</div>
|
||||||
|
<p>To inform users whether the entered value is correct or not, use either of the validation states. Thanks to that, users will immediately know which form elements they need to correct and, if the state displays as invalid, why the value is incorrect.</p>
|
||||||
|
</div>
|
||||||
|
<div class="example no_toc_section">
|
||||||
|
<div class="example-content">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="form-label">Validation States</label>
|
||||||
|
<input type="text" class="form-control is-valid mb-2" placeholder="Valid State.." />
|
||||||
|
<input type="text" class="form-control is-invalid" placeholder="Invalid State.." />
|
||||||
|
<div class="invalid-feedback">Invalid feedback</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Validation States<span class="nt"></label></span>
|
||||||
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control is-valid mb-2"</span> <span class="na">placeholder=</span><span class="s">"Valid State.."</span><span class="nt">></span>
|
||||||
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control is-invalid"</span> <span class="na">placeholder=</span><span class="s">"Invalid State.."</span><span class="nt">></span>
|
||||||
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"invalid-feedback"</span><span class="nt">></span>Invalid feedback<span class="nt"></div></span>
|
||||||
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<h2 id="subtle-validation-states">Subtle validation states</h2>
|
||||||
|
<p>If you prefer a more subtle manner of informing users of the input control validation state, you can use tick and cross symbols and resign from colored control frames and the validation feedback.</p>
|
||||||
|
<div class="example no_toc_section">
|
||||||
|
<div class="example-content">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="form-label">Validation States</label>
|
||||||
|
<input type="text" class="form-control is-valid is-valid-lite mb-2" placeholder="Valid State.." />
|
||||||
|
<input type="text" class="form-control is-invalid is-invalid-lite" placeholder="Invalid State.." />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||||
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Validation States<span class="nt"></label></span>
|
||||||
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control is-valid is-valid-lite mb-2"</span> <span class="na">placeholder=</span><span class="s">"Valid State.."</span><span class="nt">></span>
|
||||||
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control is-invalid is-invalid-lite"</span> <span class="na">placeholder=</span><span class="s">"Invalid State.."</span><span class="nt">></span>
|
||||||
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="footer footer-transparent d-print-none">
|
||||||
|
<div class="container">
|
||||||
|
<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="../docs/index.html" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 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 © 2021
|
||||||
|
<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-beta2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Libs JS -->
|
||||||
|
<!-- Tabler Core -->
|
||||||
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
742
demo/docs/getting-started.html
Normal file
742
demo/docs/getting-started.html
Normal file
@@ -0,0 +1,742 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<!--
|
||||||
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 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>Getting started - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||||
|
<!-- CSS files -->
|
||||||
|
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
|
</head>
|
||||||
|
<body class="antialiased">
|
||||||
|
<div class="wrapper">
|
||||||
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
|
<div class="container-xl">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
|
<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 btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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-end dropdown-menu-card">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
|
</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">Set status</a>
|
||||||
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">Settings</a>
|
||||||
|
<a href="#" class="dropdown-item">Logout</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="navbar-expand-md">
|
||||||
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||||
|
<div class="navbar navbar-light">
|
||||||
|
<div class="container-xl">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="../index.html" >
|
||||||
|
<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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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" 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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></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="../empty.html" >
|
||||||
|
Empty page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
|
Blank page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../buttons.html" >
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards.html" >
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
|
Cards Masonry
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../icons.html" >
|
||||||
|
Icons
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
|
<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" >
|
||||||
|
Pagination
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../skeleton.html" >
|
||||||
|
Skeleton
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../lists.html" >
|
||||||
|
Lists
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../typography.html" >
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
|
Markdown
|
||||||
|
</a>
|
||||||
|
<div class="dropend">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" 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-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" role="button" aria-expanded="false" >
|
||||||
|
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"/><polyline points="9 11 12 14 20 6" /><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" 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">
|
||||||
|
<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="../users.html" >
|
||||||
|
Users
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../license.html" >
|
||||||
|
License
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../music.html" >
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../widgets.html" >
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../wizard.html" >
|
||||||
|
Wizard
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" 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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></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-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-condensed-dark.html" >
|
||||||
|
Condensed dark
|
||||||
|
</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-dark.html" >
|
||||||
|
Dark mode
|
||||||
|
</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 active">
|
||||||
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
|
</span>
|
||||||
|
<span class="nav-link-title">
|
||||||
|
Documentation
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</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">
|
||||||
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-wrapper">
|
||||||
|
<div class="container-xl">
|
||||||
|
<!-- Page title -->
|
||||||
|
<div class="page-header d-print-none">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col">
|
||||||
|
<h2 class="page-title">
|
||||||
|
Documentation
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-body">
|
||||||
|
<div class="container-xl">
|
||||||
|
<div class="row gx-lg-4">
|
||||||
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
|
<ul class="nav nav-pills nav-vertical">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/" class="nav-link">
|
||||||
|
Introduction
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Getting started
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/getting-started.html" class="nav-link active">
|
||||||
|
Getting Started
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/download.html" class="nav-link">
|
||||||
|
Download
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
|
Browser Support
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Content
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
|
Icons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Layout
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Form components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
|
Form elements
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
|
Form helpers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
|
Validation states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
|
Image check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
|
Color check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
|
Form selectboxes
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
|
Form fieldset
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
|
Alerts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
|
Avatars
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
|
Badges
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
|
Breadcrumb
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
|
Carousel
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
|
Divider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
|
Empty states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
|
Modals
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
|
Progress
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
|
Range slider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
|
Ribbons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
|
Skeleton
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
|
Spinners
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
|
Steps
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
|
Switch icon
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
|
Tables
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
|
Tabs
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
|
Timelines
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
|
Toasts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
|
Tooltips
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Getting started</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h2 id="what-are-the-benefits">What are the benefits?</h2>
|
||||||
|
<p>Tabler is a perfect solution if you want to create an interface which is not only user-friendly but also fully responsive. Thanks to the big choice of ready-made components, you can customize your design and adapt it to the needs of even the most demanding users. On top of that, Tabler is an open source solution, continuously developed and improved by the open source community.</p>
|
||||||
|
<h2 id="set-up-the-environment">Set up the environment</h2>
|
||||||
|
<p>To use our build system and run our documentation locally, you’ll need a copy of Tabler’s source files. Follow the steps below:</p>
|
||||||
|
<ol>
|
||||||
|
<li><a href="https://nodejs.org/download/">Install Node.js</a>, which we use to manage our dependencies.</li>
|
||||||
|
<li>Navigate to the root <code class="language-plaintext highlighter-rouge">/tabler</code> directory and run <code class="language-plaintext highlighter-rouge">npm install</code> to install our local dependencies listed in <code class="language-plaintext highlighter-rouge">package.json</code>.</li>
|
||||||
|
<li><a href="https://ruby-lang.org/en/documentation/installation/">Install Ruby</a> - the recommended version is <a href="https://cache.ruby-lang.org/pub/ruby/2.5/ruby-2.5.5.tar.gz">2.5.5</a>.</li>
|
||||||
|
<li><a href="https://bundler.io">Install Bundler</a> with <code class="language-plaintext highlighter-rouge">gem install bundler</code> and, finally, run <code class="language-plaintext highlighter-rouge">bundle install</code>. It will install all Ruby dependencies, such as <a href="https://jekyllrb.com">Jekyll and plugins</a>.</li>
|
||||||
|
</ol>
|
||||||
|
<h3 id="windows-users">Windows users</h3>
|
||||||
|
<ol>
|
||||||
|
<li><a href="https://git-scm.com/download/win">Install Git</a> in <code class="language-plaintext highlighter-rouge">C:\Program Files\git\bin</code> directory and run <code class="language-plaintext highlighter-rouge">npm config set script-shell "C:\Program Files\git\bin\bash.exe"</code> to change the default shell.</li>
|
||||||
|
<li><a href="https://rubyinstaller.org/downloads/">Install Ruby+Devkit</a> - recommended version is <a href="https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.5.5-1/rubyinstaller-devkit-2.5.5-1-x86.exe">2.5.5</a>.</li>
|
||||||
|
<li><a href="https://jekyllrb.com/docs/installation/windows/">Read guide</a> to get Jekyll up and running without problems.</li>
|
||||||
|
</ol>
|
||||||
|
<p>Once you’ve completed the setup, you’ll be able to run the various commands provided from the command line.</p>
|
||||||
|
<h2 id="build-tabler-locally">Build Tabler locally</h2>
|
||||||
|
<ol>
|
||||||
|
<li>From the root <code class="language-plaintext highlighter-rouge">/tabler</code> directory, run <code class="language-plaintext highlighter-rouge">npm run start</code> in the command line.</li>
|
||||||
|
<li>Open <a href="http://localhost:3000">http://localhost:3000</a> in your browser, and voilà.</li>
|
||||||
|
<li>Any change in <code class="language-plaintext highlighter-rouge">/src</code> directory will build the application and refresh the page.</li>
|
||||||
|
</ol>
|
||||||
|
<h2 id="bugs-and-feature-requests">Bugs and feature requests</h2>
|
||||||
|
<p>Found a bug or have a feature request? <a href="https://github.com/tabler/tabler/issues/new">Please open a new issue</a>.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="footer footer-transparent d-print-none">
|
||||||
|
<div class="container">
|
||||||
|
<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="../docs/index.html" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 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 © 2021
|
||||||
|
<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-beta2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Libs JS -->
|
||||||
|
<!-- Tabler Core -->
|
||||||
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,10 +1,10 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
* @version 1.0.0-alpha.14
|
* @version 1.0.0-beta2
|
||||||
* @link https://tabler.io
|
* @link https://tabler.io
|
||||||
* Copyright 2018-2020 The Tabler Authors
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||||
-->
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@@ -19,29 +19,41 @@
|
|||||||
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
<div class="page">
|
<div class="wrapper">
|
||||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<a href=".." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||||
<img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
<a href="..">
|
||||||
</a>
|
<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="navbar-nav flex-row order-md-last">
|
||||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
<div class="nav-item d-none d-md-flex me-3">
|
||||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
<div class="btn-list">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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>
|
<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 0 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>
|
<span class="badge bg-red"></span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
@@ -50,14 +62,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-item dropdown">
|
<div class="nav-item dropdown">
|
||||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="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>
|
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||||
<div class="d-none d-xl-block pl-2">
|
<div class="d-none d-xl-block ps-2">
|
||||||
<div>Paweł Kuna</div>
|
<div>Paweł Kuna</div>
|
||||||
<div class="mt-1 small text-muted">UI Designer</div>
|
<div class="mt-1 small text-muted">UI Designer</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||||
<a href="#" class="dropdown-item">Set status</a>
|
<a href="#" class="dropdown-item">Set status</a>
|
||||||
<a href="#" class="dropdown-item">Profile & account</a>
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
<a href="#" class="dropdown-item">Feedback</a>
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
@@ -76,7 +88,8 @@
|
|||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="../index.html" >
|
<a class="nav-link" href="../index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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 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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Home
|
Home
|
||||||
@@ -84,11 +97,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
<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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
User Interface
|
Interface
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -97,6 +111,9 @@
|
|||||||
<a class="dropdown-item" href="../empty.html" >
|
<a class="dropdown-item" href="../empty.html" >
|
||||||
Empty page
|
Empty page
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../blank.html" >
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
Blank page
|
Blank page
|
||||||
</a>
|
</a>
|
||||||
@@ -109,6 +126,9 @@
|
|||||||
<a class="dropdown-item" href="../cards-masonry.html" >
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
Cards Masonry
|
Cards Masonry
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../dropdowns.html" >
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
Dropdowns
|
Dropdowns
|
||||||
</a>
|
</a>
|
||||||
@@ -121,20 +141,20 @@
|
|||||||
<a class="dropdown-item" href="../maps.html" >
|
<a class="dropdown-item" href="../maps.html" >
|
||||||
Maps
|
Maps
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../map-fullsize.html" >
|
||||||
|
Map fullsize
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../maps-vector.html" >
|
<a class="dropdown-item" href="../maps-vector.html" >
|
||||||
Vector maps
|
Vector maps
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
<a class="dropdown-item" href="../navigation.html" >
|
<a class="dropdown-item" href="../navigation.html" >
|
||||||
Navigation
|
Navigation
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="../charts.html" >
|
<a class="dropdown-item" href="../charts.html" >
|
||||||
Charts
|
Charts
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu-column">
|
|
||||||
<a class="dropdown-item" href="../charts-heatmap.html" >
|
|
||||||
Charts heatmap
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="../pagination.html" >
|
<a class="dropdown-item" href="../pagination.html" >
|
||||||
Pagination
|
Pagination
|
||||||
</a>
|
</a>
|
||||||
@@ -147,9 +167,6 @@
|
|||||||
<a class="dropdown-item" href="../tables.html" >
|
<a class="dropdown-item" href="../tables.html" >
|
||||||
Tables
|
Tables
|
||||||
</a>
|
</a>
|
||||||
<a class="dropdown-item" href="../calendar.html" >
|
|
||||||
Calendar
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="../carousel.html" >
|
<a class="dropdown-item" href="../carousel.html" >
|
||||||
Carousel
|
Carousel
|
||||||
</a>
|
</a>
|
||||||
@@ -162,8 +179,8 @@
|
|||||||
<a class="dropdown-item" href="../markdown.html" >
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
Markdown
|
Markdown
|
||||||
</a>
|
</a>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Authentication
|
Authentication
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -174,8 +191,8 @@
|
|||||||
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropright">
|
<div class="dropend">
|
||||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
Error pages
|
Error pages
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
@@ -190,7 +207,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="../form-elements.html" >
|
<a class="nav-link" href="../form-elements.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><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 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"/><polyline points="9 11 12 14 20 6" /><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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Form elements
|
Form elements
|
||||||
@@ -198,8 +216,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 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>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Extra
|
Extra
|
||||||
@@ -239,8 +258,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
<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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Layout
|
Layout
|
||||||
@@ -255,6 +275,9 @@
|
|||||||
<a class="dropdown-item" href="../layout-vertical.html" >
|
<a class="dropdown-item" href="../layout-vertical.html" >
|
||||||
Vertical
|
Vertical
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
|
||||||
|
Vertical transparent
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
||||||
Right vertical
|
Right vertical
|
||||||
</a>
|
</a>
|
||||||
@@ -272,6 +295,9 @@
|
|||||||
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
||||||
Navbar dark
|
Navbar dark
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
|
||||||
|
Navbar sticky
|
||||||
|
</a>
|
||||||
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
||||||
Navbar overlap
|
Navbar overlap
|
||||||
</a>
|
</a>
|
||||||
@@ -293,7 +319,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item active">
|
<li class="nav-item active">
|
||||||
<a class="nav-link" href="../docs/index.html" >
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="nav-link-title">
|
<span class="nav-link-title">
|
||||||
Documentation
|
Documentation
|
||||||
@@ -305,9 +332,10 @@
|
|||||||
<form action="." method="get">
|
<form action="." method="get">
|
||||||
<div class="input-icon">
|
<div class="input-icon">
|
||||||
<span class="input-icon-addon">
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search…">
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="page-wrapper">
|
||||||
<div class="container-xl">
|
<div class="container-xl">
|
||||||
<!-- Page title -->
|
<!-- Page title -->
|
||||||
<div class="page-header d-print-none">
|
<div class="page-header d-print-none">
|
||||||
@@ -327,262 +355,335 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row g-5">
|
</div>
|
||||||
<div class="d-none d-lg-block col-lg-3">
|
<div class="page-body">
|
||||||
<ul class="nav nav-pills nav-vertical">
|
<div class="container-xl">
|
||||||
<li class="nav-item">
|
<div class="row gx-lg-4">
|
||||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
<span class="nav-link-icon"><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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
<ul class="nav nav-pills nav-vertical">
|
||||||
</span>
|
<li class="nav-item">
|
||||||
Getting started
|
<a href="../docs/" class="nav-link">
|
||||||
<span class="nav-link-toggle"></span>
|
Introduction
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav collapse" id="menu-base">
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/index.html" class="nav-link">
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
Introduction
|
Getting started
|
||||||
</a>
|
<span class="nav-link-toggle"></span>
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
<ul class="nav nav-pills collapse" id="menu-base">
|
||||||
<a href="../docs/usage.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Usage
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
</a>
|
Getting Started
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/colors.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Colors
|
<a href="../docs/download.html" class="nav-link">
|
||||||
</a>
|
Download
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/typography.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Typography
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
</a>
|
Browser Support
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/icons.html" class="nav-link">
|
</ul>
|
||||||
Icons
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</ul>
|
Content
|
||||||
</li>
|
<span class="nav-link-toggle"></span>
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
<span class="nav-link-icon"><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 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
<li class="nav-item">
|
||||||
</span>
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
Components
|
Colors
|
||||||
<span class="nav-link-toggle"></span>
|
</a>
|
||||||
</a>
|
</li>
|
||||||
<ul class="nav collapse" id="menu-components">
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
<a href="../docs/alerts.html" class="nav-link">
|
Typography
|
||||||
Alerts
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
<a href="../docs/avatars.html" class="nav-link">
|
Icons
|
||||||
Avatars
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../docs/badges.html" class="nav-link">
|
<li class="nav-item">
|
||||||
Badges
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</a>
|
Layout
|
||||||
</li>
|
<span class="nav-link-toggle"></span>
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="../docs/breadcrumb.html" class="nav-link">
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
Breadcrumb
|
<li class="nav-item">
|
||||||
</a>
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
</li>
|
Page headers
|
||||||
<li class="nav-item">
|
</a>
|
||||||
<a href="../docs/buttons.html" class="nav-link">
|
</li>
|
||||||
Buttons
|
</ul>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
<a href="../docs/cards.html" class="nav-link">
|
Form components
|
||||||
Cards
|
<span class="nav-link-toggle"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/carousel.html" class="nav-link">
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
Carousel
|
Form elements
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/dropdowns.html" class="nav-link">
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
Dropdowns
|
Form helpers
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/divider.html" class="nav-link">
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
Divider
|
Validation states
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/empty.html" class="nav-link">
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
Empty states
|
Image check
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/form-elements.html" class="nav-link">
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
Form elements
|
Color check
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/form-helpers.html" class="nav-link">
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
Form helpers
|
Form selectboxes
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../docs/modals.html" class="nav-link">
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
Modals
|
Form fieldset
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
</ul>
|
||||||
<a href="../docs/progress.html" class="nav-link">
|
</li>
|
||||||
Progress
|
<li class="nav-item">
|
||||||
</a>
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
</li>
|
Components
|
||||||
<li class="nav-item">
|
<span class="nav-link-toggle"></span>
|
||||||
<a href="../docs/payments.html" class="nav-link">
|
</a>
|
||||||
Payments
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Alerts
|
||||||
<a href="../docs/range-slider.html" class="nav-link">
|
</a>
|
||||||
Range slider
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Avatars
|
||||||
<a href="../docs/ribbons.html" class="nav-link">
|
</a>
|
||||||
Ribbons
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Badges
|
||||||
<a href="../docs/skeleton.html" class="nav-link">
|
</a>
|
||||||
Skeleton
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Breadcrumb
|
||||||
<a href="../docs/spinners.html" class="nav-link">
|
</a>
|
||||||
Spinners
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Buttons
|
||||||
<a href="../docs/steps.html" class="nav-link">
|
</a>
|
||||||
Steps
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Cards
|
||||||
<a href="../docs/switch-icon.html" class="nav-link">
|
</a>
|
||||||
Switch icon
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Carousel
|
||||||
<a href="../docs/tables.html" class="nav-link">
|
</a>
|
||||||
Tables
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Dropdowns
|
||||||
<a href="../docs/tabs.html" class="nav-link">
|
</a>
|
||||||
Tabs
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Divider
|
||||||
<a href="../docs/timelines.html" class="nav-link">
|
</a>
|
||||||
Timelines
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Empty states
|
||||||
<a href="../docs/toasts.html" class="nav-link">
|
</a>
|
||||||
Toasts
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Modals
|
||||||
<a href="../docs/tooltips.html" class="nav-link">
|
</a>
|
||||||
Tooltips
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
</ul>
|
Page headers
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.762 4.383 -2.989 5.642c-1.226 1.26 -2.011 2.598 -2.011 4.358a6 6 0 1 0 12 0c0 -1.532 -.77 -2.94 -1.714 -4c-1.786 3 -3.077 3 -4.286 2z" /></svg>
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
</span>
|
Progress
|
||||||
Utilities
|
</a>
|
||||||
<span class="nav-link-toggle"></span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
<ul class="nav collapse" id="menu-utils">
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Range slider
|
||||||
<a href="../docs/cursors.html" class="nav-link">
|
</a>
|
||||||
Cursors
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
</ul>
|
Ribbons
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
</span>
|
Skeleton
|
||||||
Plugins
|
</a>
|
||||||
<span class="nav-link-toggle"></span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
<ul class="nav collapse show" id="menu-plugins">
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Spinners
|
||||||
<a href="../docs/autosize.html" class="nav-link">
|
</a>
|
||||||
Autosize
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Steps
|
||||||
<a href="../docs/input-mask.html" class="nav-link active">
|
</a>
|
||||||
Form input mask
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Switch icon
|
||||||
<a href="../docs/flags.html" class="nav-link">
|
</a>
|
||||||
Flags
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
<li class="nav-item">
|
Tables
|
||||||
<a href="../docs/charts.html" class="nav-link">
|
</a>
|
||||||
Charts
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
</ul>
|
Tabs
|
||||||
</li>
|
</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a href="../changelog.html" class="nav-link">
|
<li class="nav-item">
|
||||||
<span class="nav-link-icon"><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"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
</span>
|
Timelines
|
||||||
Changelog
|
</a>
|
||||||
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span>
|
</li>
|
||||||
</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
</ul>
|
Toasts
|
||||||
</div>
|
</a>
|
||||||
<div class="col-lg-9">
|
</li>
|
||||||
<div class="card card-lg">
|
<li class="nav-item">
|
||||||
<div class="card-body">
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
<div class="markdown">
|
Tooltips
|
||||||
<div class="mb-5">
|
</a>
|
||||||
<div class="d-flex mb-3">
|
</li>
|
||||||
<h1 class="mt-0">Input mask</h1>
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link active">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Input mask</h1>
|
||||||
|
</div>
|
||||||
|
<p>An input mask is a used to clarify the input format required in a given field and is helpful for users, removing confusion and reducing the number of validation errors.</p>
|
||||||
</div>
|
</div>
|
||||||
<p>An input mask is a used to clarify the input format required in a given field and is helpful for users, removing confusion and reducing the number of validation errors.</p>
|
<h2 id="default-markup">Default markup</h2>
|
||||||
</div>
|
<p>Use an input mask in the fields where users have to enter their phone number, to make the formatting rules clear and help them avoid confusion.</p>
|
||||||
<h2 id="default-markup">Default markup</h2>
|
<div class="example no_toc_section">
|
||||||
<p>Use an input mask in the fields where users have to enter their phone number, to make the formatting rules clear and help them avoid confusion.</p>
|
<div class="example-content">
|
||||||
<div class="example no_toc_section">
|
<label class="form-label">Telephone mask</label>
|
||||||
<div class="example-content">
|
<input type="text" name="input-mask" class="form-control" data-mask="(00) 0000-0000" data-mask-visible="true" placeholder="(00) 0000-0000" autocomplete="off" />
|
||||||
<label class="form-label">Telephone mask</label>
|
</div>
|
||||||
<input type="text" name="input-mask" class="form-control" data-mask="(00) 0000-0000" data-mask-visible="true" placeholder="(00) 0000-0000" autocomplete="off" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="example-code">
|
||||||
<div class="example-code">
|
<figure class="highlight">
|
||||||
<figure class="highlight">
|
<pre><code class="language-html" data-lang="html"><span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Telephone mask<span class="nt"></label></span>
|
||||||
<pre><code class="language-html" data-lang="html"><span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Telephone mask<span class="nt"></label></span>
|
|
||||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">name=</span><span class="s">"input-mask"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">data-mask=</span><span class="s">"(00) 0000-0000"</span> <span class="na">data-mask-visible=</span><span class="s">"true"</span> <span class="na">placeholder=</span><span class="s">"(00) 0000-0000"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span></code></pre>
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">name=</span><span class="s">"input-mask"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">data-mask=</span><span class="s">"(00) 0000-0000"</span> <span class="na">data-mask-visible=</span><span class="s">"true"</span> <span class="na">placeholder=</span><span class="s">"(00) 0000-0000"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span></code></pre>
|
||||||
</figure>
|
</figure>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -593,22 +694,29 @@
|
|||||||
<footer class="footer footer-transparent d-print-none">
|
<footer class="footer footer-transparent d-print-none">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row text-center align-items-center flex-row-reverse">
|
<div class="row text-center align-items-center flex-row-reverse">
|
||||||
<div class="col-lg-auto ml-lg-auto">
|
<div class="col-lg-auto ms-lg-auto">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
|
<li class="list-inline-item"><a href="../docs/index.html" 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="../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">Source code</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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||||
<ul class="list-inline list-inline-dots mb-0">
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
Copyright © 2020
|
Copyright © 2021
|
||||||
<a href=".." class="link-secondary">Tabler</a>.
|
<a href=".." class="link-secondary">Tabler</a>.
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
|
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -618,11 +726,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Libs JS -->
|
<!-- Libs JS -->
|
||||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<script src="../dist/js/tabler.min.js"></script>
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
<script>
|
|
||||||
document.body.style.display = "block"
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
748
demo/docs/interactions.html
Normal file
748
demo/docs/interactions.html
Normal file
@@ -0,0 +1,748 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<!--
|
||||||
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||||
|
* @version 1.0.0-beta2
|
||||||
|
* @link https://tabler.io
|
||||||
|
* Copyright 2018-2021 The Tabler Authors
|
||||||
|
* Copyright 2018-2021 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>Interactions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||||
|
<!-- CSS files -->
|
||||||
|
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||||
|
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||||
|
</head>
|
||||||
|
<body class="antialiased">
|
||||||
|
<div class="wrapper">
|
||||||
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||||
|
<div class="container-xl">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||||
|
<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 btn-outline-white" 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 text-github" width="24" height="24" viewBox="0 0 24 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 btn-outline-white" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||||
|
Sponsor
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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 0 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-end dropdown-menu-card">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||||
|
</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">Set status</a>
|
||||||
|
<a href="#" class="dropdown-item">Profile & account</a>
|
||||||
|
<a href="#" class="dropdown-item">Feedback</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">Settings</a>
|
||||||
|
<a href="#" class="dropdown-item">Logout</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="navbar-expand-md">
|
||||||
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||||
|
<div class="navbar navbar-light">
|
||||||
|
<div class="container-xl">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="../index.html" >
|
||||||
|
<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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><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" 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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></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="../empty.html" >
|
||||||
|
Empty page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../accordion.html" >
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../blank.html" >
|
||||||
|
Blank page
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../buttons.html" >
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards.html" >
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||||
|
Cards Masonry
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../colors.html" >
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../dropdowns.html" >
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../icons.html" >
|
||||||
|
Icons
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-column">
|
||||||
|
<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" >
|
||||||
|
Pagination
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../skeleton.html" >
|
||||||
|
Skeleton
|
||||||
|
</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
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../lists.html" >
|
||||||
|
Lists
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../typography.html" >
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../markdown.html" >
|
||||||
|
Markdown
|
||||||
|
</a>
|
||||||
|
<div class="dropend">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" 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-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" role="button" aria-expanded="false" >
|
||||||
|
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"/><polyline points="9 11 12 14 20 6" /><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" 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">
|
||||||
|
<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="../users.html" >
|
||||||
|
Users
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../license.html" >
|
||||||
|
License
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../music.html" >
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../widgets.html" >
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="../wizard.html" >
|
||||||
|
Wizard
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" 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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></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-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-condensed-dark.html" >
|
||||||
|
Condensed dark
|
||||||
|
</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-dark.html" >
|
||||||
|
Dark mode
|
||||||
|
</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 active">
|
||||||
|
<a class="nav-link" href="../docs/index.html" >
|
||||||
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
||||||
|
<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="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" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||||
|
</span>
|
||||||
|
<span class="nav-link-title">
|
||||||
|
Documentation
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</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">
|
||||||
|
<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"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-wrapper">
|
||||||
|
<div class="container-xl">
|
||||||
|
<!-- Page title -->
|
||||||
|
<div class="page-header d-print-none">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col">
|
||||||
|
<h2 class="page-title">
|
||||||
|
Documentation
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="page-body">
|
||||||
|
<div class="container-xl">
|
||||||
|
<div class="row gx-lg-4">
|
||||||
|
<div class="d-none d-lg-block col-lg-3">
|
||||||
|
<ul class="nav nav-pills nav-vertical">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/" class="nav-link">
|
||||||
|
Introduction
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Getting started
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-base">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/getting-started.html" class="nav-link">
|
||||||
|
Getting Started
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/download.html" class="nav-link">
|
||||||
|
Download
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/browser-support.html" class="nav-link">
|
||||||
|
Browser Support
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Content
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-content">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/colors.html" class="nav-link">
|
||||||
|
Colors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/typography.html" class="nav-link">
|
||||||
|
Typography
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/icons.html" class="nav-link">
|
||||||
|
Icons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Layout
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-layout">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Form components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-elements.html" class="nav-link">
|
||||||
|
Form elements
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-helpers.html" class="nav-link">
|
||||||
|
Form helpers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-validation.html" class="nav-link">
|
||||||
|
Validation states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-image-check.html" class="nav-link">
|
||||||
|
Image check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-color-check.html" class="nav-link">
|
||||||
|
Color check
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||||
|
Form selectboxes
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||||
|
Form fieldset
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Components
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-components">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/alerts.html" class="nav-link">
|
||||||
|
Alerts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/avatars.html" class="nav-link">
|
||||||
|
Avatars
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/badges.html" class="nav-link">
|
||||||
|
Badges
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||||
|
Breadcrumb
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/buttons.html" class="nav-link">
|
||||||
|
Buttons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cards.html" class="nav-link">
|
||||||
|
Cards
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/carousel.html" class="nav-link">
|
||||||
|
Carousel
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/dropdowns.html" class="nav-link">
|
||||||
|
Dropdowns
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/divider.html" class="nav-link">
|
||||||
|
Divider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/empty.html" class="nav-link">
|
||||||
|
Empty states
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/modals.html" class="nav-link">
|
||||||
|
Modals
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/page-headers.html" class="nav-link">
|
||||||
|
Page headers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/progress.html" class="nav-link">
|
||||||
|
Progress
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/range-slider.html" class="nav-link">
|
||||||
|
Range slider
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/ribbons.html" class="nav-link">
|
||||||
|
Ribbons
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/skeleton.html" class="nav-link">
|
||||||
|
Skeleton
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/spinners.html" class="nav-link">
|
||||||
|
Spinners
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/steps.html" class="nav-link">
|
||||||
|
Steps
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/switch-icon.html" class="nav-link">
|
||||||
|
Switch icon
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tables.html" class="nav-link">
|
||||||
|
Tables
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tabs.html" class="nav-link">
|
||||||
|
Tabs
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/timelines.html" class="nav-link">
|
||||||
|
Timelines
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/toasts.html" class="nav-link">
|
||||||
|
Toasts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/tooltips.html" class="nav-link">
|
||||||
|
Tooltips
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||||
|
Utilities
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse show" id="menu-utils">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/borders.html" class="nav-link">
|
||||||
|
Borders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/cursors.html" class="nav-link">
|
||||||
|
Cursors
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/interactions.html" class="nav-link active">
|
||||||
|
Interactions
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||||
|
Plugins
|
||||||
|
<span class="nav-link-toggle"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/autosize.html" class="nav-link">
|
||||||
|
Autosize
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/input-mask.html" class="nav-link">
|
||||||
|
Form input mask
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/flags.html" class="nav-link">
|
||||||
|
Flags
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/payments.html" class="nav-link">
|
||||||
|
Payments
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../docs/charts.html" class="nav-link">
|
||||||
|
Charts
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../changelog.html" class="nav-link">
|
||||||
|
Changelog
|
||||||
|
<span class="badge bg-blue-lt ms-auto">1.0.0-beta2</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="card card-lg">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="markdown">
|
||||||
|
<div>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<h1 class="m-0">Interactions</h1>
|
||||||
|
</div>
|
||||||
|
<p>Utility classes that change how users interact with contents of a website.</p>
|
||||||
|
</div>
|
||||||
|
<h2 id="text-selection">Text selection</h2>
|
||||||
|
<p>Change the way in which the content is selected when the user interacts with it.</p>
|
||||||
|
<div class="example no_toc_section">
|
||||||
|
<div class="example-content">
|
||||||
|
<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
|
||||||
|
<p class="user-select-auto">This paragraph has default select behavior.</p>
|
||||||
|
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><p</span> <span class="na">class=</span><span class="s">"user-select-all"</span><span class="nt">></span>This paragraph will be entirely selected when clicked by the user.<span class="nt"></p></span>
|
||||||
|
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"user-select-auto"</span><span class="nt">></span>This paragraph has default select behavior.<span class="nt"></p></span>
|
||||||
|
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"user-select-none"</span><span class="nt">></span>This paragraph will not be selectable when clicked by the user.<span class="nt"></p></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<h2 id="pointer-events">Pointer events</h2>
|
||||||
|
<p>Tabler provides .pe-none and .pe-auto classes to prevent or add element interactions.</p>
|
||||||
|
<div class="example no_toc_section">
|
||||||
|
<div class="example-content">
|
||||||
|
<p><a href="javascript:void(0)" class="pe-none" tabindex="-1" aria-disabled="true">This link</a> can not be clicked.</p>
|
||||||
|
<p><a href="javascript:void(0)" class="pe-auto">This link</a> can be clicked (this is default behavior).</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="example-code">
|
||||||
|
<figure class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><p><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"pe-none"</span> <span class="na">tabindex=</span><span class="s">"-1"</span> <span class="na">aria-disabled=</span><span class="s">"true"</span><span class="nt">></span>This link<span class="nt"></a></span> can not be clicked.<span class="nt"></p></span>
|
||||||
|
<span class="nt"><p><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"pe-auto"</span><span class="nt">></span>This link<span class="nt"></a></span> can be clicked (this is default behavior).<span class="nt"></p></span></code></pre>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="footer footer-transparent d-print-none">
|
||||||
|
<div class="container">
|
||||||
|
<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="../docs/index.html" 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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 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 © 2021
|
||||||
|
<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-beta2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Libs JS -->
|
||||||
|
<!-- Tabler Core -->
|
||||||
|
<script src="../dist/js/tabler.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
1167
demo/docs/page-headers.html
Normal file
1167
demo/docs/page-headers.html
Normal file
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
1195
demo/docs/tabs.html
1195
demo/docs/tabs.html
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user